@myst-theme/landing-pages 0.17.0 → 0.18.0

package/dist/BlockHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlockHeading.d.ts","sourceRoot":"","sources":["../src/BlockHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;wDAkB5F"}
+{"version":3,"file":"BlockHeading.d.ts","sourceRoot":"","sources":["../src/BlockHeading.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAIjD,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE;;;wDAyB5F"}

package/dist/BlockHeading.js

@@ -6,7 +6,7 @@ export function BlockHeading({ node, className }) {
     const { enumerator, depth, key, identifier, html_id } = node;
     const id = html_id || identifier || key;
     return e(`h${depth}`, {
-        className: classNames(node.class, className, 'group'),
+        className: classNames('myst-landing-heading', node.class, className, 'group'),
         id: id,
-    }, _jsxs(_Fragment, { children: [enumerator && _jsx("span", { className: "mr-3 select-none", children: enumerator }), _jsx("span", { className: "heading-text", children: _jsx(MyST, { ast: node.children }) }), _jsx(HashLink, { id: id, kind: "Section", className: "font-normal", hover: true, hideInPopup: true, noWidth: true })] }));
+    }, _jsxs(_Fragment, { children: [enumerator && _jsx("span", { className: "myst-landing-enumerator mr-3 select-none", children: enumerator }), _jsx("span", { className: "myst-landing-text heading-text", children: _jsx(MyST, { ast: node.children }) }), _jsx(HashLink, { className: "myst-landing-link font-normal", id: id, kind: "Section", hover: true, hideInPopup: true, noWidth: true })] }));
 }

package/dist/CenteredBlock.js

@@ -26,7 +26,7 @@ export function CenteredBlock(props) {
     if (!body) {
         return _jsx(InvalidBlock, Object.assign({}, props, { blockName: "centered" }));
     }
-    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsx("div", { className: "relative text-center", children: _jsxs("div", { className: "py-20 sm:py-28", children: [subtitle && (_jsx("p", { className: "my-0 font-semibold text-indigo-400 uppercase", children: _jsx(MyST, { ast: subtitle.children }) })), heading && (_jsx(BlockHeading, { node: heading, className: "mt-2 mb-0 text-5xl font-semibold tracking-tight" })), body && (_jsx("div", { className: "mt-6", children: _jsx(MyST, { ast: body }) })), links && (_jsx("div", { className: "flex flex-row flex-wrap items-center justify-center gap-4 mt-8", children: _jsx(MyST, { ast: links }) }))] }) }) })));
+    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsx("div", { className: "myst-landing-centered relative text-center", children: _jsxs("div", { className: "myst-landing-centered-inner py-20 sm:py-28", children: [subtitle && (_jsx("p", { className: "myst-landing-centered-subtitle my-0 font-semibold text-indigo-400 uppercase", children: _jsx(MyST, { ast: subtitle.children }) })), heading && (_jsx(BlockHeading, { node: heading, className: "myst-landing-centered-heading mt-2 mb-0 text-5xl font-semibold tracking-tight" })), body && (_jsx("div", { className: "myst-landing-centered-body mt-6", children: _jsx(MyST, { ast: body }) })), links && (_jsx("div", { className: "myst-landing-centered-links flex flex-row flex-wrap items-center justify-center gap-4 mt-8", children: _jsx(MyST, { ast: links }) }))] }) }) })));
 }
 export const CENTERED_RENDERERS = {
     block: {

package/dist/InvalidBlock.js

@@ -3,5 +3,5 @@ import { MyST } from 'myst-to-react';
 import { LandingBlock } from './LandingBlock.js';
 export function InvalidBlock(props) {
     const { node, blockName } = props;
-    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "relative", role: "alert", children: [_jsxs("div", { className: "px-4 py-2 font-bold text-white bg-red-500 rounded-t", children: ["Invalid block ", _jsx("span", { className: "font-mono", children: blockName })] }), _jsxs("div", { className: "border border-t-0 border-red-400 rounded-b ", children: [_jsx("div", { className: "px-4 py-3 text-red-700 bg-red-100", children: _jsxs("p", { children: ["This '", blockName, "' block does not conform to the expected AST structure."] }) }), _jsx("div", { className: "px-4 py-3", children: _jsx(MyST, { ast: node.children }) })] })] }) })));
+    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "myst-landing-invalid relative", role: "alert", children: [_jsxs("div", { className: "myst-landing-invalid-header px-4 py-2 font-bold text-white bg-red-500 rounded-t", children: ["Invalid block ", _jsx("span", { className: "font-mono", children: blockName })] }), _jsxs("div", { className: "myst-landing-invalid-border border border-t-0 border-red-400 rounded-b ", children: [_jsx("div", { className: "myst-landing-invalid-message px-4 py-3 text-red-700 bg-red-100", children: _jsxs("p", { children: ["This '", blockName, "' block does not conform to the expected AST structure."] }) }), _jsx("div", { className: "myst-landing-invalid-content px-4 py-3", children: _jsx(MyST, { ast: node.children }) })] })] }) })));
 }

