@myst-theme/frontmatter 0.15.2 → 0.16.0

package/dist/AuthorPopover.js

@@ -8,5 +8,5 @@ export const AuthorPopover = ({ author, affiliations, children, }) => {
     var _a;
     if (!author)
         return _jsx(_Fragment, { children: children });
-    return (_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx("button", { className: "focus:shadow-[0_0_0_2px] focus:shadow-black outline-none hover:underline", "aria-label": "Author Details", children: children }) }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { className: "hover-card-content rounded p-5 w-[400px] bg-white shadow", sideOffset: 5, children: [_jsxs("div", { className: "flex flex-col gap-2.5", children: [_jsx("p", { className: "text-mauve12 text-[15px] leading-[19px] font-medium mb-2.5", children: author.name }), _jsx("p", { className: "text-mauve12 text-[15px] leading-[19px] font-medium mb-2.5", children: (_a = author.affiliations) === null || _a === void 0 ? void 0 : _a.map((affiliationId) => (_jsx(Affiliation, { affiliations: affiliations, affiliationId: affiliationId }, affiliationId))) }), _jsxs("dl", { className: "divide-y divide-gray-100", children: [author.email && (_jsx(Definition, { title: "Email", children: _jsx("a", { className: "ml-1", href: `mailto:${author.email}`, title: `${author.name} <${author.email}>`, target: "_blank", rel: "noopener noreferrer", children: author.email }) })), author.orcid && (_jsx(Definition, { title: "ORCID", children: _jsx("a", { className: "ml-1", href: `https://orcid.org/${author.orcid}`, target: "_blank", rel: "noopener noreferrer", title: "ORCID (Open Researcher and Contributor ID)", children: author.orcid }) })), author.github && (_jsx(Definition, { title: "GitHub", children: _jsxs("a", { className: "ml-1", href: `https://github.com/${author.github}`, target: "_blank", rel: "noopener noreferrer", title: `GitHub: ${author.github}`, children: ["@", author.github] }) })), author.twitter && (_jsx(Definition, { title: "Twitter", children: _jsxs("a", { className: "ml-1", href: `https://twitter.com/${author.twitter}`, target: "_blank", rel: "noopener noreferrer", title: `Twitter: ${author.twitter}`, children: ["@", author.twitter] }) })), author.url && (_jsx(Definition, { title: "Website", children: _jsx("a", { className: "ml-1", href: author.url, target: "_blank", rel: "noopener noreferrer", title: `Author Website`, children: author.url }) })), author.roles && _jsx(Definition, { title: "Roles", children: author.roles.join(', ') })] })] }), _jsx(Popover.Arrow, { className: "fill-white" })] }) })] }));
+    return (_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx("button", { className: "focus:shadow-[0_0_0_2px] focus:shadow-black outline-none hover:underline", "aria-label": "Author Details", children: children }) }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { className: "hover-card-content rounded p-5 w-[400px] bg-white shadow", sideOffset: 5, children: [_jsxs("div", { className: "flex flex-col gap-2.5", children: [_jsx("p", { className: "text-mauve12 text-[15px] leading-[19px] font-medium mb-2.5", children: author.name }), _jsx("p", { className: "text-mauve12 text-[15px] leading-[19px] font-medium mb-2.5", children: (_a = author.affiliations) === null || _a === void 0 ? void 0 : _a.map((affiliationId) => (_jsx(Affiliation, { affiliations: affiliations, affiliationId: affiliationId }, affiliationId))) }), _jsxs("dl", { className: "divide-y divide-gray-100", children: [author.email && (_jsx(Definition, { title: "Email", children: _jsx("a", { className: "ml-1", href: `mailto:${author.email}`, title: `${author.name} <${author.email}>`, target: "_blank", rel: "noopener noreferrer", children: author.email }) })), author.orcid && (_jsx(Definition, { title: "ORCID", children: _jsx("a", { className: "ml-1", href: `https://orcid.org/${author.orcid}`, target: "_blank", rel: "noopener noreferrer", title: "ORCID (Open Researcher and Contributor ID)", children: author.orcid }) })), author.github && (_jsx(Definition, { title: "GitHub", children: _jsxs("a", { className: "ml-1", href: `https://github.com/${author.github}`, target: "_blank", rel: "noopener noreferrer", title: `GitHub: ${author.github}`, children: ["@", author.github] }) })), author.twitter && (_jsx(Definition, { title: "X Account", children: _jsxs("a", { className: "ml-1", href: `https://x.com/${author.twitter}`, target: "_blank", rel: "noopener noreferrer", title: `X Account: ${author.twitter}`, children: ["@", author.twitter] }) })), author.url && (_jsx(Definition, { title: "Website", children: _jsx("a", { className: "ml-1", href: author.url, target: "_blank", rel: "noopener noreferrer", title: `Author Website`, children: author.url }) })), author.roles && _jsx(Definition, { title: "Roles", children: author.roles.join(', ') })] })] }), _jsx(Popover.Arrow, { className: "fill-white" })] }) })] }));
 };

