@redocly/theme 0.45.10 → 0.46.0

package/src/markdoc/components/Cards/CardIcon.tsx

@@ -7,11 +7,12 @@ export type CardIconProps = {
   variant?: string;
   src: string;
   rawContent?: string;
+  position?: 'auto' | 'start' | 'center' | 'end';
 };
 
-export function CardIcon({ variant, src, rawContent }: CardIconProps) {
+export function CardIcon({ variant, src, rawContent, position }: CardIconProps) {
   return (
-    <CardIconWrapper $variant={variant}>
+    <CardIconWrapper $variant={variant} $position={position}>
       {rawContent ? <CardSvg fileRawContent={rawContent} /> : <CardImg src={src} />}
     </CardIconWrapper>
   );
@@ -36,9 +37,9 @@ const CardSvg = styled(InlineSvg)`
   }
 `;
 
-const CardIconWrapper = styled.div<{ $variant?: string }>`
+const CardIconWrapper = styled.div<{ $variant?: string; $position?: string }>`
   display: flex;
-  align-items: center;
+  align-self: ${({ $position }) => ($position ? $position : 'auto')};
   justify-content: center;
   min-width: var(--card-icon-width);
   min-height: var(--card-icon-height);

package/src/markdoc/tags/card.ts

@@ -28,6 +28,11 @@ export const card: MarkdocSchemaWrapper = {
         matches: ['start', 'end'],
         default: 'start',
       },
+      iconPosition: {
+        type: String,
+        matches: ['auto', 'start', 'center', 'end'],
+        default: 'auto',
+      },
       layout: {
         type: String,
         matches: ['horizontal', 'combined', 'vertical'],

package/lib/core/utils/highlight.d.ts

@@ -1,35 +0,0 @@
-import 'prismjs/components/prism-bash.js';
-import 'prismjs/components/prism-c.js';
-import 'prismjs/components/prism-clike.js';
-import 'prismjs/components/prism-coffeescript.js';
-import 'prismjs/components/prism-cpp.js';
-import 'prismjs/components/prism-csharp.js';
-import 'prismjs/components/prism-go.js';
-import 'prismjs/components/prism-http.js';
-import 'prismjs/components/prism-java.js';
-import 'prismjs/components/prism-lua.js';
-import 'prismjs/components/prism-markdown.js';
-import 'prismjs/components/prism-markup-templating.js';
-import 'prismjs/components/prism-markup.js';
-import 'prismjs/components/prism-objectivec.js';
-import 'prismjs/components/prism-perl.js';
-import 'prismjs/components/prism-php.js';
-import 'prismjs/components/prism-python.js';
-import 'prismjs/components/prism-ruby.js';
-import 'prismjs/components/prism-scala.js';
-import 'prismjs/components/prism-sql.js';
-import 'prismjs/components/prism-swift.js';
-import 'prismjs/components/prism-graphql.js';
-import 'prismjs/plugins/treeview/prism-treeview.js';
-/**
- * map language names to Prism.js names
- */
-export declare function mapLang(lang: string): string;
-/**
- * Highlight source code string using Prism.js
- * @param source source code to highlight
- * @param lang highlight language
- * @return highlighted source code as **html string**
- */
-export declare function highlight(source: string | number | boolean, lang?: string): string;
-export declare function addLineNumbers(highlightedCode: string, start?: number): string;

package/lib/core/utils/highlight.js

@@ -1,129 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.mapLang = mapLang;
-exports.highlight = highlight;
-exports.addLineNumbers = addLineNumbers;
-const Prism = __importStar(require("prismjs"));
-require("prismjs/components/prism-bash.js");
-require("prismjs/components/prism-c.js");
-require("prismjs/components/prism-clike.js");
-require("prismjs/components/prism-coffeescript.js");
-require("prismjs/components/prism-cpp.js");
-require("prismjs/components/prism-csharp.js");
-require("prismjs/components/prism-go.js");
-require("prismjs/components/prism-http.js");
-require("prismjs/components/prism-java.js");
-require("prismjs/components/prism-lua.js");
-require("prismjs/components/prism-markdown.js");
-require("prismjs/components/prism-markup-templating.js"); // dep of php
-require("prismjs/components/prism-markup.js"); // xml
-require("prismjs/components/prism-objectivec.js");
-require("prismjs/components/prism-perl.js");
-require("prismjs/components/prism-php.js");
-require("prismjs/components/prism-python.js");
-require("prismjs/components/prism-ruby.js");
-require("prismjs/components/prism-scala.js");
-require("prismjs/components/prism-sql.js");
-require("prismjs/components/prism-swift.js");
-require("prismjs/components/prism-graphql.js");
-require("prismjs/plugins/treeview/prism-treeview.js");
-const DEFAULT_LANG = 'clike';
-const NEW_LINE_EXP = /\n(?!$)/g;
-Prism.languages.insertBefore('javascript', 'string', {
-    'property string': {
-        pattern: /([{,]\s*)"(?:\\.|[^\\"\r\n])*"(?=\s*:)/i,
-        lookbehind: true,
-    },
-}, undefined);
-Prism.languages.insertBefore('javascript', 'punctuation', {
-    property: {
-        pattern: /([{,]\s*)[a-z]\w*(?=\s*:)/i,
-        lookbehind: true,
-    },
-}, undefined);
-Prism.languages.markdoc = Object.assign(Object.assign({}, Prism.languages.markdown), { tag: {
-        pattern: /{%(.|\n)*?%}/i,
-        inside: {
-            keyword: {
-                pattern: /^({%\s*\/?)(\w*|-)*\b/i,
-                lookbehind: true,
-            },
-            id: /#(\w|-)*\b/,
-            string: /".*?"/,
-            equals: /=/,
-            number: /\b\d+\b/i,
-            variable: {
-                pattern: /\$[\w.]+/i,
-                inside: {
-                    punctuation: /\./i,
-                },
-            },
-            function: /\b\w+(?=\()/,
-            punctuation: /({%|\/?%})/i,
-            boolean: /false|true/,
-        },
-    }, variable: {
-        pattern: /\$\w+/i,
-    }, function: {
-        pattern: /\b\w+(?=\()/i,
-    } });
-/**
- * map language names to Prism.js names
- */
-function mapLang(lang) {
-    return ({
-        json: 'js',
-        'c++': 'cpp',
-        'c#': 'csharp',
-        'c#+newtonsoft': 'csharp',
-        'java8+apache': 'java',
-        'objective-c': 'objectivec',
-        shell: 'bash',
-        viml: 'vim',
-        curl: 'bash',
-        'node.js': 'js',
-    }[lang] || DEFAULT_LANG);
-}
-/**
- * Highlight source code string using Prism.js
- * @param source source code to highlight
- * @param lang highlight language
- * @return highlighted source code as **html string**
- */
-function highlight(source, lang = DEFAULT_LANG) {
-    lang = lang.toLowerCase();
-    const grammar = Prism.languages[lang] || Prism.languages[mapLang(lang)];
-    return Prism.highlight(source.toString(), grammar, lang);
-}
-function addLineNumbers(highlightedCode, start = 1) {
-    const codeLines = highlightedCode.split(NEW_LINE_EXP);
-    return codeLines
-        .map((line, i) => {
-        return `<span class="code-line" data-line-number=${start + i}>${line}</span>`;
-    })
-        .join('\n');
-}
-//# sourceMappingURL=highlight.js.map

package/src/core/utils/highlight.ts

@@ -1,125 +0,0 @@
-import * as Prism from 'prismjs';
-import 'prismjs/components/prism-bash.js';
-import 'prismjs/components/prism-c.js';
-import 'prismjs/components/prism-clike.js';
-import 'prismjs/components/prism-coffeescript.js';
-import 'prismjs/components/prism-cpp.js';
-import 'prismjs/components/prism-csharp.js';
-import 'prismjs/components/prism-go.js';
-import 'prismjs/components/prism-http.js';
-import 'prismjs/components/prism-java.js';
-import 'prismjs/components/prism-lua.js';
-import 'prismjs/components/prism-markdown.js';
-import 'prismjs/components/prism-markup-templating.js'; // dep of php
-import 'prismjs/components/prism-markup.js'; // xml
-import 'prismjs/components/prism-objectivec.js';
-import 'prismjs/components/prism-perl.js';
-import 'prismjs/components/prism-php.js';
-import 'prismjs/components/prism-python.js';
-import 'prismjs/components/prism-ruby.js';
-import 'prismjs/components/prism-scala.js';
-import 'prismjs/components/prism-sql.js';
-import 'prismjs/components/prism-swift.js';
-import 'prismjs/components/prism-graphql.js';
-import 'prismjs/plugins/treeview/prism-treeview.js';
-
-const DEFAULT_LANG = 'clike';
-const NEW_LINE_EXP = /\n(?!$)/g;
-
-Prism.languages.insertBefore(
-  'javascript',
-  'string',
-  {
-    'property string': {
-      pattern: /([{,]\s*)"(?:\\.|[^\\"\r\n])*"(?=\s*:)/i,
-      lookbehind: true,
-    },
-  },
-  undefined,
-);
-
-Prism.languages.insertBefore(
-  'javascript',
-  'punctuation',
-  {
-    property: {
-      pattern: /([{,]\s*)[a-z]\w*(?=\s*:)/i,
-      lookbehind: true,
-    },
-  },
-  undefined,
-);
-
-Prism.languages.markdoc = {
-  ...Prism.languages.markdown,
-  tag: {
-    pattern: /{%(.|\n)*?%}/i,
-    inside: {
-      keyword: {
-        pattern: /^({%\s*\/?)(\w*|-)*\b/i,
-        lookbehind: true,
-      },
-      id: /#(\w|-)*\b/,
-      string: /".*?"/,
-      equals: /=/,
-      number: /\b\d+\b/i,
-      variable: {
-        pattern: /\$[\w.]+/i,
-        inside: {
-          punctuation: /\./i,
-        },
-      },
-      function: /\b\w+(?=\()/,
-      punctuation: /({%|\/?%})/i,
-      boolean: /false|true/,
-    },
-  },
-  variable: {
-    pattern: /\$\w+/i,
-  },
-  function: {
-    pattern: /\b\w+(?=\()/i,
-  },
-};
-
-/**
- * map language names to Prism.js names
- */
-export function mapLang(lang: string): string {
-  return (
-    {
-      json: 'js',
-      'c++': 'cpp',
-      'c#': 'csharp',
-      'c#+newtonsoft': 'csharp',
-      'java8+apache': 'java',
-      'objective-c': 'objectivec',
-      shell: 'bash',
-      viml: 'vim',
-      curl: 'bash',
-      'node.js': 'js',
-    }[lang] || DEFAULT_LANG
-  );
-}
-
-/**
- * Highlight source code string using Prism.js
- * @param source source code to highlight
- * @param lang highlight language
- * @return highlighted source code as **html string**
- */
-export function highlight(source: string | number | boolean, lang: string = DEFAULT_LANG): string {
-  lang = lang.toLowerCase();
-  const grammar = Prism.languages[lang] || Prism.languages[mapLang(lang)];
-  return Prism.highlight(source.toString(), grammar, lang);
-}
-
-export function addLineNumbers(highlightedCode: string, start = 1): string {
-  const codeLines = highlightedCode.split(NEW_LINE_EXP);
-
-  return codeLines
-    .map((line, i) => {
-      return `<span class="code-line" data-line-number=${start + i}>${line}</span>`;
-    })
-    .join('\n');
-}