@mintlify/og 0.0.91 → 0.0.92

package/dist/constants.d.ts

@@ -7,4 +7,4 @@ export declare const DEFAULT_FONT_FAMILY = "Inter";
 export declare const MONO_FONT_FAMILY = "Paper Mono";
 export declare const LOGO_HEIGHT = 56;
 export declare const MAX_BRAND_GLOW_ALPHA: Record<OgAppearance, number>;
-export declare const OG_RENDERER_REVISION = 5;
+export declare const OG_RENDERER_REVISION = 7;

package/dist/constants.js

@@ -7,4 +7,4 @@ export const MONO_FONT_FAMILY = 'Paper Mono';
 export const LOGO_HEIGHT = 56;
 export const MAX_BRAND_GLOW_ALPHA = { light: 0.32, dark: 0.52 };
 // Bump whenever rendered output changes for the same input, so cards get new hashes.
-export const OG_RENDERER_REVISION = 5;
+export const OG_RENDERER_REVISION = 7;

package/dist/layouts/classic-frame.d.ts

@@ -8,4 +8,4 @@ export declare const ClassicFrame: ({ palette, glow, backgroundImageUrl, }: {
     palette: OgPalette;
     glow: BrandGlow | null;
     backgroundImageUrl?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/layouts/classic-frame.js

@@ -6,23 +6,7 @@ const FRAME = { left: 62.938, width: 1074.12, dividers: Object.values(CLASSIC_CO
 export const ClassicFrame = ({ palette, glow, backgroundImageUrl, }) => {
     var _a;
     if (backgroundImageUrl) {
-        return (_jsx("div", { style: {
-                position: 'absolute',
-                top: 0,
-                left: `${FRAME.left}px`,
-                width: `${FRAME.width}px`,
-                height: `${OG_HEIGHT}px`,
-                display: 'flex',
-                borderLeft: `1px solid ${palette.line}`,
-                borderRight: `1px solid ${palette.line}`,
-            }, children: FRAME.dividers.map((top) => (_jsx("div", { style: {
-                    position: 'absolute',
-                    left: 0,
-                    top: `${top}px`,
-                    width: '100%',
-                    height: '1px',
-                    backgroundColor: palette.line,
-                } }, top))) }));
+        return null;
     }
     const direction = palette.title === '#FFFFFF' ? 'lighter' : 'darker';
     const colors = getFrameColors(palette.background, glow, direction);

package/dist/layouts/preset.js

@@ -157,13 +157,14 @@ export const PresetLayout = ({ preset, content, palette, backgroundImageUrl, eye
         : Math.max(settings.contentTop, (settings.contentBounds.top + settings.contentBounds.bottom - contentHeight) / 2);
     const glow = getBrandGlow(preset, palette);
     const glowGradient = getBrandGlowCss(glow);
+    const resolvedEyebrowStyle = preset === 'classic' && backgroundImageUrl && eyebrowStyle === 'bar' ? 'plain' : eyebrowStyle;
     return (_jsxs("div", { style: Object.assign(Object.assign({ position: 'relative', display: 'flex', width: `${OG_WIDTH}px`, height: `${OG_HEIGHT}px`, backgroundColor: palette.background }, (backgroundImageUrl
             ? { backgroundImage: `url(${backgroundImageUrl})`, backgroundSize: '100% 100%' }
             : glowGradient && { backgroundImage: glowGradient })), { fontFamily: getFontStack(fontFamily) }), children: [settings.frame && (_jsx(ClassicFrame, { palette: palette, glow: glow, backgroundImageUrl: backgroundImageUrl })), settings.panel && (_jsx("div", { style: Object.assign({ position: 'absolute', left: `${PANEL.left}px`, top: `${PANEL.top}px`, width: `${PANEL.width}px`, height: `${OG_HEIGHT - PANEL.top}px`, backgroundColor: palette.panel, borderTopLeftRadius: `${PANEL.radius}px`, borderTopRightRadius: `${PANEL.radius}px` }, (palette.panelBorder && {
                     borderTop: `1px solid ${palette.panelBorder}`,
                     borderLeft: `1px solid ${palette.panelBorder}`,
                     borderRight: `1px solid ${palette.panelBorder}`,
-                })) })), logo && (_jsx("div", { style: getLogoBoxStyle(settings.logo), children: _jsx(Logo, { logo: logo }) })), _jsxs("div", { style: Object.assign(Object.assign({ position: 'absolute', top: `${contentTop}px`, left: `${settings.contentLeft}px` }, (isCentered && { width: `${OG_WIDTH}px` })), { display: 'flex', flexDirection: 'column', alignItems: isCentered ? 'center' : 'flex-start' }), children: [eyebrow && (_jsx(Eyebrow, { text: eyebrow, style: eyebrowStyle, palette: palette, settings: settings })), _jsxs("div", { style: {
+                })) })), logo && (_jsx("div", { style: getLogoBoxStyle(settings.logo), children: _jsx(Logo, { logo: logo }) })), _jsxs("div", { style: Object.assign(Object.assign({ position: 'absolute', top: `${contentTop}px`, left: `${settings.contentLeft}px` }, (isCentered && { width: `${OG_WIDTH}px` })), { display: 'flex', flexDirection: 'column', alignItems: isCentered ? 'center' : 'flex-start' }), children: [eyebrow && (_jsx(Eyebrow, { text: eyebrow, style: resolvedEyebrowStyle, palette: palette, settings: settings })), _jsxs("div", { style: {
                             display: 'flex',
                             flexDirection: 'column',
                             alignItems: isCentered ? 'center' : 'flex-start',