@redocly/theme 0.18.6 → 0.19.0

package/lib/icons/LanguageIcon/index.js

@@ -0,0 +1,18 @@
+"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 __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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../../icons/LanguageIcon/LanguageIcon"), exports);
+//# sourceMappingURL=index.js.map

package/lib/icons/PlusIcon/PlusIcon.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const Icon: () => JSX.Element;
+export declare const PlusIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+    'data-component-name': string;
+}, "data-component-name">;

package/lib/icons/PlusIcon/PlusIcon.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlusIcon = exports.Icon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("path", { d: "M7.53125 2.375H8.46875C8.55208 2.375 8.59375 2.41667 8.59375 2.5V13.5C8.59375 13.5833 8.55208 13.625 8.46875 13.625H7.53125C7.44792 13.625 7.40625 13.5833 7.40625 13.5V2.5C7.40625 2.41667 7.44792 2.375 7.53125 2.375Z", fill: "inherit" }),
+    react_1.default.createElement("path", { d: "M2.75 7.40625H13.25C13.3333 7.40625 13.375 7.44792 13.375 7.53125V8.46875C13.375 8.55208 13.3333 8.59375 13.25 8.59375H2.75C2.66667 8.59375 2.625 8.55208 2.625 8.46875V7.53125C2.625 7.44792 2.66667 7.40625 2.75 7.40625Z", fill: "inherit" })));
+exports.Icon = Icon;
+exports.PlusIcon = (0, styled_components_1.default)(exports.Icon).attrs(() => ({
+    'data-component-name': 'icons/PlusIcon/PlusIcon',
+})) ``;
+//# sourceMappingURL=PlusIcon.js.map

package/lib/icons/PlusIcon/index.d.ts

@@ -0,0 +1 @@
+export * from '../../icons/PlusIcon/PlusIcon';

package/lib/icons/PlusIcon/index.js

@@ -0,0 +1,18 @@
+"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 __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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../../icons/PlusIcon/PlusIcon"), exports);
+//# sourceMappingURL=index.js.map

package/lib/icons/PointingArrowIcon/PointingArrowIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const PointingArrowIcon: import("styled-components").StyledComponent<() => JSX.Element, any, {
+    'data-component-name': string;
+}, "data-component-name">;

package/lib/icons/PointingArrowIcon/PointingArrowIcon.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PointingArrowIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = () => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "#8D8D8D", xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement("rect", { width: "16", height: "16", fill: "none" }),
+    react_1.default.createElement("path", { d: "M9 3L8.285 3.6965L12.075 7.5H2V8.5H12.075L8.285 12.2865L9 13L14 8L9 3Z", fill: "inherit" })));
+exports.PointingArrowIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/PointingArrowIcon/PointingArrowIcon',
+})) ``;
+//# sourceMappingURL=PointingArrowIcon.js.map

package/lib/icons/PointingArrowIcon/index.d.ts

@@ -0,0 +1 @@
+export * from '../../icons/PointingArrowIcon/PointingArrowIcon';

package/lib/icons/PointingArrowIcon/index.js

@@ -0,0 +1,18 @@
+"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 __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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../../icons/PointingArrowIcon/PointingArrowIcon"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 interface IconProps {
     className?: string;
-    color?: string;
 }
