@netfoundry/docusaurus-theme 0.8.2 → 0.10.0

package/css/layout.css

@@ -11,6 +11,43 @@ html {
     scrollbar-gutter: stable;
 }
 
+/* Resources picker: sit after the color mode toggle, before search */
+.navbar__items--right > div:has(.nf-picker-trigger)  { order: 2; display: flex; align-items: center; }
+.navbar__items--right > div:has(.DocSearch-Button)   { order: 3; }
+
+/* Separator between color mode toggle and resources picker */
+.navbar__items--right > div:has(.nf-picker-trigger)::before {
+    content: '';
+    display: block;
+    width: 1px;
+    height: 1.2em;
+    background: currentColor;
+    opacity: 0.2;
+    margin-right: 0.75rem;
+}
+
+/* Discourse navbar icon — multicolor brand logo */
+.nf-icon-link--discourse:hover {
+    opacity: 0.8;
+    color: inherit;
+}
+
+/* Navbar wordmark logo — taller than the Docusaurus default 2rem */
+.navbar__logo { height: var(--ifm-navbar-height); }
+.navbar__logo img { height: 100%; width: auto; }
+
+/* Separator between navbar logo and nav items */
+.navbar__brand::after {
+    content: '';
+    display: inline-block;
+    width: 1px;
+    height: 1.2em;
+    background: currentColor;
+    opacity: 0.2;
+    margin-left: 1rem;
+    vertical-align: middle;
+}
+
 .main-wrapper > div {
     /* work around issue from docusaurus doc grow/shrinking based on content */
     width: 100%;

package/css/product-picker.css

@@ -25,12 +25,14 @@
     position: relative;
     padding-right: 1.2rem;
     transition: color 0.3s ease;
+    font-weight: var(--ifm-font-weight-bold);
 }
 
 .nf-picker-trigger:hover,
 .nf-resources-dropdown:hover,
 .navbar__item.dropdown--show .nf-picker-trigger,
-.navbar__item.dropdown--show .nf-resources-dropdown {
+.navbar__item.dropdown--show .nf-resources-dropdown,
+.navbar__item.nf-picker--open .nf-picker-trigger {
     color: var(--ifm-color-primary);
     text-decoration: none;
 }
@@ -59,17 +61,17 @@
     opacity: 1;
 }
 
-/* Open: chevron rotates 180° */
+/* Open: chevron holds the hover drop position */
 .nf-picker--open .nf-picker-trigger::after,
 .navbar__item.dropdown--show .nf-resources-dropdown::after {
-    transform: translateY(-50%) rotate(180deg);
+    transform: translateY(-20%);
     opacity: 1;
 }
 
 /* Dark mode: cyan accent on hover */
 [data-theme='dark'] .nf-picker-trigger:hover,
 [data-theme='dark'] .nf-resources-dropdown:hover,
-[data-theme='dark'] .nf-picker--open .nf-picker-trigger,
+[data-theme='dark'] .navbar__item.nf-picker--open .nf-picker-trigger,
 [data-theme='dark'] .navbar__item.dropdown--show .nf-resources-dropdown {
     color: #22d3ee;
 }
@@ -139,7 +141,9 @@
 }
 
 /* Narrower panel for the 2-column Resources menu */
-.dropdown__menu:has(.picker-resources) { max-width: 700px; }
+.dropdown__menu:has(.picker-resources) { max-width: 400px; }
+.nf-picker-panel--narrow { max-width: 430px; padding: 0.85rem 1.25rem; }
+
 
 /* Ensure visibility when open */
 .dropdown--show > .dropdown__menu,
@@ -181,9 +185,33 @@
     transition: all 0.2s ease;
     border-radius: 8px;
 }