package/dist/JustifiedBlock.js

@@ -26,7 +26,7 @@ export function JustifiedBlock(props) {
     if (!body) {
         return _jsx(InvalidBlock, Object.assign({}, props, { blockName: "justified" }));
     }
-    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "grid-areas-just-narrow md:grid-areas-just-wide grid grid-cols-[auto_1fr_auto] justify-between gap-2 py-20 sm:py-28 lg:px-8", children: [subtitle && (_jsx("p", { className: "grid-area-subtitle my-0 font-semibold text-indigo-400 uppercase", children: _jsx(MyST, { ast: subtitle.children }) })), heading && (_jsx(BlockHeading, { node: heading, className: "grid-area-title mt-2 mb-0 text-5xl font-semibold tracking-tight" })), body && (_jsx("div", { className: "grid-area-body mt-6", children: _jsx(MyST, { ast: body }) })), links && (_jsx("div", { className: "grid-area-links flex flex-row flex-wrap items-center gap-4", children: _jsx(MyST, { ast: links }) }))] }) })));
+    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "myst-landing-justified grid-areas-just-narrow md:grid-areas-just-wide grid grid-cols-[auto_1fr_auto] justify-between gap-2 py-20 sm:py-28 lg:px-8", children: [subtitle && (_jsx("p", { className: "myst-landing-justified-subtitle grid-area-subtitle my-0 font-semibold text-indigo-400 uppercase", children: _jsx(MyST, { ast: subtitle.children }) })), heading && (_jsx(BlockHeading, { node: heading, className: "myst-landing-justified-heading grid-area-title mt-2 mb-0 text-5xl font-semibold tracking-tight" })), body && (_jsx("div", { className: "myst-landing-justified-body grid-area-body mt-6", children: _jsx(MyST, { ast: body }) })), links && (_jsx("div", { className: "myst-landing-justified-links grid-area-links flex flex-row flex-wrap items-center gap-4", children: _jsx(MyST, { ast: links }) }))] }) })));
 }
 export const JUSTIFIED_RENDERERS = {
     block: {

package/dist/LandingBlock.js

@@ -6,7 +6,7 @@ export function LandingBlock({ node, className, children }) {
     const { key } = node;
     const externalClassNames = classNames(className, node.class);
     const subGrid = node.visibility === 'hide' ? '' : `${grid} subgrid-gap col-page [&>*]:col-page`;
-    return (_jsx("div", { id: key, className: classNames('relative group/block py-6', externalClassNames, {
+    return (_jsx("div", { id: key, className: classNames('myst-landing-block relative group/block py-6', externalClassNames, {
             // Hide the subgrid if either the dataClass or the className exists and includes `col-`
             [subGrid]: !(externalClassNames && externalClassNames.includes('col-')),
             hidden: node.visibility === 'remove',

package/dist/LogoCloudBlock.js

@@ -22,7 +22,7 @@ export function LogoCloudBlock(props) {
     if (!grid) {
         return _jsx(InvalidBlock, Object.assign({}, props, { blockName: "logo-cloud" }));
     }
-    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "py-20 text-center sm:py-28", children: [_jsx("div", { className: "font-semibold", children: _jsx(MyST, { ast: body }) }), grid && _jsx(MyST, { ast: grid }), links && (_jsx("div", { className: "flex flex-row flex-wrap items-center justify-center gap-4 mt-8", children: _jsx(MyST, { ast: links }) }))] }) })));
+    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "myst-landing-logo-cloud py-20 text-center sm:py-28", children: [_jsx("div", { className: "myst-landing-logo-cloud-body font-semibold", children: _jsx(MyST, { ast: body }) }), grid && _jsx(MyST, { ast: grid }), links && (_jsx("div", { className: "myst-landing-logo-cloud-links flex flex-row flex-wrap items-center justify-center gap-4 mt-8", children: _jsx(MyST, { ast: links }) }))] }) })));
 }
 export const LOGO_CLOUD_RENDERERS = {
     block: {

package/dist/SplitImageBlock.js

@@ -28,7 +28,7 @@ export function SplitImageBlock(props) {
     if (!image || !body) {
         return _jsx(InvalidBlock, Object.assign({}, props, { blockName: "split-image" }));
     }
-    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "relative rounded-md bg-stone-900 dark:bg-stone-800", children: [_jsx("div", { className: "lg:absolute lg:h-full lg:w-[calc(50%)] md:absolute md:h-full md:w-[calc(100%/3)] h-80 relative [&_img]:h-full [&_img]:w-full [&_img]:object-cover [&_img]:m-0 [&_picture]:m-0 [&_picture]:inline", children: _jsx(MyST, { ast: image }) }), _jsx("div", { className: "relative py-24", children: _jsxs("div", { className: "lg:ml-auto lg:w-[calc(50%)] lg:p-8 lg:pl-24 md:ml-auto md:w-[calc(2*100%/3)] md:pl-16 md:p-8 px-6", children: [subtitle && (_jsx("p", { className: "my-0 font-semibold prose text-indigo-400 uppercase  prose-invert", children: _jsx(MyST, { ast: subtitle.children }) })), heading && (_jsx(BlockHeading, { node: heading, className: "mt-2 mb-0 text-5xl font-semibold tracking-tight text-white" })), _jsx("div", { className: "mt-6", children: _jsx(MyST, { ast: body, className: "prose prose-invert" }) }), links && (_jsx("div", { className: "flex flex-row flex-wrap items-center gap-4 mt-8", children: _jsx(MyST, { ast: links, className: "prose prose-invert" }) }))] }) })] }) })));
+    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "myst-landing-split-img relative rounded-md bg-stone-900 dark:bg-stone-800", children: [_jsx("div", { className: "myst-landing-split-img-image lg:absolute lg:h-full lg:w-[calc(50%)] md:absolute md:h-full md:w-[calc(100%/3)] h-80 relative [&_img]:h-full [&_img]:w-full [&_img]:object-cover [&_img]:m-0 [&_picture]:m-0 [&_picture]:inline", children: _jsx(MyST, { ast: image }) }), _jsx("div", { className: "myst-landing-split-img-content-wrapper relative py-24", children: _jsxs("div", { className: "myst-landing-split-img-content lg:ml-auto lg:w-[calc(50%)] lg:p-8 lg:pl-24 md:ml-auto md:w-[calc(2*100%/3)] md:pl-16 md:p-8 px-6", children: [subtitle && (_jsx("p", { className: "myst-landing-split-img-subtitle my-0 font-semibold prose text-indigo-400 uppercase  prose-invert", children: _jsx(MyST, { ast: subtitle.children }) })), heading && (_jsx(BlockHeading, { node: heading, className: "myst-landing-split-img-heading mt-2 mb-0 text-5xl font-semibold tracking-tight text-white" })), _jsx("div", { className: "myst-landing-split-img-body mt-6", children: _jsx(MyST, { ast: body, className: "prose prose-invert" }) }), links && (_jsx("div", { className: "myst-landing-split-img-links flex flex-row flex-wrap items-center gap-4 mt-8", children: _jsx(MyST, { ast: links, className: "prose prose-invert" }) }))] }) })] }) })));
 }
 export const SPLIT_IMAGE_RENDERERS = {
     block: {

package/dist/UnknownBlock.js

@@ -3,5 +3,5 @@ import { MyST } from 'myst-to-react';
 import { LandingBlock } from './LandingBlock.js';
 export function UnknownBlock(props) {
     const { node, blockName } = props;
-    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "relative", role: "alert", children: [_jsxs("div", { className: "px-4 py-2 font-bold text-white bg-red-500 rounded-t", children: ["Unknown block ", _jsx("span", { className: "font-mono", children: blockName })] }), _jsx("div", { className: "px-4 py-3 border border-t-0 border-red-400 rounded-b", children: _jsx(MyST, { ast: node }) })] }) })));
+    return (_jsx(LandingBlock, Object.assign({}, props, { children: _jsxs("div", { className: "myst-landing-unknown relative", role: "alert", children: [_jsxs("div", { className: "myst-landing-unknown-header px-4 py-2 font-bold text-white bg-red-500 rounded-t", children: ["Unknown block ", _jsx("span", { className: "font-mono", children: blockName })] }), _jsx("div", { className: "myst-landing-unknown-content px-4 py-3 border border-t-0 border-red-400 rounded-b", children: _jsx(MyST, { ast: node }) })] }) })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myst-theme/landing-pages",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -20,14 +20,14 @@
     "build": "npm-run-all -l clean -p build:esm"
   },
   "dependencies": {
-    "@myst-theme/providers": "^0.17.0",
+    "@myst-theme/providers": "^0.18.0",
     "classnames": "^2.5.1",
     "myst-common": "^1.8.1",
     "myst-config": "^1.7.9",
     "myst-frontmatter": "^1.8.1",
     "myst-spec": "^0.0.5",
     "myst-spec-ext": "^1.8.1",
-    "myst-to-react": "^0.17.0",
+    "myst-to-react": "^0.18.0",
     "unist-util-select": "^4.0.3",
     "unist-util-filter": "^4.0.0"
   },