-export declare const ReportIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
+export declare const ReportIcon: import("styled-components").StyledComponent<({ className }: 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, 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 },
+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 },
     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: color, 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: "currentColor", 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: color, 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" })));
 exports.ReportIcon = (0, styled_components_1.default)(Icon) `
   width: 1.3em;
   height: 1.3em;

package/lib/icons/RocketIcon/RocketIcon.d.ts

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

package/lib/icons/RocketIcon/RocketIcon.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RocketIcon = 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/RocketIcon", className: className, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.7002 1.55068C13.5251 1.49305 13.3388 1.47772 13.1567 1.50596L13.152 1.50671C11.8258 1.7252 9.24768 2.44828 6.43935 4.8604C5.65751 4.58592 4.81217 4.53466 3.99912 4.71587C3.07823 4.92111 2.24649 5.41394 1.62419 6.12309C1.45038 6.32115 1.46012 6.62011 1.64645 6.80644L3.21653 8.37652C3.16682 8.44409 3.11716 8.51231 3.06755 8.5812C2.92429 8.78013 2.94639 9.05359 3.11974 9.22694L3.17618 9.28339L2.5864 9.87317L2.58535 9.87422C2.36806 10.0928 2.24609 10.3885 2.24609 10.6967C2.24609 11.0049 2.36806 11.3006 2.58535 11.5192L2.5864 11.5203L4.47974 13.4136L4.48079 13.4147C4.69938 13.632 4.99507 13.7539 5.30329 13.7539C5.56764 13.7539 5.82278 13.6642 6.02797 13.5016C6.07134 13.4785 6.11147 13.449 6.14684 13.4136L6.72662 12.8338L6.77307 12.8803C6.94695 13.0542 7.22146 13.0758 7.42044 12.9313C7.48845 12.8819 7.55583 12.8324 7.62256 12.783L9.19307 14.3535C9.3794 14.5398 9.67836 14.5495 9.87642 14.3757C10.5856 13.7534 11.0784 12.9217 11.2836 12.0008C11.4657 11.1839 11.4131 10.3345 11.1352 9.54961C13.5373 6.75034 14.273 4.18993 14.4869 2.84653C14.5165 2.66498 14.5027 2.479 14.4467 2.30378C14.3906 2.1282 14.2937 1.96841 14.164 1.83751C14.0342 1.7066 13.8753 1.60831 13.7002 1.55068ZM10.3358 10.4241C9.77433 11.0018 9.13889 11.5852 8.41986 12.166L9.54647 13.2927C9.91995 12.8623 10.1826 12.3441 10.3076 11.7833C10.4077 11.334 10.4163 10.8719 10.3358 10.4241ZM7.40379 11.6944C12.1351 8.03789 13.2477 4.2709 13.4995 2.68816L13.4999 2.68582C13.5041 2.65984 13.5022 2.63321 13.4942 2.60813C13.4862 2.58305 13.4723 2.56022 13.4538 2.54152C13.4352 2.52282 13.4125 2.50878 13.3875 2.50054C13.363 2.49248 13.337 2.49021 13.3115 2.49391C12.1198 2.69072 9.6488 3.36687 6.93487 5.75486C6.90034 5.79743 6.85946 5.8334 6.81428 5.86196C5.99258 6.5985 5.15012 7.49283 4.31544 8.57889C4.29366 8.6174 4.26636 8.65363 4.23355 8.68644C4.23319 8.6868 4.23283 8.68716 4.23247 8.68752C4.19837 8.73243 4.16429 8.77767 4.13023 8.82323L4.18811 8.8811C4.20578 8.89449 4.22276 8.90921 4.23893 8.92526L7.09226 11.7586C7.12536 11.7915 7.15338 11.8285 7.17583 11.8684C7.22546 11.831 7.27471 11.7936 7.32359 11.7562C7.34864 11.7325 7.37553 11.7119 7.40379 11.6944ZM3.83102 7.57679C4.40831 6.85775 4.98895 6.22264 5.56449 5.66166C5.12019 5.58338 4.66217 5.59262 4.21666 5.69192C3.65578 5.81692 3.13757 6.07956 2.70726 6.45303L3.83102 7.57679ZM3.29456 10.5792L3.88329 9.9905L6.01952 12.1267L5.51323 12.633C5.47994 12.6533 5.44888 12.6775 5.42079 12.7055C5.38956 12.7365 5.34732 12.7539 5.30329 12.7539C5.25942 12.7539 5.21732 12.7366 5.18613 12.7058L3.29456 10.8142C3.2637 10.783 3.24609 10.7406 3.24609 10.6967C3.24609 10.6528 3.26371 10.6104 3.29456 10.5792Z", fill: "currentColor", fillOpacity: "0.87" })));
+exports.RocketIcon = (0, styled_components_1.default)(Icon) `
+  width: 1em;
+  height: 1em;
+`;
+//# sourceMappingURL=RocketIcon.js.map

package/lib/icons/RocketIcon/index.d.ts

@@ -0,0 +1 @@
+export * from '../../icons/RocketIcon/RocketIcon';

package/lib/icons/RocketIcon/index.js

@@ -0,0 +1,18 @@
+"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 __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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("../../icons/RocketIcon/RocketIcon"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 interface IconProps {
     className?: string;
-    color?: string;
 }
-export declare const SelectIcon: import("styled-components").StyledComponent<({ className, color }: IconProps) => JSX.Element, any, {}, never>;
+export declare const SelectIcon: import("styled-components").StyledComponent<({ className }: 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, 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 })));
+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" })));
 exports.SelectIcon = (0, styled_components_1.default)(Icon) `
   width: 1.3em;
   height: 1.3em;

package/lib/icons/index.d.ts

@@ -15,3 +15,9 @@ 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,4 +31,10 @@ __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,6 +21,10 @@ 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,6 +21,10 @@ 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,7 +26,6 @@ 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 } from "../../../../../config";
+import { CatalogFilterConfig, ScorecardStatus } from '../../../../../index.js';
 export type FilteredCatalog = {
     groups: {
         title: string;
@@ -31,5 +31,9 @@ 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,6 +19,7 @@ export type ResolvedNavLinkItem = {
     routeSlug?: string;
     active?: boolean;
     icon?: string;
+    srcSet?: string;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 };
 export type ResolvedNavGroupItem = {
@@ -42,6 +43,7 @@ export type ResolvedNavGroupItem = {
     routeSlug?: string;
     active?: boolean;
     icon?: string;
+    srcSet?: string;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 };
 export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
@@ -58,6 +60,7 @@ export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
     items?: ResolvedNavItem[];
     sidebar?: ResolvedNavItem[];
     icon?: string;
+    srcSet?: string;
     languageInsensitive?: boolean;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 } | {
@@ -73,6 +76,7 @@ export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
     items?: ResolvedNavItem[];
     sidebar?: ResolvedNavItem[];
     icon?: string;
+    srcSet?: string;
     languageInsensitive?: boolean;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 };
@@ -131,6 +135,7 @@ export type NavItem = {
 };
 export interface LogoConfig {
     image?: string;
+    srcSet?: string;
     altText?: string;
     link?: string;
     favicon?: string;

package/lib/ui/ArrowBack.js

@@ -12,7 +12,6 @@ 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(--text-color);
+  background: var(--border-primary);
   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-color);
+  border: 1px solid var(--border-primary);
   font-weight: 600;
-  color: var(--text-color);
+  color: var(--text-primary);
   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-color);
+  border: 1px solid var(--border-primary);
   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-color);
+  color: var(--text-secondary);
   cursor: pointer;
   &:hover {
-    background-color: var(--color-secondary-300);
+    background-color: var(--bg-raised);
   }
   &.active {
-    background-color: var(--color-secondary-300);
+    background-color: var(--bg-raised);
   }
 `;
 const DropDownLink = (0, styled_components_1.default)(Link_1.Link) `
   display: block;
   text-decoration: none;
-  color: var(--text-color);
+  color: var(--text-secondary);
 `;
 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;
+}): JSX.Element | null;

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 React.createElement(React.Fragment, null, "children") || null;
+        return children ? 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-color)'} url(${bgImage});
+      background: ${bgColor || 'var(--text-base)'} url(${bgImage});
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center;