package/dist/Authors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Authors.d.ts","sourceRoot":"","sources":["../src/Authors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAKxD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE;IACD,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAqDA;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;CAC/C,kDAgBA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;CAC/C,kDAyCA"}
+{"version":3,"file":"Authors.d.ts","sourceRoot":"","sources":["../src/Authors.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA2BxD,wBAAgB,MAAM,CAAC,EACrB,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE;IACD,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAChD,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAwBA;AAED,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;CAC/C,kDAgBA;AAED,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,YAAY,GACb,EAAE;IACD,OAAO,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,eAAe,CAAC,cAAc,CAAC,CAAC;CAC/C,kDAyCA"}

package/dist/Authors.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import classNames from 'classnames';
-import { OrcidIcon, EmailIcon, TwitterIcon } from '@scienceicons/react/24/solid';
+import { OrcidIcon, EmailIcon } from '@scienceicons/react/24/solid';
 import { AuthorPopover } from './AuthorPopover.js';
 import { Affiliation } from './Affiliations.js';
+function AuthorIconLink({ href, icon: Icon, title, className, }) {
+    return (_jsx("a", { className: "ml-1", href: href, title: title, target: "_blank", rel: "noopener noreferrer", children: _jsx(Icon, { width: "1rem", height: "1rem", className: classNames('inline-block text-gray-400 -translate-y-[0.1em]', className) }) }));
+}
 export function Author({ author, affiliations, className, }) {
-    return (_jsxs("span", { className: classNames('font-semibold text-sm', className), children: [_jsx(AuthorPopover, { author: author, affiliations: affiliations, children: author.name }), author.email && author.corresponding && (_jsx("a", { className: "ml-1", href: `mailto:${author.email}`, title: `${author.name} <${author.email}>`, target: "_blank", rel: "noopener noreferrer", children: _jsx(EmailIcon, { width: "1rem", height: "1rem", className: "inline-block text-gray-400 hover:text-blue-400 -translate-y-[0.1em]" }) })), author.orcid && (_jsx("a", { className: "ml-1", href: `https://orcid.org/${author.orcid}`, target: "_blank", rel: "noopener noreferrer", title: "ORCID (Open Researcher and Contributor ID)", children: _jsx(OrcidIcon, { width: "1rem", height: "1rem", className: "inline-block text-gray-400 hover:text-[#A9C751] -translate-y-[0.1em]" }) })), author.twitter && (_jsx("a", { className: "ml-1", href: `https://twitter.com/${author.twitter}`, target: "_blank", rel: "noopener noreferrer", title: `Twitter: ${author.twitter}`, children: _jsx(TwitterIcon, { width: "1rem", height: "1rem", className: "inline-block text-gray-400 hover:text-[#1DA1F2] -translate-y-[0.1em]" }) }))] }));
+    return (_jsxs("span", { className: classNames('font-semibold text-sm', className), children: [_jsx(AuthorPopover, { author: author, affiliations: affiliations, children: author.name }), author.email && author.corresponding && (_jsx(AuthorIconLink, { href: `mailto:${author.email}`, title: `${author.name} <${author.email}>`, icon: EmailIcon, className: "hover:text-blue-400" })), author.orcid && (_jsx(AuthorIconLink, { href: `https://orcid.org/${author.orcid}`, title: `ORCID: ${author.orcid}`, icon: OrcidIcon, className: "hover:text-[#A9C751]" }))] }));
 }
 export function AuthorsList({ authors, affiliations, }) {
     if (!authors || authors.length === 0)

package/dist/FrontmatterBlock.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { SourceFileKind } from 'myst-spec-ext';
-import { JupyterIcon, OpenAccessIcon, GithubIcon, TwitterIcon } from '@scienceicons/react/24/solid';
+import { JupyterIcon, OpenAccessIcon, GithubIcon, XIcon } from '@scienceicons/react/24/solid';
 import { LicenseBadges } from './licenses.js';
 import { DownloadsDropdown } from './downloads.js';
 import { AuthorAndAffiliations, AuthorsList } from './Authors.js';
@@ -44,8 +44,8 @@ export function DateString({ date, format = {
 export function TwitterLink({ twitter: possibleLink }) {
     if (!possibleLink)
         return null;
-    const twitter = possibleLink.replace(/^(https?:\/\/)?twitter\.com\//, '');
-    return (_jsx("a", { href: `https://twitter.com/${twitter}`, title: `Twitter: ${twitter}`, target: "_blank", rel: "noopener noreferrer", className: "text-inherit hover:text-inherit", children: _jsx(TwitterIcon, { width: "1.25rem", height: "1.25rem", className: "inline-block mr-1 opacity-60 hover:opacity-100" }) }));
+    const twitter = possibleLink.replace(/^(https?:\/\/)?(?:twitter|x)\.com\//, '');
+    return (_jsx("a", { href: `https://x.com/${twitter}`, title: `X Account: ${twitter}`, target: "_blank", rel: "noopener noreferrer", className: "text-inherit hover:text-inherit", children: _jsx(XIcon, { width: "1.25rem", height: "1.25rem", className: "inline-block mr-1 opacity-60 hover:opacity-100" }) }));
 }
 export function GitHubLink({ github: possibleLink }) {
     if (!possibleLink)

package/dist/LaunchButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LaunchButton.d.ts","sourceRoot":"","sources":["../src/LaunchButton.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,wBAAwB,EAAoB,MAAM,kBAAkB,CAAC;AAmEnF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,wBAAwB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAkeF,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,2CAiC9C"}
+{"version":3,"file":"LaunchButton.d.ts","sourceRoot":"","sources":["../src/LaunchButton.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,wBAAwB,EAAoB,MAAM,kBAAkB,CAAC;AAmEnF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,wBAAwB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAkeF,wBAAgB,YAAY,CAAC,KAAK,EAAE,WAAW,2CAkC9C"}

package/dist/LaunchButton.js

@@ -361,5 +361,5 @@ export function LaunchButton(props) {
         var _a, _b;
         (_b = (_a = closeRef.current) === null || _a === void 0 ? void 0 : _a.click) === null || _b === void 0 ? void 0 : _b.call(_a);
     }, []);
-    return (_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx("button", { className: "inline-flex size-[24px] hover:text-[#E18435] items-center justify-center", "aria-label": "Launch in external computing interface", children: _jsx(RocketIcon, {}) }) }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { className: "z-30 text-gray-700 dark:text-white bg-white dark:bg-stone-800 p-5 rounded shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2)] max-w-[400px]", sideOffset: 5, children: [_jsx(DetectLaunchContent, Object.assign({}, props, { onLaunch: closePopover })), _jsx(Popover.Close, { className: "absolute right-[5px] top-[5px] inline-flex size-[25px] items-center justify-center rounded-full", "aria-label": "Close", ref: closeRef, children: _jsx(Cross2Icon, {}) }), _jsx(Popover.Arrow, { className: "fill-white" })] }) })] }));
+    return (_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { asChild: true, children: _jsx("button", { className: "inline-flex size-[24px] hover:text-[#E18435] items-center justify-center", "aria-label": "Launch in external computing interface", title: "Launch in external computing interface", children: _jsx(RocketIcon, {}) }) }), _jsx(Popover.Portal, { children: _jsxs(Popover.Content, { className: "z-30 text-gray-700 dark:text-white bg-white dark:bg-stone-800 p-5 rounded shadow-[0_10px_38px_-10px_hsla(206,22%,7%,.35),0_10px_20px_-15px_hsla(206,22%,7%,.2)] max-w-[400px]", sideOffset: 5, children: [_jsx(DetectLaunchContent, Object.assign({}, props, { onLaunch: closePopover })), _jsx(Popover.Close, { className: "absolute right-[5px] top-[5px] inline-flex size-[25px] items-center justify-center rounded-full", "aria-label": "Close", ref: closeRef, children: _jsx(Cross2Icon, {}) }), _jsx(Popover.Arrow, { className: "fill-white" })] }) })] }));
 }