-.picker-link:hover  { background: rgba(0, 118, 255, 0.06); transform: translateX(3px); }
-.picker-link strong { color: var(--ifm-font-color-base); font-size: 0.95rem; font-weight: 900; letter-spacing: -0.02em; display: block; }
-.picker-link span   { color: #64748b; font-size: 0.82rem; display: block; margin-top: 2px; line-height: 1.35; }
+.picker-link:hover  { background: rgba(0, 118, 255, 0.06); transform: translateX(3px); text-decoration: none; }
+.picker-link strong { color: var(--ifm-font-color-base); font-size: 0.95rem; font-weight: 900; letter-spacing: -0.02em; display: block; text-decoration: none; }
+.picker-link span   { color: #64748b; font-size: 0.82rem; display: block; margin-top: 2px; line-height: 1.35; text-decoration: none; }
+.nf-picker-panel--narrow .picker-link span { white-space: nowrap; }
+
+/* ── Navbar icon links (GitHub, Discourse) ──────────────────────────────── */
+.nf-icon-links {
+    display: flex;
+    align-items: center;
+    gap: 0.1rem;
+}
+
+.nf-icon-link,
+.nf-icon-link:visited {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    color: var(--ifm-navbar-link-color);
+    text-decoration: none;
+}
+
+.nf-icon-link:hover {
+    color: var(--ifm-color-primary);
+    text-decoration: none;
+}
 
 /* ── Mobile (<= 996 px) ─────────────────────────────────────────────────── */
 @media (max-width: 996px) {

package/css/theme.css

@@ -1,20 +1,51 @@
-/**
- * NetFoundry Docusaurus Theme - Combined Styles
- *
- * This file is automatically loaded by the theme via getClientModules().
- *
- * Consuming projects no longer need to manually add these imports
- * to their custom.css files.
- */
-
-/* CSS variables for light mode */
-@import "./vars.css";
-
-/* CSS variables for dark mode */
-@import "./vars-dark.css";
-
-/* Layout styles */
-@import "./layout.css";
-
-/* Legacy design system variables and comprehensive styling */
-@import "./legacy.css";
+/**
+ * NetFoundry Docusaurus Theme - Combined Styles
+ *
+ * This file is automatically loaded by the theme via getClientModules().
+ *
+ * Consuming projects no longer need to manually add these imports
+ * to their custom.css files.
+ */
+
+/* CSS variables for light mode */
+@import "./vars.css";
+
+/* CSS variables for dark mode */
+@import "./vars-dark.css";
+
+/* Layout styles */
+@import "./layout.css";
+
+/* Legacy design system variables and comprehensive styling */
+@import "./legacy.css";
+
+/* ── Footer social link hover ───────────────────────────────────────────── */
+footer a[class*="footerSocialLink"] {
+    transition: all 0.2s ease;
+}
+
+[data-theme='dark'] footer a[class*="footerSocialLink"] {
+    background-color: #1a2640;
+    color: #64748b;
+    border: 1px solid rgba(148, 163, 184, 0.1);
+}
+[data-theme='dark'] footer a[class*="footerSocialLink"]:hover {
+    background-color: #22d3ee;
+    color: #020617;
+    border-color: transparent;
+    transform: translateY(-3px);
+    box-shadow: 0 6px 16px rgba(34, 211, 238, 0.35);
+}
+
+[data-theme='light'] footer a[class*="footerSocialLink"] {
+    background-color: #e2e8f0;
+    color: #475569;
+    border: 1px solid rgba(0, 0, 0, 0.06);
+}
+[data-theme='light'] footer a[class*="footerSocialLink"]:hover {
+    background-color: #0891b2;
+    color: #ffffff;
+    border-color: transparent;
+    transform: translateY(-3px);
+    box-shadow: 0 6px 16px rgba(8, 145, 178, 0.3);
+}

package/css/vars.css

@@ -1,5 +1,6 @@
 :root {
     --ifm-navbar-height: 50px;
+    --ifm-navbar-padding-vertical: 0;
     --nf-docs-max-width: 1400px;
 
     --nf-color-primary:   119, 194, 252;

package/dist/css/layout.css

@@ -11,6 +11,43 @@ html {
     scrollbar-gutter: stable;
 }
 
+/* Resources picker: sit after the color mode toggle, before search */
+.navbar__items--right > div:has(.nf-picker-trigger)  { order: 2; display: flex; align-items: center; }
+.navbar__items--right > div:has(.DocSearch-Button)   { order: 3; }
+
+/* Separator between color mode toggle and resources picker */
+.navbar__items--right > div:has(.nf-picker-trigger)::before {
+    content: '';
+    display: block;
+    width: 1px;
+    height: 1.2em;
+    background: currentColor;
+    opacity: 0.2;
+    margin-right: 0.75rem;
+}
+
+/* Discourse navbar icon — multicolor brand logo */
+.nf-icon-link--discourse:hover {
+    opacity: 0.8;
+    color: inherit;
+}
+
+/* Navbar wordmark logo — taller than the Docusaurus default 2rem */
+.navbar__logo { height: var(--ifm-navbar-height); }
+.navbar__logo img { height: 100%; width: auto; }
+
+/* Separator between navbar logo and nav items */
+.navbar__brand::after {
+    content: '';
+    display: inline-block;
+    width: 1px;
+    height: 1.2em;
+    background: currentColor;
+    opacity: 0.2;
+    margin-left: 1rem;
+    vertical-align: middle;
+}
+
 .main-wrapper > div {
     /* work around issue from docusaurus doc grow/shrinking based on content */
     width: 100%;

package/dist/css/product-picker.css

@@ -25,12 +25,14 @@
     position: relative;
     padding-right: 1.2rem;
     transition: color 0.3s ease;
+    font-weight: var(--ifm-font-weight-bold);
 }
 
 .nf-picker-trigger:hover,
 .nf-resources-dropdown:hover,
 .navbar__item.dropdown--show .nf-picker-trigger,
-.navbar__item.dropdown--show .nf-resources-dropdown {
+.navbar__item.dropdown--show .nf-resources-dropdown,
+.navbar__item.nf-picker--open .nf-picker-trigger {
     color: var(--ifm-color-primary);
     text-decoration: none;
 }
@@ -59,17 +61,17 @@
     opacity: 1;
 }
 
-/* Open: chevron rotates 180° */
+/* Open: chevron holds the hover drop position */
 .nf-picker--open .nf-picker-trigger::after,
 .navbar__item.dropdown--show .nf-resources-dropdown::after {
-    transform: translateY(-50%) rotate(180deg);
+    transform: translateY(-20%);
     opacity: 1;
 }
 
 /* Dark mode: cyan accent on hover */
 [data-theme='dark'] .nf-picker-trigger:hover,
 [data-theme='dark'] .nf-resources-dropdown:hover,
-[data-theme='dark'] .nf-picker--open .nf-picker-trigger,
+[data-theme='dark'] .navbar__item.nf-picker--open .nf-picker-trigger,
 [data-theme='dark'] .navbar__item.dropdown--show .nf-resources-dropdown {
     color: #22d3ee;
 }
@@ -139,7 +141,9 @@
 }
 
 /* Narrower panel for the 2-column Resources menu */
-.dropdown__menu:has(.picker-resources) { max-width: 700px; }
+.dropdown__menu:has(.picker-resources) { max-width: 400px; }
+.nf-picker-panel--narrow { max-width: 430px; padding: 0.85rem 1.25rem; }
+
 
 /* Ensure visibility when open */
 .dropdown--show > .dropdown__menu,
@@ -181,9 +185,33 @@
     transition: all 0.2s ease;
     border-radius: 8px;
 }
-.picker-link:hover  { background: rgba(0, 118, 255, 0.06); transform: translateX(3px); }
-.picker-link strong { color: var(--ifm-font-color-base); font-size: 0.95rem; font-weight: 900; letter-spacing: -0.02em; display: block; }
-.picker-link span   { color: #64748b; font-size: 0.82rem; display: block; margin-top: 2px; line-height: 1.35; }
+.picker-link:hover  { background: rgba(0, 118, 255, 0.06); transform: translateX(3px); text-decoration: none; }
+.picker-link strong { color: var(--ifm-font-color-base); font-size: 0.95rem; font-weight: 900; letter-spacing: -0.02em; display: block; text-decoration: none; }
+.picker-link span   { color: #64748b; font-size: 0.82rem; display: block; margin-top: 2px; line-height: 1.35; text-decoration: none; }
+.nf-picker-panel--narrow .picker-link span { white-space: nowrap; }
+
+/* ── Navbar icon links (GitHub, Discourse) ──────────────────────────────── */
+.nf-icon-links {
+    display: flex;
+    align-items: center;
+    gap: 0.1rem;
+}
+
+.nf-icon-link,
+.nf-icon-link:visited {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    color: var(--ifm-navbar-link-color);
+    text-decoration: none;
+}
+
+.nf-icon-link:hover {
+    color: var(--ifm-color-primary);
+    text-decoration: none;
+}
 
 /* ── Mobile (<= 996 px) ─────────────────────────────────────────────────── */
 @media (max-width: 996px) {

package/dist/css/theme.css

@@ -1,20 +1,51 @@
-/**
- * NetFoundry Docusaurus Theme - Combined Styles
- *
- * This file is automatically loaded by the theme via getClientModules().
- *
- * Consuming projects no longer need to manually add these imports
- * to their custom.css files.
- */
-
-/* CSS variables for light mode */
-@import "./vars.css";
-
-/* CSS variables for dark mode */
-@import "./vars-dark.css";
-
-/* Layout styles */
-@import "./layout.css";
-
-/* Legacy design system variables and comprehensive styling */
-@import "./legacy.css";
+/**
+ * NetFoundry Docusaurus Theme - Combined Styles
+ *
+ * This file is automatically loaded by the theme via getClientModules().
+ *
+ * Consuming projects no longer need to manually add these imports
+ * to their custom.css files.
+ */
+
+/* CSS variables for light mode */
+@import "./vars.css";
+
+/* CSS variables for dark mode */
+@import "./vars-dark.css";
+
+/* Layout styles */
+@import "./layout.css";
+
+/* Legacy design system variables and comprehensive styling */
+@import "./legacy.css";
+
+/* ── Footer social link hover ───────────────────────────────────────────── */
+footer a[class*="footerSocialLink"] {
+    transition: all 0.2s ease;
+}
+
+[data-theme='dark'] footer a[class*="footerSocialLink"] {
+    background-color: #1a2640;
+    color: #64748b;
+    border: 1px solid rgba(148, 163, 184, 0.1);
+}
+[data-theme='dark'] footer a[class*="footerSocialLink"]:hover {
+    background-color: #22d3ee;
+    color: #020617;
+    border-color: transparent;
+    transform: translateY(-3px);
+    box-shadow: 0 6px 16px rgba(34, 211, 238, 0.35);
+}
+
+[data-theme='light'] footer a[class*="footerSocialLink"] {
+    background-color: #e2e8f0;
+    color: #475569;
+    border: 1px solid rgba(0, 0, 0, 0.06);
+}
+[data-theme='light'] footer a[class*="footerSocialLink"]:hover {
+    background-color: #0891b2;
+    color: #ffffff;
+    border-color: transparent;
+    transform: translateY(-3px);
+    box-shadow: 0 6px 16px rgba(8, 145, 178, 0.3);
+}

package/dist/css/vars.css

@@ -1,5 +1,6 @@
 :root {
     --ifm-navbar-height: 50px;
+    --ifm-navbar-padding-vertical: 0;
     --nf-docs-max-width: 1400px;
 
     --nf-color-primary:   119, 194, 252;

package/dist/src/components/AssetsContext/AssetsContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface ReleaseAsset {
+    name: string;
+    url: string;
+    arch: string;
+}
+export declare const useAssets: () => ReleaseAsset[];
+interface AssetsProviderProps {
+    repoUrl: string;
+    children: React.ReactNode;
+}
+export declare const AssetsProvider: React.FC<AssetsProviderProps>;
+export {};
+//# sourceMappingURL=AssetsContext.d.ts.map

package/dist/src/components/AssetsContext/AssetsContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsContext.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetsContext/AssetsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAE9E,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CAChB;AAID,eAAO,MAAM,SAAS,sBAAkC,CAAC;AAEzD,UAAU,mBAAmB;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+BxD,CAAC"}

package/dist/src/components/AssetsContext/AssetsContext.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useState, useContext, useEffect } from 'react';
+const AssetsContext = createContext([]);
+export const useAssets = () => useContext(AssetsContext);
+export const AssetsProvider = ({ repoUrl, children }) => {
+    const [assets, setAssets] = useState([]);
+    useEffect(() => {
+        const fetchReleaseAssets = async () => {
+            try {
+                const response = await fetch(repoUrl);
+                if (!response.ok) {
+                    throw new Error(`HTTP error! status: ${response.status}`);
+                }
+                const data = await response.json();
+                const filteredAssets = data.assets.map((asset) => ({
+                    name: asset.name,
+                    url: asset.browser_download_url,
+                    arch: asset.name.replace(/\.tar\.gz/, '').split('_')[3]
+                }));
+                console.log("Fetched assets:", filteredAssets);
+                setAssets(filteredAssets);
+            }
+            catch (error) {
+                console.error('Error fetching the release assets:', error);
+            }
+        };
+        fetchReleaseAssets();
+    }, [repoUrl]);
+    return (_jsx(AssetsContext.Provider, { value: assets, children: children }));
+};
+//# sourceMappingURL=AssetsContext.js.map

package/dist/src/components/AssetsContext/AssetsContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetsContext.js","sourceRoot":"","sources":["../../../../src/components/AssetsContext/AssetsContext.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ9E,MAAM,aAAa,GAAG,aAAa,CAAiB,EAAE,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;AAOzD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAiB,EAAE,CAAC,CAAC;IAEzD,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,kBAAkB,GAAG,KAAK,IAAI,EAAE;YAClC,IAAI,CAAC;gBACD,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,OAAO,CAAC,CAAC;gBACtC,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;oBACf,MAAM,IAAI,KAAK,CAAC,uBAAuB,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;gBAC9D,CAAC;gBACD,MAAM,IAAI,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;gBACnC,MAAM,cAAc,GAAmB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC;oBACpE,IAAI,EAAE,KAAK,CAAC,IAAI;oBAChB,GAAG,EAAE,KAAK,CAAC,oBAAoB;oBAC/B,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;iBAC1D,CAAC,CAAC,CAAC;gBACJ,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC;gBAC/C,SAAS,CAAC,cAAc,CAAC,CAAC;YAC9B,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACb,OAAO,CAAC,KAAK,CAAC,oCAAoC,EAAE,KAAK,CAAC,CAAC;YAC/D,CAAC;QACL,CAAC,CAAC;QAEF,kBAAkB,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACH,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,YAChC,QAAQ,GACY,CAC5B,CAAC;AACN,CAAC,CAAC"}

package/dist/src/components/AssetsContext/index.d.ts

@@ -0,0 +1,3 @@
+export { AssetsProvider, useAssets } from './AssetsContext';
+export type { ReleaseAsset } from './AssetsContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/AssetsContext/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/AssetsContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5D,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/components/AssetsContext/index.js

@@ -0,0 +1,2 @@
+export { AssetsProvider, useAssets } from './AssetsContext';
+//# sourceMappingURL=index.js.map

package/dist/src/components/AssetsContext/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/AssetsContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/components/DownloadCard/DownloadCard.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface DownloadLink {
+    arch: string;
+    url: string;
+}
+export interface PlatformSpec {
+    links: DownloadLink[];
+    logo?: string;
+}
+export interface ExtraPlatform extends PlatformSpec {
+    osName: string;
+}
+export interface DownloadSectionProps {
+    windows?: PlatformSpec;
+    macos?: PlatformSpec;
+    linux?: PlatformSpec;
+    extras?: ExtraPlatform[];
+}
+export declare const DownloadSection: React.FC<DownloadSectionProps>;
+//# sourceMappingURL=DownloadCard.d.ts.map

package/dist/src/components/DownloadCard/DownloadCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadCard.d.ts","sourceRoot":"","sources":["../../../../src/components/DownloadCard/DownloadCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,YAAY;IAC/C,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,oBAAoB;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAsGD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwB1D,CAAC"}

package/dist/src/components/DownloadCard/DownloadCard.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useColorMode } from '@docusaurus/theme-common';
+import { WindowsLogo, MacOSLogo, LinuxLogo } from './logos';
+const v = (light, dark_, dark) => dark ? dark_ : light;
+const Card = ({ osName, spec, defaultLogo, dark }) => {
+    const logo = spec.logo
+        ? _jsx("img", { src: spec.logo, alt: osName, style: { width: '100%', height: '100%', objectFit: 'contain' } })
+        : defaultLogo;
+    const card = {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        flexGrow: 1,
+        width: '30%',
+        borderRadius: '1em',
+        overflow: 'hidden',
+        border: `1px solid var(--nf-download-border, ${v('#e0d9fb', '#3a2e6e', dark)})`,
+        boxShadow: v('0 0.125em 0.75em rgba(124,95,245,0.10)', '0 0.125em 0.75em rgba(0,0,0,0.35)', dark),
+        background: `var(--nf-download-card-bg, ${v('#ffffff', '#1e1b2e', dark)})`,
+        transition: 'box-shadow 0.2s, transform 0.2s',
+    };
+    const logoArea = {
+        width: '100%',
+        height: '8em',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        background: `var(--nf-download-accent-soft, ${v('#f3f0fe', '#2a1f56', dark)})`,
+        borderBottom: `1px solid var(--nf-download-border, ${v('#e0d9fb', '#3a2e6e', dark)})`,
+        boxSizing: 'border-box',
+        flexShrink: 0,
+    };
+    const logoWrap = {
+        width: '4em',
+        height: '4em',
+        color: `var(--nf-download-logo-color, ${v('#1a1a1a', '#ffffff', dark)})`,
+    };
+    const title = {
+        margin: '1em 0 0.75em',
+        fontSize: '1rem',
+        fontWeight: 600,
+    };
+    const buttonList = {
+        listStyle: 'none',
+        padding: '0 1em',
+        margin: '0 0 1.25em',
+        display: 'flex',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+        gap: '0.5em',
+    };
+    const btn = {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '2em',
+        minWidth: '5em',
+        padding: '0 0.875em',
+        margin: 0,
+        background: 'var(--nf-download-accent, #7c5ff5)',
+        borderRadius: '0.75em',
+        cursor: 'pointer',
+    };
+    const linkStyle = {
+        textDecoration: 'none',
+        color: 'var(--nf-download-accent-text, #ffffff)',
+        fontSize: '0.8rem',
+        fontWeight: 500,
+        letterSpacing: '0.02em',
+    };
+    return (_jsxs("div", { style: card, children: [_jsx("div", { style: logoArea, children: _jsx("div", { style: logoWrap, children: logo }) }), _jsx("h3", { style: title, children: osName }), _jsx("ul", { style: buttonList, children: spec.links.map((link, i) => (_jsx("li", { style: btn, children: _jsx("a", { href: link.url, style: linkStyle, children: link.arch }) }, i))) })] }));
+};
+export const DownloadSection = ({ windows, macos, linux, extras = [] }) => {
+    const { colorMode } = useColorMode();
+    const dark = colorMode === 'dark';
+    const wrap = {
+        display: 'flex',
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        justifyContent: 'center',
+        alignItems: 'stretch',
+        gap: '1em',
+        padding: '1.5em 0',
+    };
+    return (_jsxs("div", { style: wrap, children: [windows && _jsx(Card, { osName: "Windows", spec: windows, defaultLogo: _jsx(WindowsLogo, {}), dark: dark }), macos && _jsx(Card, { osName: "macOS", spec: macos, defaultLogo: _jsx(MacOSLogo, {}), dark: dark }), linux && _jsx(Card, { osName: "Linux", spec: linux, defaultLogo: _jsx(LinuxLogo, {}), dark: dark }), extras.map((p, i) => (_jsx(Card, { osName: p.osName, spec: p, defaultLogo: null, dark: dark }, i)))] }));
+};
+//# sourceMappingURL=DownloadCard.js.map

package/dist/src/components/DownloadCard/DownloadCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadCard.js","sourceRoot":"","sources":["../../../../src/components/DownloadCard/DownloadCard.tsx"],"names":[],"mappings":"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"}