@redocly/theme 0.45.2-rc.1 → 0.45.3

package/lib/components/CodeBlock/CodeBlock.d.ts

@@ -16,7 +16,6 @@ export type CodeBlockProps = {
     codeBlockMaxHeight?: string;
     hideCodeColors?: boolean;
     wrapContents?: boolean;
-    [key: string]: unknown;
 };
 type UnstableExternalCodeSample = {
     lang: string;
@@ -37,5 +36,5 @@ type ExternalSource = {
     properties?: any;
     operation?: any;
 };
-export declare function CodeBlock({ lang, source, externalSource, header, dataTestId, codeBlockRef, highlightedHtml, withLineNumbers, startLineNumber, className, codeBlockMaxHeight, tabs, hideCodeColors, wrapContents, children, ...rest }: React.PropsWithChildren<CodeBlockProps>): JSX.Element;
+export declare function CodeBlock({ lang, source, externalSource, header, dataTestId, codeBlockRef, highlightedHtml, withLineNumbers, startLineNumber, className, codeBlockMaxHeight, tabs, hideCodeColors, wrapContents, children, }: React.PropsWithChildren<CodeBlockProps>): JSX.Element;
 export {};

package/lib/components/CodeBlock/CodeBlock.js

@@ -22,17 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -45,23 +34,10 @@ const hooks_1 = require("../../core/hooks");
 const ReportDialog_1 = require("../../components/Feedback/ReportDialog");
 const CodeBlockContainer_1 = require("../../components/CodeBlock/CodeBlockContainer");
 const CodeBlockControls_1 = require("../../components/CodeBlock/CodeBlockControls");
-function CodeBlock(_a) {
-    var _b, _c, _d, _e, _f, _g;
-    var { lang, source, externalSource, header, dataTestId = 'source-code', codeBlockRef, highlightedHtml, withLineNumbers, startLineNumber, className, codeBlockMaxHeight, tabs, hideCodeColors, wrapContents = false, children } = _a, rest = __rest(_a, ["lang", "source", "externalSource", "header", "dataTestId", "codeBlockRef", "highlightedHtml", "withLineNumbers", "startLineNumber", "className", "codeBlockMaxHeight", "tabs", "hideCodeColors", "wrapContents", "children"]);
-    const [sourceCode, setSourceCode] = (0, react_1.useState)((_d = (source || ((_c = (_b = externalSource === null || externalSource === void 0 ? void 0 : externalSource.sample) === null || _b === void 0 ? void 0 : _b.get) === null || _c === void 0 ? void 0 : _c.call(_b, externalSource)))) !== null && _d !== void 0 ? _d : '');
-    const { useCodeHighlight } = (0, hooks_1.useThemeHooks)();
-    const { highlight } = useCodeHighlight() || {};
-    const highlightedCode = highlightedHtml
-        ? withLineNumbers
-            ? (0, utils_1.addLineNumbers)(highlightedHtml, startLineNumber)
-            : highlightedHtml
-        : children
-            ? null
-            : highlight === null || highlight === void 0 ? void 0 : highlight(sourceCode, lang, {
-                withLineNumbers,
-                startLineNumber,
-                highlight: rest['data-highlight'],
-            });
+function CodeBlock({ lang, source, externalSource, header, dataTestId = 'source-code', codeBlockRef, highlightedHtml, withLineNumbers, startLineNumber, className, codeBlockMaxHeight, tabs, hideCodeColors, wrapContents = false, children, }) {
+    var _a, _b, _c, _d, _e, _f;
+    const [sourceCode, setSourceCode] = (0, react_1.useState)((_c = (source || ((_b = (_a = externalSource === null || externalSource === void 0 ? void 0 : externalSource.sample) === null || _a === void 0 ? void 0 : _a.get) === null || _b === void 0 ? void 0 : _b.call(_a, externalSource)))) !== null && _c !== void 0 ? _c : '');
+    const highlightedCode = highlightedHtml || (children ? null : (0, utils_1.highlight)(sourceCode, lang));
     // The same initial value should be returned for ssr and frontend to avoid issues
     // Because we don't have session storage in ssr and can't get the security details there
     // Issue for more details https://github.com/Redocly/reference-docs/issues/888
@@ -74,13 +50,15 @@ function CodeBlock(_a) {
     }, [source, externalSource]);
     const { reportDialog, reportButton } = (0, hooks_1.useReportDialog)();
     (0, hooks_1.useModalScrollLock)(Boolean(reportDialog.visible));
-    const controls = (header === null || header === void 0 ? void 0 : header.controls) && Object.assign(Object.assign({}, header === null || header === void 0 ? void 0 : header.controls), { report: Object.assign(Object.assign({}, (_e = header === null || header === void 0 ? void 0 : header.controls) === null || _e === void 0 ? void 0 : _e.report), { props: reportButton.props }), copy: ((_f = header === null || header === void 0 ? void 0 : header.controls) === null || _f === void 0 ? void 0 : _f.copy) ? Object.assign(Object.assign({}, (_g = header === null || header === void 0 ? void 0 : header.controls) === null || _g === void 0 ? void 0 : _g.copy), { data: sourceCode }) : undefined });
+    const controls = (header === null || header === void 0 ? void 0 : header.controls) && Object.assign(Object.assign({}, header === null || header === void 0 ? void 0 : header.controls), { report: Object.assign(Object.assign({}, (_d = header === null || header === void 0 ? void 0 : header.controls) === null || _d === void 0 ? void 0 : _d.report), { props: reportButton.props }), copy: ((_e = header === null || header === void 0 ? void 0 : header.controls) === null || _e === void 0 ? void 0 : _e.copy) ? Object.assign(Object.assign({}, (_f = header === null || header === void 0 ? void 0 : header.controls) === null || _f === void 0 ? void 0 : _f.copy), { data: sourceCode }) : undefined });
     return (react_1.default.createElement(CodeBlockWrapper, { "data-component-name": "CodeBlock/CodeBlock", className: className },
         react_1.default.createElement(ContainerWrapper, null,
             react_1.default.createElement(CodeBlockControls_1.CodeBlockControls, { tabs: tabs, className: header === null || header === void 0 ? void 0 : header.className, title: header === null || header === void 0 ? void 0 : header.title, controls: controls }),
-            react_1.default.createElement(CodeBlockContainer_1.CodeBlockContainer, { ref: codeBlockRef, withLineNumbers: withLineNumbers, dangerouslySetInnerHTML: highlightedCode
+            react_1.default.createElement(CodeBlockContainer_1.CodeBlockContainer, { ref: codeBlockRef, className: withLineNumbers ? 'line-numbers' : '', dangerouslySetInnerHTML: highlightedCode
                     ? {
-                        __html: highlightedCode,
+                        __html: withLineNumbers
+                            ? (0, utils_1.addLineNumbers)(highlightedCode, startLineNumber)
+                            : highlightedCode,
                     }
                     : undefined, suppressHydrationWarning // TODO: investigate issue
                 : true, "data-testid": dataTestId, hideCodeColors: hideCodeColors, maxHeight: codeBlockMaxHeight, wrapContents: wrapContents, tabIndex: 0 }, children),

package/lib/components/CodeBlock/CodeBlockContainer.d.ts

@@ -4,7 +4,7 @@ export type CodeBlockContainerProps = PropsWithChildren<{
     maxHeight?: string;
     wrapContents?: boolean;
     ref?: (instance: HTMLPreElement | null) => void;
-    withLineNumbers?: boolean;
+    className?: string;
     dangerouslySetInnerHTML?: {
         __html: string;
     };

package/lib/components/CodeBlock/CodeBlockContainer.js

@@ -127,258 +127,29 @@ const CodeBlockContainerComponent = styled_components_1.default.pre `
     cursor: help;
   }
 
-  .line-number {
-    display: inline-block;
-    min-width: 2.5em;
-    padding-right: 0.8em;
-    text-align: right;
-    pointer-events: none;
-    user-select: none;
+  .code-line {
+    &:before {
+      content: attr(data-line-number);
+      display: inline-block;
+      min-width: 2em;
+      padding-right: 0.8em;
+      text-align: right;
+      pointer-events: none;
+      user-select: none;
+    }
   }
 
   .highlighted {
     background: var(--tag-basic-bg-color);
-    margin-left: calc(var(--spacing-sm) * -1);
-    padding-left: var(--spacing-sm);
-
-    &.error {
-      background: var(--color-raspberry-2);
-    }
-
-    &.warning {
-      background: var(--color-carrot-2);
-    }
-  }
-
-  /*
-  * Shiki styles
-   */
-
-  .line {
-    display: block;
-  }
-
-  .has-diff {
-    > .line {
-      &:before {
-        content: ' ';
-        display: inline-block;
-        min-width: 1em;
-        padding-right: 0.4em;
-        text-align: right;
-        pointer-events: none;
-        user-select: none;
-      }
-    }
-  }
-
-  .diff {
-    margin-left: calc(var(--spacing-sm) * -1);
-    padding-left: var(--spacing-sm);
-
-    &.add {
-      background: var(--color-grass-2);
-      &:before {
-        content: '+';
-        color: var(--color-grass-7);
-      }
-    }
-    &.remove {
-      background: var(--color-raspberry-2);
-
-      &:before {
-        content: '-';
-        color: var(--color-raspberry-7);
-      }
-    }
-  }
-
-  .highlighted-word {
-    background: var(--color-carrot-2);
-    border: 1px solid var(--color-carrot-5);
-    border-radius: 4px;
-  }
-
-  .has-focused {
-    .line {
-      opacity: 0.7;
-      filter: blur(0.095rem);
-      transition:
-        filter 0.35s,
-        opacity 0.35s;
-      &.focused {
-        opacity: 1;
-        filter: blur(0);
-      }
-    }
-
-    &:hover {
-      .line {
-        opacity: 1;
-        filter: blur(0);
-      }
-    }
-  }
-
-  /*
-  * Tree view styles
-   */
-
-  .tree-view-line {
-    display: flex;
-  }
-
-  .tree-view-branch {
-    color: var(--code-block-tree-view-lines-color);
-  }
-
-  .tree-view-file {
-    display: inline-flex;
-    &::before {
-      content: '\\ea01';
-      margin-right: 0.5rem;
-      font-family: 'TreeViewIcons';
-    }
-
-    &.no-file {
-      &::before {
-        content: '';
-        margin-right: 0;
-      }
-    }
-
-    &.ext-folder {
-      &::before {
-        content: '\\ea02';
-      }
-    }
-
-    &.ext-img,
-    &.ext-png,
-    &.ext-jpg,
-    &.ext-jpeg,
-    &.ext-gif,
-    &.ext-svg {
-      &::before {
-        content: '\\ea03';
-      }
-    }
-
-    &.ext-mp2,
-    &.ext-mp3,
-    &.ext-wav,
-    &.ext-ogg,
-    &.ext-flac {
-      &::before {
-        content: '\\ea04';
-        margin-right: 0.5rem;
-      }
-    }
-
-    &.ext-mp4,
-    &.ext-mkv,
-    &.ext-avi,
-    &.ext-mov,
-    &.ext-wmv,
-    &.ext-flv {
-      &::before {
-        content: '\\ea05';
-        margin-right: 0.5rem;
-      }
-    }
-
-    &.ext-txt,
-    &.ext-text,
-    &.ext-md,
-    &.ext-markdown {
-      &::before {
-        content: '\\ea06';
-        margin-right: 0.5rem;
-      }
-    }
-
-    &.ext-js,
-    &.ext-ts,
-    &.ext-jsx,
-    &.ext-tsx,
-    &.ext-json,
-    &.ext-yaml,
-    &.ext-yml,
-    &.ext-xml,
-    &.ext-html,
-    &.ext-css,
-    &.ext-scss,
-    &.ext-less,
-    &.ext-sass,
-    &.ext-java,
-    &.ext-c,
-    &.ext-cpp,
-    &.ext-cs,
-    &.ext-php,
-    &.ext-py,
-    &.ext-rb,
-    &.ext-go,
-    &.ext-swift,
-    &.ext-sql,
-    &.ext-perl,
-    &.ext-lua,
-    &.ext-scala,
-    &.ext-sh {
-      &::before {
-        content: '\\ea07';
-        margin-right: 0.5rem;
-      }
-    }
-
-    &.ext-zip,
-    &.ext-rar,
-    &.ext-tar,
-    &.ext-gz,
-    &.ext-iso {
-      &::before {
-        content: '\\ea08';
-      }
-    }
-
-    &.ext-pdf,
-    &.ext-PDF {
-      &::before {
-        content: '\\ea09';
-      }
-    }
-
-    &.ext-excel,
-    &.ext-xls,
-    &.ext-xlsx {
-      &::before {
-        content: '\\ea0a';
-      }
-    }
-
-    &.ext-powerpoint,
-    &.ext-ppt,
-    &.ext-pptx {
-      &::before {
-        content: '\\ea0b';
-      }
-    }
-
-    &.ext-doc,
-    &.ext-docx,
-    &.ext-rtf {
-      &::before {
-        content: '\\ea0c';
-      }
-    }
   }
 
   ${(0, utils_1.generateCodeBlockTokens)()}
 
   ${({ hideCodeColors }) => hideCodeColors &&
     (0, styled_components_1.css) `
-      .line-number:not(.highlighted),
-      .line-number:not(.highlighted) > span,
-      .line-number:not(.highlighted) > span > span {
+      .code-line:not(.highlighted),
+      .code-line:not(.highlighted) > span,
+      .code-line:not(.highlighted) > span > span {
         color: grey;
       }
     `}

package/lib/components/CodeBlock/variables.js

@@ -3,30 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.code = void 0;
 const styled_components_1 = require("styled-components");
 exports.code = (0, styled_components_1.css) `
-  /**
-    * Tree view icons font
-    */
-  @font-face {
-    font-family: 'TreeViewIcons';
-    /**
-    * Use the following escape sequences to refer to a specific icon:
-    *
-    * - \\ea01 file
-    * - \\ea02 folder
-    * - \\ea03 image
-    * - \\ea04 audio
-    * - \\ea05 video
-    * - \\ea06 text
-    * - \\ea07 code
-    * - \\ea08 archive
-    * - \\ea09 pdf
-    * - \\ea0a excel
-    * - \\ea0b powerpoint
-    * - \\ea0c word
-    */
-    src: url('data:application/font-woff;base64,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') format('woff');
-  }
-  
   /**
     * @tokens Code base styles
     */
@@ -114,12 +90,6 @@ exports.code = (0, styled_components_1.css) `
   --code-block-tokens-class-name-color: var(--color-carrot-7); // @presenter Color
   --code-block-tokens-function-color: var(--color-carrot-7); // @presenter Color
 
-  /**
-    * @tokens Code Block tree view
-   */
-  --code-block-tree-view-icon-font-family: 'TreeViewIcons'; // @presenter FontFamily
-  --code-block-tree-view-lines-color: var(--border-color-primary); // @presenter Color
-
   // @tokens End
 `;
 //# sourceMappingURL=variables.js.map

package/lib/components/Feedback/Feedback.js

@@ -36,6 +36,7 @@ const Sentiment_1 = require("../../components/Feedback/Sentiment");
 const Comment_1 = require("../../components/Feedback/Comment");
 const Mood_1 = require("../../components/Feedback/Mood");
 const Scale_1 = require("../../components/Feedback/Scale");
+const constants_1 = require("../../core/constants");
 const feedbackComponents = {
     rating: Rating_1.Rating,
     sentiment: Sentiment_1.Sentiment,
@@ -50,7 +51,7 @@ function Feedback(props) {
     const telemetry = useTelemetry();
     const { pathname } = (0, react_router_dom_1.useLocation)();
     const { feedback: themeFeedbackConf } = (0, hooks_1.useThemeConfig)();
-    const feedbackConf = Object.assign(Object.assign({}, themeFeedbackConf), { path: props === null || props === void 0 ? void 0 : props.path, type: (props === null || props === void 0 ? void 0 : props.type) || (themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.type), settings: (props === null || props === void 0 ? void 0 : props.settings) || (themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.settings) || {}, hide: (_a = props.hide) !== null && _a !== void 0 ? _a : themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.hide });
+    const feedbackConf = Object.assign(Object.assign({}, themeFeedbackConf), { path: props === null || props === void 0 ? void 0 : props.path, type: (props === null || props === void 0 ? void 0 : props.type) || (themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.type) || constants_1.DEFAULT_FEEDBACK_TYPE, settings: (props === null || props === void 0 ? void 0 : props.settings) || (themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.settings) || {}, hide: (_a = props.hide) !== null && _a !== void 0 ? _a : themeFeedbackConf === null || themeFeedbackConf === void 0 ? void 0 : themeFeedbackConf.hide });
     if (feedbackConf.hide) {
         return null;
     }

package/lib/components/Filter/FilterContent.js

@@ -10,6 +10,7 @@ const FilterInput_1 = require("../../components/Filter/FilterInput");
 const hooks_1 = require("../../core/hooks");
 const Button_1 = require("../../components/Button/Button");
 const Filter_1 = require("../../components/Filter/Filter");
+const utils_1 = require("../../core/utils");
 function FilterContent({ setFilterTerm, filters, filterTerm, filterValuesCasing, }) {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
@@ -19,7 +20,9 @@ function FilterContent({ setFilterTerm, filters, filterTerm, filterValuesCasing,
         if (filter.selectedOptions && filter.selectedOptions instanceof Set) {
             return filter.selectedOptions.size;
         }
-        else if (filter.selectedOptions.from && filter.selectedOptions.to) {
+        else if ((0, utils_1.isFromToSelectedOptions)(filter.selectedOptions) &&
+            filter.selectedOptions.from &&
+            filter.selectedOptions.to) {
             return true;
         }
     });

package/lib/components/Footer/FooterColumn.js

@@ -17,7 +17,7 @@ function FooterColumn({ column, className }) {
     const iconsOnly = items.every((item) => item.label === item.link && (item.icon || item.srcSet));
     const label = translate(column.labelTranslationKey, column.label);
     return (react_1.default.createElement(FooterColumnWrapper, { "data-component-name": "Footer/FooterColumn", className: className },
-        react_1.default.createElement(FooterColumnTitle, null, column.link ? (react_1.default.createElement(Link_1.Link, { to: column.link, external: column.external, target: column.target }, label)) : (label)),
+        react_1.default.createElement(FooterColumnTitle, null, (0, utils_1.isNavLinkItem)(column) ? (react_1.default.createElement(Link_1.Link, { to: column.link, external: column.external, target: column.target }, label)) : (label)),
         react_1.default.createElement(FooterColumnItems, { iconsOnly: iconsOnly }, items === null || items === void 0 ? void 0 : items.map((columnItem, columnItemIndex) => (react_1.default.createElement(FooterItem_1.FooterItem, { item: columnItem, iconsOnly: iconsOnly, key: columnItemIndex }))))));
 }
 const FooterColumnWrapper = styled_components_1.default.div `

package/lib/components/Markdown/variables.js

@@ -7,7 +7,7 @@ exports.markdown = (0, styled_components_1.css) `
   * @tokens Markdown Content
   */
 
-  --md-content-max-width: 910px;
+  --md-content-max-width: 688px;
   --md-content-padding: 25px 0px 25px 0px; // @presenter Spacing
   --md-content-font-size: var(--font-size-base); // @presenter FontSize
   --md-content-font-family: var(--font-family-base); // @presenter FontFamily

package/lib/components/Menu/MenuMobile.js

@@ -58,7 +58,10 @@ function MenuMobile({ className, hideUserProfile }) {
     return (react_1.default.createElement(MobileMenuWrapper, { "data-component-name": "Menu/MenuMobile", className: className },
         react_1.default.createElement(ScrollableArea, { isButtonsSectionVisible: !!isButtonsSectionVisible },
             isButtonsSectionVisible && (react_1.default.createElement(ButtonsSection, { alignRight: !prevLevelName && !!nextLevelName },
-                prevLevelName && (react_1.default.createElement(ControlButton, { "data-testid": "control-button", onClick: () => setMenuLevel(menuLevel - 1) },
+                prevLevelName && (react_1.default.createElement(ControlButton, { "data-testid": "control-button", onClick: () => {
+                        setMenuLevel(menuLevel - 1);
+                        popDrilldownState();
+                    } },
                     react_1.default.createElement(ChevronLeftIcon_1.ChevronLeftIcon, { size: "12px", color: "--tree-content-color-default" }),
                     react_1.default.createElement(ControlButtonLabel, { paddingDirection: "left" }, prevLevelName))),
                 nextLevelName && (react_1.default.createElement(ControlButton, { "data-testid": "control-button", onClick: () => setMenuLevel(menuLevel + 1) },

package/lib/components/Search/SearchFilterField.js

@@ -8,12 +8,12 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../../components/Button/Button");
 const ResetIcon_1 = require("../../icons/ResetIcon/ResetIcon");
-const core_1 = require("../../core");
+const hooks_1 = require("../../core/hooks");
 const SearchFilterFieldSelect_1 = require("../../components/Search/FilterFields/SearchFilterFieldSelect");
 const SearchFilterFieldTags_1 = require("../../components/Search/FilterFields/SearchFilterFieldTags");
 function SearchFilterField({ className, facet, filter, query, onFilterChange, onFacetReset, }) {
     var _a;
-    const { useTranslate } = (0, core_1.useThemeHooks)();
+    const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const selectedValues = ((_a = filter.find((item) => item.field === facet.field)) === null || _a === void 0 ? void 0 : _a.values) || [];
     const onChange = (value) => {

package/lib/components/UserMenu/LogoutMenuItem.js

@@ -7,7 +7,7 @@ exports.LogoutMenuItem = LogoutMenuItem;
 const react_1 = __importDefault(require("react"));
 const hooks_1 = require("../../core/hooks");
 const LogoutIcon_1 = require("../../icons/LogoutIcon/LogoutIcon");
-const DropdownMenuItem_1 = require("../Dropdown/DropdownMenuItem");
+const DropdownMenuItem_1 = require("../../components/Dropdown/DropdownMenuItem");
 function LogoutMenuItem({ iconOnly, className }) {
     const { useTranslate, useTelemetry, useUserMenu } = (0, hooks_1.useThemeHooks)();
     const { handleLogout } = useUserMenu();

package/lib/components/UserMenu/UserMenu.js

@@ -15,7 +15,7 @@ const UserAvatar_1 = require("../../components/UserMenu/UserAvatar");
 const UserInfoMenuItem_1 = require("../../components/UserMenu/UserInfoMenuItem");
 const Dropdown_1 = require("../../components/Dropdown/Dropdown");
 const LogoutMenuItem_1 = require("../../components/UserMenu/LogoutMenuItem");
-const core_1 = require("../../core");
+const utils_1 = require("../../core/utils");
 function UserMenu({ className }) {
     const { userMenu } = (0, hooks_1.useThemeConfig)();
     const { useTranslate, useUserMenu } = (0, hooks_1.useThemeHooks)();
@@ -52,7 +52,7 @@ function UserMenu({ className }) {
 const UserMenuWrapper = styled_components_1.default.div `
   display: none;
 
-  @media screen and (min-width: ${core_1.breakpoints.medium}) {
+  @media screen and (min-width: ${utils_1.breakpoints.medium}) {
     display: block;
   }
 `;

package/lib/core/constants/common.d.ts

@@ -8,6 +8,7 @@ export declare enum FEEDBACK_TYPES {
     PROBLEM = "problem",
     SCALE = "scale"
 }
+export declare const DEFAULT_FEEDBACK_TYPE = FEEDBACK_TYPES.SENTIMENT;
 export declare enum MenuItemType {
     Separator = "separator",
     DrillDown = "drilldown",

package/lib/core/constants/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileMenuType = exports.MenuItemType = exports.FEEDBACK_TYPES = exports.DEFAULT_LOCALE_PLACEHOLDER = exports.REDOCLY_TEAMS_RBAC = void 0;
+exports.MobileMenuType = exports.MenuItemType = exports.DEFAULT_FEEDBACK_TYPE = exports.FEEDBACK_TYPES = exports.DEFAULT_LOCALE_PLACEHOLDER = exports.REDOCLY_TEAMS_RBAC = void 0;
 var config_1 = require("@redocly/config");
 Object.defineProperty(exports, "REDOCLY_TEAMS_RBAC", { enumerable: true, get: function () { return config_1.REDOCLY_TEAMS_RBAC; } });
 exports.DEFAULT_LOCALE_PLACEHOLDER = 'default_locale';
@@ -13,6 +13,7 @@ var FEEDBACK_TYPES;
     FEEDBACK_TYPES["PROBLEM"] = "problem";
     FEEDBACK_TYPES["SCALE"] = "scale";
 })(FEEDBACK_TYPES || (exports.FEEDBACK_TYPES = FEEDBACK_TYPES = {}));
+exports.DEFAULT_FEEDBACK_TYPE = FEEDBACK_TYPES.SENTIMENT;
 var MenuItemType;
 (function (MenuItemType) {
     MenuItemType["Separator"] = "separator";

package/lib/core/types/hooks.d.ts

@@ -95,13 +95,6 @@ export type ThemeHooks = {
     };
     useUserTeams: () => string[];
     usePageProps: <T extends Record<string, unknown>>() => PageProps & T;
-    useCodeHighlight: () => {
-        highlight: (code: string, language: string | undefined, { withLineNumbers, startLineNumber, }: {
-            withLineNumbers?: boolean;
-            startLineNumber?: number;
-            highlight?: string;
-        }) => string;
-    };
 };
 export type L10nConfig = {
     currentLocale: string;

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

@@ -0,0 +1,35 @@
+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;