package/dist/downloads.js

@@ -70,5 +70,5 @@ export function Download({ url, filename, format, className, title, internal, })
 export function DownloadsDropdown({ exports }) {
     if (!exports || exports.length === 0)
         return null;
-    return (_jsxs(Menu, { as: "div", className: "relative flex inline-block mx-1 grow-0", children: [_jsxs(Menu.Button, { className: "relative ml-2 -mr-1", children: [_jsx("span", { className: "sr-only", children: "Downloads" }), _jsx(ArrowDownTrayIcon, { width: "1.25rem", height: "1.25rem", "aria-hidden": "true" })] }), _jsx(Menu.Items, { className: "absolute z-10 overflow-hidden bg-white rounded-sm shadow-lg -right-1 dark:bg-slate-800 ring-1 ring-black ring-opacity-5 focus:outline-none", children: exports.map((exp, index) => (_jsx(Menu.Item, { children: _jsx(Download, { className: "block p-3 no-underline hover:bg-stone-700 dark:hover:bg-stone-200 hover:text-white dark:hover:text-black", url: exp.url, filename: exp.filename, format: exp.format, title: exp.title, internal: exp.internal }) }, index))) })] }));
+    return (_jsxs(Menu, { as: "div", className: "relative flex inline-block mx-1 grow-0", children: [_jsxs(Menu.Button, { className: "relative ml-2 -mr-1", children: [_jsx("span", { className: "sr-only", children: "Downloads" }), _jsx(ArrowDownTrayIcon, { width: "1.25rem", height: "1.25rem", "aria-hidden": "true", title: "Download" })] }), _jsx(Menu.Items, { className: "absolute z-10 overflow-hidden bg-white rounded-sm shadow-lg -right-1 dark:bg-slate-800 ring-1 ring-black ring-opacity-5 focus:outline-none", children: exports.map((exp, index) => (_jsx(Menu.Item, { children: _jsx(Download, { className: "block p-3 no-underline hover:bg-stone-700 dark:hover:bg-stone-200 hover:text-white dark:hover:text-black", url: exp.url, filename: exp.filename, format: exp.format, title: exp.title, internal: exp.internal }) }, index))) })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/frontmatter",
-  "version": "0.15.2",
+  "version": "0.16.0",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -25,7 +25,7 @@
     "@radix-ui/react-form": "^0.1.0",
     "@radix-ui/react-icons": "^1.3.2",
     "@radix-ui/react-popover": "^1.1.2",
-    "@scienceicons/react": "^0.0.12",
+    "@scienceicons/react": "^0.0.13",
     "classnames": "^2.3.2",
     "myst-common": "*",
     "myst-frontmatter": "*"