@redocly/theme 0.56.0 → 0.56.2

package/lib/markdoc/default.js

@@ -18,42 +18,52 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tags = exports.components = void 0;
 /* Attributes */
-__exportStar(require("../markdoc/attributes/code-snippet-file"), exports);
-__exportStar(require("../markdoc/attributes/img-src"), exports);
-__exportStar(require("../markdoc/attributes/img-srcset"), exports);
-__exportStar(require("../markdoc/attributes/relative-path"), exports);
-__exportStar(require("../markdoc/attributes/svg-content"), exports);
+__exportStar(require("@redocly/theme/markdoc/attributes/code-snippet-file"), exports);
+__exportStar(require("@redocly/theme/markdoc/attributes/img-src"), exports);
+__exportStar(require("@redocly/theme/markdoc/attributes/img-srcset"), exports);
+__exportStar(require("@redocly/theme/markdoc/attributes/relative-path"), exports);
+__exportStar(require("@redocly/theme/markdoc/attributes/svg-content"), exports);
 /* Components */
-exports.components = __importStar(require("../markdoc/components/default"));
+exports.components = __importStar(require("@redocly/theme/markdoc/components/default"));
 /* Tags */
-const admonition_1 = require("../markdoc/tags/admonition");
-const html_1 = require("../markdoc/tags/html");
-const markdoc_example_1 = require("../markdoc/tags/markdoc-example");
-const partial_1 = require("../markdoc/tags/partial");
-const tab_1 = require("../markdoc/tags/tab");
-const tabs_1 = require("../markdoc/tags/tabs");
-const debug_1 = require("../markdoc/tags/debug");
-const code_snippet_1 = require("../markdoc/tags/code-snippet");
-const inline_svg_1 = require("../markdoc/tags/inline-svg");
-const cards_1 = require("../markdoc/tags/cards");
-const card_1 = require("../markdoc/tags/card");
-const img_1 = require("../markdoc/tags/img");
-const code_walkthrough_1 = require("../markdoc/tags/code-walkthrough");
-const code_step_1 = require("../markdoc/tags/code-step");
-const input_1 = require("../markdoc/tags/input");
-const code_toggle_1 = require("../markdoc/tags/code-toggle");
-const code_group_1 = require("../markdoc/tags/code-group");
-const icon_1 = require("../markdoc/tags/icon");
+const admonition_1 = require("@redocly/theme/markdoc/tags/admonition");
+const html_1 = require("@redocly/theme/markdoc/tags/html");
+const markdoc_example_1 = require("@redocly/theme/markdoc/tags/markdoc-example");
+const partial_1 = require("@redocly/theme/markdoc/tags/partial");
+const tab_1 = require("@redocly/theme/markdoc/tags/tab");
+const tabs_1 = require("@redocly/theme/markdoc/tags/tabs");
+const debug_1 = require("@redocly/theme/markdoc/tags/debug");
+const code_snippet_1 = require("@redocly/theme/markdoc/tags/code-snippet");
+const inline_svg_1 = require("@redocly/theme/markdoc/tags/inline-svg");
+const cards_1 = require("@redocly/theme/markdoc/tags/cards");
+const card_1 = require("@redocly/theme/markdoc/tags/card");
+const img_1 = require("@redocly/theme/markdoc/tags/img");
+const code_walkthrough_1 = require("@redocly/theme/markdoc/tags/code-walkthrough");
+const code_step_1 = require("@redocly/theme/markdoc/tags/code-step");
+const input_1 = require("@redocly/theme/markdoc/tags/input");
+const code_toggle_1 = require("@redocly/theme/markdoc/tags/code-toggle");
+const code_group_1 = require("@redocly/theme/markdoc/tags/code-group");
+const icon_1 = require("@redocly/theme/markdoc/tags/icon");
 exports.tags = {
     [admonition_1.admonition.tagName]: admonition_1.admonition.schema,
     [debug_1.debug.tagName]: debug_1.debug.schema,

package/lib/markdoc/tags/admonition.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const admonition: MarkdocSchemaWrapper;

package/lib/markdoc/tags/card.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const card: MarkdocSchemaWrapper;

package/lib/markdoc/tags/card.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.card = void 0;
-// import { SvgContent } from '../../markdoc/attributes/svg-content';
+// import { SvgContent } from '@redocly/theme/markdoc/attributes/svg-content';
 exports.card = {
     schema: {
         render: 'Card',

package/lib/markdoc/tags/cards.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const cards: MarkdocSchemaWrapper;

package/lib/markdoc/tags/code-group.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const codeGroup: MarkdocSchemaWrapper;

package/lib/markdoc/tags/code-snippet.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const codeSnippet: MarkdocSchemaWrapper;

package/lib/markdoc/tags/code-snippet.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.codeSnippet = void 0;
 const markdoc_1 = __importDefault(require("@markdoc/markdoc"));
-const code_snippet_file_1 = require("../../markdoc/attributes/code-snippet-file");
+const code_snippet_file_1 = require("@redocly/theme/markdoc/attributes/code-snippet-file");
 exports.codeSnippet = {
     schema: {
         attributes: {

package/lib/markdoc/tags/code-step.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const codeStep: MarkdocSchemaWrapper;

package/lib/markdoc/tags/code-toggle.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const toggle: MarkdocSchemaWrapper;

package/lib/markdoc/tags/code-walkthrough.d.ts

@@ -1,5 +1,5 @@
 import { Node, RenderableTreeNode } from '@markdoc/markdoc';
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 import type { CodeWalkthroughConditions, CodeWalkthroughFilter, TogglesMarkdocAttr, InputsMarkdocAttr } from '@redocly/config';
 export declare const codeWalkthrough: MarkdocSchemaWrapper;
 export declare function collectStepsFromChildren(children: RenderableTreeNode[], idx?: number): RenderableTreeNode[];

package/lib/markdoc/tags/code-walkthrough.js

@@ -9,9 +9,9 @@ exports.collectTogglesFromChildren = collectTogglesFromChildren;
 exports.collectInputsFromChildren = collectInputsFromChildren;
 exports.validateCodeWalkthroughCondition = validateCodeWalkthroughCondition;
 const markdoc_1 = __importDefault(require("@markdoc/markdoc"));
-const code_walkthrough_filesets_1 = require("../../markdoc/attributes/code-walkthrough-filesets");
-const code_walkthrough_filters_1 = require("../../markdoc/attributes/code-walkthrough-filters");
-const utils_1 = require("../../core/utils");
+const code_walkthrough_filesets_1 = require("@redocly/theme/markdoc/attributes/code-walkthrough-filesets");
+const code_walkthrough_filters_1 = require("@redocly/theme/markdoc/attributes/code-walkthrough-filters");
+const utils_1 = require("@redocly/theme/core/utils");
 exports.codeWalkthrough = {
     tagName: 'code-walkthrough',
     schema: {

package/lib/markdoc/tags/debug.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const debug: MarkdocSchemaWrapper;

package/lib/markdoc/tags/html.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const html: MarkdocSchemaWrapper;

package/lib/markdoc/tags/icon.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const icon: MarkdocSchemaWrapper;

package/lib/markdoc/tags/img.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const img: MarkdocSchemaWrapper;

package/lib/markdoc/tags/inline-svg.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const inlineSvg: MarkdocSchemaWrapper;

package/lib/markdoc/tags/inline-svg.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.inlineSvg = void 0;
-const svg_content_1 = require("../../markdoc/attributes/svg-content");
+const svg_content_1 = require("@redocly/theme/markdoc/attributes/svg-content");
 exports.inlineSvg = {
     schema: {
         attributes: {

package/lib/markdoc/tags/input.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const input: MarkdocSchemaWrapper;

package/lib/markdoc/tags/markdoc-example.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const markdocExample: MarkdocSchemaWrapper;

package/lib/markdoc/tags/partial.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const partial: MarkdocSchemaWrapper;

package/lib/markdoc/tags/partial.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.partial = void 0;
 const markdoc_1 = __importDefault(require("@markdoc/markdoc"));
-const utils_1 = require("../../core/utils");
-const relative_path_1 = require("../../markdoc/attributes/relative-path");
+const utils_1 = require("@redocly/theme/core/utils");
+const relative_path_1 = require("@redocly/theme/markdoc/attributes/relative-path");
 exports.partial = {
     schema: Object.assign(Object.assign({}, markdoc_1.default.tags.partial), { attributes: Object.assign(Object.assign({}, markdoc_1.default.tags.partial.attributes), { file: { type: relative_path_1.RelativePath } }), validate(node, config) {
             var _a, _b;

package/lib/markdoc/tags/tab.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const tab: MarkdocSchemaWrapper;

package/lib/markdoc/tags/tabs.d.ts

@@ -1,2 +1,2 @@
-import type { MarkdocSchemaWrapper } from '../../markdoc/tags/types';
+import type { MarkdocSchemaWrapper } from '@redocly/theme/markdoc/tags/types';
 export declare const tabs: MarkdocSchemaWrapper;

package/lib/markdoc/tags/tabs.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tabs = void 0;
 const markdoc_1 = __importDefault(require("@markdoc/markdoc"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 exports.tabs = {
     schema: {
         transform(node, config) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.56.0",
+  "version": "0.56.2",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",

package/src/components/Dropdown/Dropdown.tsx

@@ -126,7 +126,7 @@ const DropdownWrapper = styled.div`
 `;
 
 const ChildrenWrapper = styled.div<{ placement?: string; alignment?: string; isOpen?: boolean }>`
-  padding-top: var(--dropdown-menu-margin-top);
+  margin-top: var(--dropdown-menu-margin-top);
   position: absolute;
   top: ${({ placement }) => (placement === 'top' ? 'auto' : '100%')};
   bottom: ${({ placement }) => (placement === 'top' ? '100%' : 'auto')};

package/src/core/hooks/use-page-actions.ts

@@ -20,7 +20,8 @@ export function usePageActions(pageSlug: string): PageAction[] {
 
   const { navigation } = useThemeConfig();
   // Can't use any actions if no markdown files are generated for LLMs
-  const isLlmsDisabled = usePageProps()?.seo?.llmstxt?.hide === true;
+  const pageProps = usePageProps();
+  const isLlmsDisabled = pageProps?.seo?.llmstxt?.hide || pageProps?.frontmatter?.excludeFromSearch;
   const { isPublic } = usePageData() || {};
 
   const actions: PageAction[] = useMemo(() => {
@@ -60,6 +61,9 @@ export function usePageActions(pageSlug: string): PageAction[] {
               onClick: async () => {
                 try {
                   const result = await fetch(mdPageUrl);
+                  if (result.status !== 200) {
+                    throw new Error('Failed to fetch markdown content');
+                  }
                   const text = await result.text();
 
                   ClipboardService.copyCustom(text);

package/src/icons/GenericIcon/GenericIcon.tsx

@@ -6,7 +6,7 @@ import { resolveIcon } from '@redocly/theme/core/utils';
 import { InlineSvg } from '@redocly/theme/markdoc/components/InlineSvg/InlineSvg';
 import { Image } from '@redocly/theme/components/Image/Image';
 
-export interface GenericIconProps {
+export type GenericIconProps = {
   icon: string | React.ReactNode;
   srcSet?: string;
   rawContent?: string;
@@ -14,7 +14,9 @@ export interface GenericIconProps {
   color?: string;
   alt?: string;
   className?: string;
-}
+};
+
+const INVALID_ICON_NAME = 'image-slash';
 
 export function GenericIcon({
   icon,
@@ -26,7 +28,7 @@ export function GenericIcon({
   className,
 }: GenericIconProps) {
   if (srcSet) {
-    return <Image srcSet={srcSet} alt={alt} className={className} />;
+    return <IconSrcSetImg srcSet={srcSet} alt={alt} className={className} />;
   }
 
   const resolvedIcon = icon && typeof icon === 'string' ? resolveIcon(icon) : null;
@@ -42,6 +44,8 @@ export function GenericIcon({
       color={color}
       className={className}
     />
+  ) : resolvedIcon?.type === 'invalid' ? (
+    <CDNIcon name={INVALID_ICON_NAME} size={size} color={color} className={className} />
   ) : (
     icon
   );
@@ -53,7 +57,12 @@ const IconImg = styled.img`
   width: var(--icon-width, 16px);
   height: var(--icon-height, 16px);
   display: inline-block;
-  object-fit: cover;
+  vertical-align: middle;
+`;
+
+const IconSrcSetImg = styled(Image)`
+  width: var(--icon-width, 16px);
+  height: var(--icon-height, 16px);
 `;
 
 const IconSvg = styled(InlineSvg)`