@redocly/theme 0.18.4-patch.1 → 0.18.5

package/lib/hooks/useMobileMenu.js

@@ -1,17 +1,18 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMobileMenu = void 0;
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
-const useModalScrollLock_1 = __importDefault(require("../hooks/useModalScrollLock"));
 function useMobileMenu(initialState = false) {
     const location = (0, react_router_dom_1.useLocation)();
     const [isOpen, setIsOpen] = (0, react_1.useState)(initialState);
     (0, react_1.useEffect)(() => setIsOpen(false), [location.pathname, location.hash]);
-    (0, useModalScrollLock_1.default)(isOpen);
+    (0, react_1.useEffect)(() => {
+        if (isOpen)
+            document.body.classList.add('overflow-hidden');
+        else
+            document.body.classList.remove('overflow-hidden');
+    }, [isOpen]);
     return [isOpen, setIsOpen];
 }
 exports.useMobileMenu = useMobileMenu;

package/lib/icons/AlertIcon/AlertIcon.js

@@ -37,8 +37,13 @@ function Icon({ type, className }) {
 exports.AlertIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
     'data-component-name': 'icons/AlertIcon/AlertIcon',
 })) `
+  position: absolute;
+  left: var(--admonition-padding-horizontal);
+  top: 50%;
+  transform: translateY(-50%);
   width: var(--admonition-icon-size);
   height: var(--admonition-icon-size);
+  margin-right: var(--admonition-padding-horizontal);
   flex-shrink: 0;
 
   fill: ${({ type }) => `var(--admonition-${type}-icon-color)`};

package/lib/icons/ArrowIcon/ArrowIcon.js

@@ -42,7 +42,7 @@ function directionToTransform({ direction }) {
     }
 }
 const Icon = ({ className, weight }) => (react_1.default.createElement("span", { "data-component-name": "icons/ArrowIcon/ArrowIcon" }, weight === 'thin' ? (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-    react_1.default.createElement("path", { d: "M8 11L3 5.99999L3.7 5.29999L8 9.59999L12.3 5.29999L13 5.99999L8 11Z", fill: "currentColor" }))) : (react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 7 5", className: className },
+    react_1.default.createElement("path", { d: "M8 11L3 5.99999L3.7 5.29999L8 9.59999L12.3 5.29999L13 5.99999L8 11Z", fill: "inherit" }))) : (react_1.default.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 7 5", className: className },
     react_1.default.createElement("path", { d: "M3.5 2.51L5.806.205a.7.7 0 01.99.99l-2.8 2.8a.698.698 0 01-.99 0l-2.8-2.8a.7.7 0 11.99-.99L3.5 2.51z" })))));
 exports.ArrowIcon = (0, styled_components_1.default)(Icon) `
   ${({ weight }) => weight !== 'thin' &&

package/lib/icons/CollapseIcon/CollapseIcon.d.ts

@@ -3,5 +3,5 @@ interface IconProps {
     className?: string;
     color?: string;
 }
-export declare const CollapseIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const CollapseIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
 export {};

package/lib/icons/CollapseIcon/CollapseIcon.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollapseIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className }) => (react_1.default.createElement("svg", { "data-component-name": "icons/CollapseIcon", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+const Icon = ({ className, color = 'white' }) => (react_1.default.createElement("svg", { "data-component-name": "icons/CollapseIcon", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
     react_1.default.createElement("g", { clipPath: "url(#clip0_906_12165)" },
         react_1.default.createElement("rect", { width: "14", height: "14", fill: "none", style: { mixBlendMode: 'multiply' } }),
-        react_1.default.createElement("path", { d: "M1.75 7.875V8.75H4.63138L0.875 12.5046L1.49363 13.125L5.25 9.36862V12.25H6.125V7.875H1.75Z", fill: "currentColor" }),
-        react_1.default.createElement("path", { d: "M13.125 1.4945L12.509 0.875L8.75 4.63138V1.75H7.875V6.125H12.25V5.25H9.36862L13.125 1.4945Z", fill: "currentColor" })),
+        react_1.default.createElement("path", { d: "M1.75 7.875V8.75H4.63138L0.875 12.5046L1.49363 13.125L5.25 9.36862V12.25H6.125V7.875H1.75Z", fill: color }),
+        react_1.default.createElement("path", { d: "M13.125 1.4945L12.509 0.875L8.75 4.63138V1.75H7.875V6.125H12.25V5.25H9.36862L13.125 1.4945Z", fill: color })),
     react_1.default.createElement("defs", null,
         react_1.default.createElement("clipPath", { id: "clip0_906_12165" },
             react_1.default.createElement("rect", { width: "14", height: "14", fill: "white" })))));
 exports.CollapseIcon = (0, styled_components_1.default)(Icon) `
-  width: 1em;
-  height: 1em;
+  width: 1.3em;
+  height: 1.3em;
   vertical-align: middle;
 `;
 //# sourceMappingURL=CollapseIcon.js.map

package/lib/icons/ColorModeIcon/ColorModeIcon.js

@@ -27,7 +27,7 @@ exports.ColorModeIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
   fill: var(--navbar-text-color);
 
   ${({ theme }) => theme.mediaQueries.medium} {
-    width: var(--navbar-font-size);
+    width: var(--navbar-item-font-size);
   }
 `;
 //# sourceMappingURL=ColorModeIcon.js.map

package/lib/icons/CopyIcon/CopyIcon.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface IconProps {
     className?: string;
+    color?: string;
 }
-export declare const CopyIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const CopyIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
 export {};

package/lib/icons/CopyIcon/CopyIcon.js

@@ -6,12 +6,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CopyIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className }) => (react_1.default.createElement("span", { "data-component-name": "icons/CopyIcon" },
+const Icon = ({ className, color = 'white' }) => (react_1.default.createElement("span", { "data-component-name": "icons/CopyIcon" },
     react_1.default.createElement("svg", { viewBox: "0 0 11 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.52083 1.33333C3.52083 1.25279 3.58613 1.1875 3.66667 1.1875H9.5C9.58054 1.1875 9.64583 1.25279 9.64583 1.33333V8.33333C9.64583 8.41387 9.58054 8.47917 9.5 8.47917H7.75H3.66667C3.58613 8.47917 3.52083 8.41387 3.52083 8.33333V3.08333V1.33333ZM2.64583 2.64583V1.33333C2.64583 0.769543 3.10288 0.3125 3.66667 0.3125H9.5C10.0638 0.3125 10.5208 0.769543 10.5208 1.33333V8.33333C10.5208 8.89712 10.0638 9.35417 9.5 9.35417H8.1875V10.6667C8.1875 10.9374 8.07995 11.1971 7.8885 11.3885C7.69706 11.5799 7.43741 11.6875 7.16667 11.6875H1.33333C1.06259 11.6875 0.802939 11.5799 0.611495 11.3885C0.420051 11.1971 0.3125 10.9374 0.3125 10.6667V3.66667C0.3125 3.39592 0.420052 3.13627 0.611495 2.94483C0.802938 2.75339 1.06259 2.64583 1.33333 2.64583H2.64583ZM7.3125 9.35417V10.6667C7.3125 10.7053 7.29713 10.7424 7.26979 10.7698C7.24244 10.7971 7.20534 10.8125 7.16667 10.8125H1.33333C1.29466 10.8125 1.25756 10.7971 1.23021 10.7698C1.20286 10.7424 1.1875 10.7053 1.1875 10.6667V3.66667C1.1875 3.62799 1.20286 3.5909 1.23021 3.56355C1.25756 3.5362 1.29466 3.52083 1.33333 3.52083H2.64583V8.33333C2.64583 8.89712 3.10288 9.35417 3.66667 9.35417H7.3125Z", fill: "currentColor" }))));
+        react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.52083 1.33333C3.52083 1.25279 3.58613 1.1875 3.66667 1.1875H9.5C9.58054 1.1875 9.64583 1.25279 9.64583 1.33333V8.33333C9.64583 8.41387 9.58054 8.47917 9.5 8.47917H7.75H3.66667C3.58613 8.47917 3.52083 8.41387 3.52083 8.33333V3.08333V1.33333ZM2.64583 2.64583V1.33333C2.64583 0.769543 3.10288 0.3125 3.66667 0.3125H9.5C10.0638 0.3125 10.5208 0.769543 10.5208 1.33333V8.33333C10.5208 8.89712 10.0638 9.35417 9.5 9.35417H8.1875V10.6667C8.1875 10.9374 8.07995 11.1971 7.8885 11.3885C7.69706 11.5799 7.43741 11.6875 7.16667 11.6875H1.33333C1.06259 11.6875 0.802939 11.5799 0.611495 11.3885C0.420051 11.1971 0.3125 10.9374 0.3125 10.6667V3.66667C0.3125 3.39592 0.420052 3.13627 0.611495 2.94483C0.802938 2.75339 1.06259 2.64583 1.33333 2.64583H2.64583ZM7.3125 9.35417V10.6667C7.3125 10.7053 7.29713 10.7424 7.26979 10.7698C7.24244 10.7971 7.20534 10.8125 7.16667 10.8125H1.33333C1.29466 10.8125 1.25756 10.7971 1.23021 10.7698C1.20286 10.7424 1.1875 10.7053 1.1875 10.6667V3.66667C1.1875 3.62799 1.20286 3.5909 1.23021 3.56355C1.25756 3.5362 1.29466 3.52083 1.33333 3.52083H2.64583V8.33333C2.64583 8.89712 3.10288 9.35417 3.66667 9.35417H7.3125Z", fill: color }))));
 exports.CopyIcon = (0, styled_components_1.default)(Icon) `
-  width: 1em;
-  height: 1em;
+  width: 1.3em;
+  height: 1.3em;
   vertical-align: middle;
 `;
 //# sourceMappingURL=CopyIcon.js.map

package/lib/icons/DeselectIcon/DeselectIcon.d.ts

@@ -3,5 +3,5 @@ interface IconProps {
     className?: string;
     color?: string;
 }
-export declare const DeselectIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const DeselectIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
 export {};

package/lib/icons/DeselectIcon/DeselectIcon.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DeselectIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className }) => (react_1.default.createElement("svg", { "data-component-name": "icons/DeselectIcon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-    react_1.default.createElement("path", { d: "M14.4966 10.5H9.49658V11.5H14.4966V10.5Z", fill: "currentColor" }),
-    react_1.default.createElement("path", { d: "M10.5 3.64746H1.5V4.64746H10.5V3.64746Z", fill: "currentColor" }),
-    react_1.default.createElement("path", { d: "M10.5 6.64746H1.5V7.64746H10.5V6.64746Z", fill: "currentColor" }),
-    react_1.default.createElement("path", { d: "M7.5 9.64746H1.5V10.6475H7.5V9.64746Z", fill: "currentColor" })));
+const Icon = ({ className, color = 'white' }) => (react_1.default.createElement("svg", { "data-component-name": "icons/DeselectIcon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+    react_1.default.createElement("path", { d: "M14.4966 10.5H9.49658V11.5H14.4966V10.5Z", fill: color }),
+    react_1.default.createElement("path", { d: "M10.5 3.64746H1.5V4.64746H10.5V3.64746Z", fill: color }),
+    react_1.default.createElement("path", { d: "M10.5 6.64746H1.5V7.64746H10.5V6.64746Z", fill: color }),
+    react_1.default.createElement("path", { d: "M7.5 9.64746H1.5V10.6475H7.5V9.64746Z", fill: color })));
 exports.DeselectIcon = (0, styled_components_1.default)(Icon) `
   width: 1.3em;
   height: 1.3em;

package/lib/icons/ExpandIcon/ExpandIcon.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface IconProps {
     className?: string;
+    color?: string;
 }
-export declare const ExpandIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const ExpandIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
 export {};

package/lib/icons/ExpandIcon/ExpandIcon.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExpandIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className }) => (react_1.default.createElement("svg", { "data-component-name": "icons/ExpandIcon", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+const Icon = ({ className, color = 'white' }) => (react_1.default.createElement("svg", { "data-component-name": "icons/ExpandIcon", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
     react_1.default.createElement("g", { clipPath: "url(#clip0_906_12129)" },
         react_1.default.createElement("rect", { width: "14", height: "14", fill: "none", style: { mixBlendMode: 'multiply' } }),
-        react_1.default.createElement("path", { d: "M8.75 0.875V1.75H11.6314L7.875 5.50462L8.49362 6.125L12.25 2.36863V5.25H13.125V0.875H8.75Z", fill: "currentColor" }),
-        react_1.default.createElement("path", { d: "M6.125 8.4945L5.509 7.875L1.75 11.6314V8.75H0.875V13.125H5.25V12.25H2.36863L6.125 8.4945Z", fill: "currentColor" })),
+        react_1.default.createElement("path", { d: "M8.75 0.875V1.75H11.6314L7.875 5.50462L8.49362 6.125L12.25 2.36863V5.25H13.125V0.875H8.75Z", fill: color }),
+        react_1.default.createElement("path", { d: "M6.125 8.4945L5.509 7.875L1.75 11.6314V8.75H0.875V13.125H5.25V12.25H2.36863L6.125 8.4945Z", fill: color })),
     react_1.default.createElement("defs", null,
         react_1.default.createElement("clipPath", { id: "clip0_906_12129" },
             react_1.default.createElement("rect", { width: "14", height: "14", fill: "white" })))));
 exports.ExpandIcon = (0, styled_components_1.default)(Icon) `
-  width: 1em;
-  height: 1em;
+  width: 1.3em;
+  height: 1.3em;
   vertical-align: middle;
 `;
 //# sourceMappingURL=ExpandIcon.js.map

package/lib/icons/ExternalIcon/ExternalIcon.js

@@ -7,8 +7,8 @@ exports.ExternalIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 // TODO use with "Sidebar/ExternalIcon"
-const Icon = ({ className, dataComponentName, }) => (react_1.default.createElement("span", { "data-component-name": dataComponentName !== null && dataComponentName !== void 0 ? dataComponentName : 'icons/ExternalIcon' },
-    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 110 110", enableBackground: "new 0 0 110 110", className: className },
+const Icon = ({ className, dataComponentName, }) => (react_1.default.createElement("span", { "data-component-name": dataComponentName },
+    react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", x: "0px", y: "0px", viewBox: "0 0 100 125", enableBackground: "new 0 0 100 100", className: className },
         react_1.default.createElement("path", { d: "M-408.167-318.5" }),
         react_1.default.createElement("line", { fill: "none", stroke: "#ffffff", strokeWidth: "0.25", strokeMiterlimit: "10", x1: "57.5", y1: "11.75", x2: "57.5", y2: "17.5" }),
         react_1.default.createElement("path", { d: "M98.57,4.784c-0.024-0.113-0.047-0.223-0.074-0.334c-0.035-0.117-0.075-0.231-0.117-0.346 c-0.023-0.062-0.037-0.125-0.064-0.187c-0.016-0.032-0.03-0.06-0.049-0.092c-0.048-0.119-0.107-0.227-0.17-0.336 c-0.05-0.089-0.095-0.179-0.152-0.265c-0.062-0.1-0.139-0.195-0.209-0.292C97.67,2.85,97.611,2.77,97.545,2.69 c-0.081-0.092-0.172-0.178-0.258-0.262c-0.07-0.068-0.139-0.139-0.212-0.202c-0.093-0.083-0.196-0.158-0.3-0.232 c-0.08-0.058-0.152-0.114-0.236-0.163c-0.104-0.069-0.219-0.128-0.329-0.186c-0.091-0.046-0.175-0.093-0.262-0.132 c-0.044-0.019-0.081-0.043-0.121-0.061c-0.074-0.03-0.154-0.046-0.234-0.072c-0.095-0.033-0.19-0.065-0.288-0.092 c-0.123-0.034-0.246-0.059-0.369-0.083c-0.096-0.019-0.188-0.036-0.289-0.046c-0.131-0.018-0.263-0.022-0.393-0.028 c-0.064-0.002-0.12-0.012-0.186-0.012L63.77,1.305c-2.535,0.017-4.566,2.078-4.554,4.605c0.019,2.525,2.084,4.563,4.604,4.546 l19.258-0.121l-29.79,30.162c-1.112,1.126-1.526,2.678-1.233,4.118c0.174,0.863,0.596,1.691,1.272,2.357 c0.897,0.888,2.073,1.325,3.245,1.32c1.17-0.007,2.337-0.459,3.227-1.361l0.002-0.001l29.787-30.158l0.121,19.255 c0.014,2.523,2.07,4.564,4.602,4.545c1.268-0.005,2.408-0.526,3.233-1.357c0.817-0.834,1.325-1.98,1.317-3.242L98.675,5.665 c0-0.063-0.016-0.124-0.016-0.189c-0.009-0.123-0.015-0.25-0.032-0.375C98.616,4.992,98.592,4.89,98.57,4.784z" }),
@@ -17,6 +17,6 @@ exports.ExternalIcon = (0, styled_components_1.default)(Icon) `
   width: 10px;
   height: 10px;
   margin-left: 5px;
-  fill: currentColor;
+  fill: var(--sidebar-group-item-chevron-color);
 `;
 //# sourceMappingURL=ExternalIcon.js.map

package/lib/icons/FileIcon/FileIcon.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface IconProps {
     className?: string;
+    color?: string;
 }
-export declare const FileIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const FileIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
 export {};

package/lib/icons/FileIcon/FileIcon.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className }) => (react_1.default.createElement("svg", { "data-component-name": "icons/FileIcon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+const Icon = ({ className, color = 'white' }) => (react_1.default.createElement("svg", { "data-component-name": "icons/FileIcon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
     react_1.default.createElement("rect", { width: "14", height: "14", fill: "none", style: { mixBlendMode: 'multiply' } }),
-    react_1.default.createElement("path", { d: "M12.85 4.65018L9.35 1.15018C9.30601 1.10132 9.25192 1.0626 9.19149 1.0367C9.13106 1.0108 9.06572 0.998339 9 1.00018H4C3.73502 1.00096 3.48112 1.10656 3.29375 1.29393C3.10638 1.4813 3.00078 1.7352 3 2.00018V14.0002C3.00078 14.2652 3.10638 14.5191 3.29375 14.7064C3.48112 14.8938 3.73502 14.9994 4 15.0002H12C12.265 14.9994 12.5189 14.8938 12.7062 14.7064C12.8936 14.5191 12.9992 14.2652 13 14.0002V5.00018C13.0018 4.93446 12.9894 4.86912 12.9635 4.80869C12.9376 4.74826 12.8989 4.69417 12.85 4.65018ZM9 2.20018L11.8 5.00018H9V2.20018ZM12 14.0002H4V2.00018H8V5.00018C8.00078 5.26515 8.10638 5.51906 8.29375 5.70642C8.48112 5.89379 8.73502 5.9994 9 6.00018H12V14.0002Z", fill: "currentColor" })));
+    react_1.default.createElement("path", { d: "M12.85 4.65018L9.35 1.15018C9.30601 1.10132 9.25192 1.0626 9.19149 1.0367C9.13106 1.0108 9.06572 0.998339 9 1.00018H4C3.73502 1.00096 3.48112 1.10656 3.29375 1.29393C3.10638 1.4813 3.00078 1.7352 3 2.00018V14.0002C3.00078 14.2652 3.10638 14.5191 3.29375 14.7064C3.48112 14.8938 3.73502 14.9994 4 15.0002H12C12.265 14.9994 12.5189 14.8938 12.7062 14.7064C12.8936 14.5191 12.9992 14.2652 13 14.0002V5.00018C13.0018 4.93446 12.9894 4.86912 12.9635 4.80869C12.9376 4.74826 12.8989 4.69417 12.85 4.65018ZM9 2.20018L11.8 5.00018H9V2.20018ZM12 14.0002H4V2.00018H8V5.00018C8.00078 5.26515 8.10638 5.51906 8.29375 5.70642C8.48112 5.89379 8.73502 5.9994 9 6.00018H12V14.0002Z", fill: color })));
 exports.FileIcon = (0, styled_components_1.default)(Icon) `
   width: 1.3em;
   height: 1.3em;

package/lib/icons/ReportIcon/ReportIcon.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface IconProps {
     className?: string;
+    color?: string;
 }
-export declare const ReportIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const ReportIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
 export {};

package/lib/icons/ReportIcon/ReportIcon.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReportIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className }) => (react_1.default.createElement("svg", { "data-component-name": "icons/ReportIcon", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+const Icon = ({ className, color = 'white' }) => (react_1.default.createElement("svg", { "data-component-name": "icons/ReportIcon", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
     react_1.default.createElement("rect", { width: "14", height: "14", fill: "none", style: { mixBlendMode: 'multiply' } }),
-    react_1.default.createElement("path", { d: "M7 8.75C6.87021 8.75 6.74333 8.78849 6.63541 8.8606C6.52749 8.93271 6.44337 9.0352 6.3937 9.15511C6.34403 9.27503 6.33104 9.40698 6.35636 9.53428C6.38168 9.66158 6.44418 9.77851 6.53596 9.87029C6.62774 9.96207 6.74467 10.0246 6.87197 10.0499C6.99927 10.0752 7.13122 10.0622 7.25114 10.0125C7.37105 9.96288 7.47354 9.87876 7.54565 9.77084C7.61776 9.66292 7.65625 9.53604 7.65625 9.40625C7.65625 9.2322 7.58711 9.06528 7.46404 8.94221C7.34097 8.81914 7.17405 8.75 7 8.75Z", fill: "currentColor", fillOpacity: "1" }),
+    react_1.default.createElement("path", { d: "M7 8.75C6.87021 8.75 6.74333 8.78849 6.63541 8.8606C6.52749 8.93271 6.44337 9.0352 6.3937 9.15511C6.34403 9.27503 6.33104 9.40698 6.35636 9.53428C6.38168 9.66158 6.44418 9.77851 6.53596 9.87029C6.62774 9.96207 6.74467 10.0246 6.87197 10.0499C6.99927 10.0752 7.13122 10.0622 7.25114 10.0125C7.37105 9.96288 7.47354 9.87876 7.54565 9.77084C7.61776 9.66292 7.65625 9.53604 7.65625 9.40625C7.65625 9.2322 7.58711 9.06528 7.46404 8.94221C7.34097 8.81914 7.17405 8.75 7 8.75Z", fill: color, fillOpacity: "1" }),
     react_1.default.createElement("path", { d: "M7.4375 3.9375H6.5625V7.875H7.4375V3.9375Z", fill: "white", fillOpacity: "1" }),
-    react_1.default.createElement("path", { d: "M11.375 12.25H2.625C2.39302 12.2497 2.17061 12.1575 2.00658 11.9934C1.84254 11.8294 1.75027 11.607 1.75 11.375V2.625C1.75027 2.39302 1.84254 2.17061 2.00658 2.00658C2.17061 1.84254 2.39302 1.75027 2.625 1.75H11.375C11.607 1.75027 11.8294 1.84254 11.9934 2.00658C12.1575 2.17061 12.2497 2.39302 12.25 2.625V11.375C12.2497 11.607 12.1575 11.8294 11.9934 11.9934C11.8294 12.1575 11.607 12.2497 11.375 12.25ZM2.625 2.625V11.375H11.3755L11.375 2.625H2.625Z", fill: "currentColor", fillOpacity: "1" })));
+    react_1.default.createElement("path", { d: "M11.375 12.25H2.625C2.39302 12.2497 2.17061 12.1575 2.00658 11.9934C1.84254 11.8294 1.75027 11.607 1.75 11.375V2.625C1.75027 2.39302 1.84254 2.17061 2.00658 2.00658C2.17061 1.84254 2.39302 1.75027 2.625 1.75H11.375C11.607 1.75027 11.8294 1.84254 11.9934 2.00658C12.1575 2.17061 12.2497 2.39302 12.25 2.625V11.375C12.2497 11.607 12.1575 11.8294 11.9934 11.9934C11.8294 12.1575 11.607 12.2497 11.375 12.25ZM2.625 2.625V11.375H11.3755L11.375 2.625H2.625Z", fill: color, fillOpacity: "1" })));
 exports.ReportIcon = (0, styled_components_1.default)(Icon) `
   width: 1.3em;
   height: 1.3em;

package/lib/icons/SelectIcon/SelectIcon.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 interface IconProps {
     className?: string;
+    color?: string;
 }
-export declare const SelectIcon: import("styled-components").StyledComponent<({ className }: IconProps) => JSX.Element, any, {}, never>;
+export declare const SelectIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
 export {};

package/lib/icons/SelectIcon/SelectIcon.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = ({ className }) => (react_1.default.createElement("svg", { "data-component-name": "icons/SelectIcon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
-    react_1.default.createElement("path", { d: "M10.5 3.64746H1.5V4.64746H10.5V3.64746Z", fill: "currentColor" }),
-    react_1.default.createElement("path", { d: "M10.5 6.64746H1.5V7.64746H10.5V6.64746Z", fill: "currentColor" }),
-    react_1.default.createElement("path", { d: "M7.5 9.64746H1.5V10.6475H7.5V9.64746Z", fill: "currentColor" }),
-    react_1.default.createElement("path", { d: "M10.5 10.9425L9.205 9.64746L8.5 10.3525L10.5 12.3525L14.5 8.35246L13.795 7.64746L10.5 10.9425Z", fill: "currentColor" })));
+const Icon = ({ className, color = 'white' }) => (react_1.default.createElement("svg", { "data-component-name": "icons/SelectIcon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className },
+    react_1.default.createElement("path", { d: "M10.5 3.64746H1.5V4.64746H10.5V3.64746Z", fill: color }),
+    react_1.default.createElement("path", { d: "M10.5 6.64746H1.5V7.64746H10.5V6.64746Z", fill: color }),
+    react_1.default.createElement("path", { d: "M7.5 9.64746H1.5V10.6475H7.5V9.64746Z", fill: color }),
+    react_1.default.createElement("path", { d: "M10.5 10.9425L9.205 9.64746L8.5 10.3525L10.5 12.3525L14.5 8.35246L13.795 7.64746L10.5 10.9425Z", fill: color })));
 exports.SelectIcon = (0, styled_components_1.default)(Icon) `
   width: 1.3em;
   height: 1.3em;

package/lib/icons/index.d.ts

@@ -15,9 +15,3 @@ export * from '../icons/SelectIcon';
 export * from '../icons/BurgerIcon';
 export * from '../icons/CloseIcon';
 export * from '../icons/LogoutIcon';
-export * from '../icons/LanguageIcon';
-export * from '../icons/PointingArrowIcon';
-export * from '../icons/CheckboxIcon';
-export * from '../icons/ErrorIcon';
-export * from '../icons/EditIcon';
-export * from '../icons/RocketIcon';

package/lib/icons/index.js

@@ -31,10 +31,4 @@ __exportStar(require("../icons/SelectIcon"), exports);
 __exportStar(require("../icons/BurgerIcon"), exports);
 __exportStar(require("../icons/CloseIcon"), exports);
 __exportStar(require("../icons/LogoutIcon"), exports);
-__exportStar(require("../icons/LanguageIcon"), exports);
-__exportStar(require("../icons/PointingArrowIcon"), exports);
-__exportStar(require("../icons/CheckboxIcon"), exports);
-__exportStar(require("../icons/ErrorIcon"), exports);
-__exportStar(require("../icons/EditIcon"), exports);
-__exportStar(require("../icons/RocketIcon"), exports);
 //# sourceMappingURL=index.js.map

package/lib/index.d.ts

@@ -7,4 +7,4 @@ export * from './globalStyle';
 export * from './types/config';
 export * from './config';
 export * from './ui';
-export * from './i18n';
+export * from './I18n';

package/lib/index.js

@@ -23,5 +23,5 @@ __exportStar(require("./globalStyle"), exports);
 __exportStar(require("./types/config"), exports);
 __exportStar(require("./config"), exports);
 __exportStar(require("./ui"), exports);
-__exportStar(require("./i18n"), exports);
+__exportStar(require("./I18n"), exports);
 //# sourceMappingURL=index.js.map

package/lib/layouts/Forbidden.js

@@ -21,10 +21,6 @@ function Forbidden() {
 }
 exports.Forbidden = Forbidden;
 const Wrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
   margin: 25px auto;
   font-family: var(--page-403-font-family);
   text-align: center;

package/lib/layouts/NotFound.js

@@ -21,10 +21,6 @@ function NotFound() {
 }
 exports.NotFound = NotFound;
 const Wrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
   margin: 25px auto;
   font-family: var(--page-404-font-family);
   text-align: center;

package/lib/mocks/hooks/index.js

@@ -26,6 +26,7 @@ function useThemeConfig(_useProductConfig = true) {
             lastUpdatedBlock: { hide: false, format: 'timeago', locale: 'en-US' },
             editPage: {
                 baseUrl: '',
+                text: 'Edit this page',
             },
             frontMatterKeysToResolve: ['image', 'links'],
         },

package/lib/types/portal/src/shared/types/catalog.d.ts

@@ -1,4 +1,4 @@
-import { CatalogFilterConfig, ScorecardStatus } from '../../../../../index.js';
+import { CatalogFilterConfig } from "../../../../../config";
 export type FilteredCatalog = {
     groups: {
         title: string;
@@ -31,9 +31,5 @@ export type CatalogItem = {
     description?: string;
     image?: string;
     docsLink?: string;
-    scorecardStatus?: ScorecardStatus;
-    scorecardLevel?: string;
-    scoreCardSlug?: string;
-    tags?: unknown[];
     [k: string]: unknown;
 };

package/lib/types/portal/src/shared/types/nav.d.ts

@@ -19,7 +19,6 @@ export type ResolvedNavLinkItem = {
     routeSlug?: string;
     active?: boolean;
     icon?: string;
-    srcSet?: string;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 };
 export type ResolvedNavGroupItem = {
@@ -43,7 +42,6 @@ export type ResolvedNavGroupItem = {
     routeSlug?: string;
     active?: boolean;
     icon?: string;
-    srcSet?: string;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 };
 export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
@@ -60,7 +58,6 @@ export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
     items?: ResolvedNavItem[];
     sidebar?: ResolvedNavItem[];
     icon?: string;
-    srcSet?: string;
     languageInsensitive?: boolean;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 } | {
@@ -76,7 +73,6 @@ export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
     items?: ResolvedNavItem[];
     sidebar?: ResolvedNavItem[];
     icon?: string;
-    srcSet?: string;
     languageInsensitive?: boolean;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 };
@@ -135,7 +131,6 @@ export type NavItem = {
 };
 export interface LogoConfig {
     image?: string;
-    srcSet?: string;
     altText?: string;
     link?: string;
     favicon?: string;

package/lib/ui/ArrowBack.js

@@ -12,6 +12,7 @@ const Arrow = ({ className, dataComponentName, }) => (react_1.default.createElem
         react_1.default.createElement("path", { d: "M2 5a1 1 0 011-1h8a1 1 0 110 2H3a1 1 0 01-1-1z" }))));
 exports.ArrowBack = (0, styled_components_1.default)(Arrow) `
   fill: var(--sidebar-back-button-icon-color);
+  margin-right: calc(var(--sidebar-spacing-unit));
 
   background-image: var(--sidebar-back-button-icon);
   background-repeat: no-repeat;

package/lib/ui/Burger.js

@@ -25,7 +25,7 @@ const Line = styled_components_1.default.div `
   margin: 4px 0;
   width: 100%;
   height: 2px;
-  background: var(--border-primary);
+  background: var(--text-color);
   border-radius: 1px;
 `;
 exports.Burger = (0, styled_components_1.default)(BurgerComponent) ``;

package/lib/ui/Dropdown.js

@@ -42,9 +42,9 @@ const DropDownHeader = styled_components_1.default.div `
   align-items: center;
   padding: 8px 10px;
   border-radius: 4px;
-  border: 1px solid var(--border-primary);
+  border: 1px solid var(--border-color);
   font-weight: 600;
-  color: var(--text-primary);
+  color: var(--text-color);
   background: var(--background-color);
 `;
 const DropDownList = styled_components_1.default.div `
@@ -53,7 +53,7 @@ const DropDownList = styled_components_1.default.div `
   margin: 2px 20px 0 20px;
   padding: 0;
   border-radius: 4px;
-  border: 1px solid var(--border-primary);
+  border: 1px solid var(--border-color);
   z-index: var(--z-index-popover);
   left: 0;
   right: 0;
@@ -70,19 +70,19 @@ const ListItem = styled_components_1.default.div `
   background-color: var(--background-color);
   padding: 0.4em 10px;
   font-size: 1em;
-  color: var(--text-secondary);
+  color: var(--text-color);
   cursor: pointer;
   &:hover {
-    background-color: var(--bg-raised);
+    background-color: var(--color-secondary-300);
   }
   &.active {
-    background-color: var(--bg-raised);
+    background-color: var(--color-secondary-300);
   }
 `;
 const DropDownLink = (0, styled_components_1.default)(Link_1.Link) `
   display: block;
   text-decoration: none;
-  color: var(--text-secondary);
+  color: var(--text-color);
 `;
 function Dropdown({ items, activeItem }) {
     const ref = (0, react_1.useRef)(null);

package/lib/ui/Highlight.d.ts

@@ -2,4 +2,4 @@ import * as React from 'react';
 export declare const HighlightContext: React.Context<string[]>;
 export declare function Highlight(props: {
     children: React.ReactChildren | string;
-}): JSX.Element | null;
+}): JSX.Element;

package/lib/ui/Highlight.js

@@ -31,7 +31,7 @@ function Highlight(props) {
     const { children } = props;
     const searchWords = React.useContext(exports.HighlightContext);
     if (!searchWords.length) {
-        return children ? React.createElement(React.Fragment, null, children) : null;
+        return React.createElement(React.Fragment, null, "children") || null;
     }
     function highlight(str, childIdx = 0) {
         const chunks = (0, highlight_words_core_1.findAll)({

package/lib/ui/Jumbotron.js

@@ -19,7 +19,7 @@ exports.Jumbotron = (0, styled_components_1.default)(Background_1.Background).at
   ${({ bgColor }) => bgColor && `background: ${bgColor}`};
   ${({ bgImage, bgColor }) => bgImage &&
     `
-      background: ${bgColor || 'var(--text-base)'} url(${bgImage});
+      background: ${bgColor || 'var(--text-color)'} url(${bgImage});
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;