@redocly/theme 0.17.1 → 0.18.1

package/lib/config.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeConfigSchema = void 0;
+exports.productThemeOverrideSchema = exports.themeConfigSchema = void 0;
 const logoConfigSchema = {
     type: 'object',
     properties: {
@@ -78,7 +78,7 @@ const markdownConfigSchema = {
         },
         toc: {
             type: 'object',
-            properties: Object.assign({ header: { type: 'string', default: 'On this page' }, depth: { type: 'number', default: 3 } }, hideConfigSchema.properties),
+            properties: Object.assign({ header: { type: 'string', default: 'On this page' }, depth: { type: 'integer', default: 3, minimum: 1 } }, hideConfigSchema.properties),
             additionalProperties: false,
             default: {},
         },
@@ -239,6 +239,16 @@ const navItemsSchema = {
     type: 'array',
     items: Object.assign(Object.assign({}, navItemSchema), { properties: Object.assign(Object.assign({}, navItemSchema.properties), { items: { type: 'array', items: navItemSchema } }) }),
 };
+const productConfigSchema = {
+    type: 'object',
+    properties: {
+        name: { type: 'string' },
+        icon: { type: 'string' },
+        folder: { type: 'string' },
+    },
+    additionalProperties: false,
+    required: ['name', 'icon', 'folder'],
+};
 const suggestedPageSchema = {
     type: 'object',
     properties: {
@@ -248,6 +258,89 @@ const suggestedPageSchema = {
     },
     required: ['page'],
 };
+const catalogFilterSchema = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['title', 'property'],
+    properties: {
+        type: { type: 'string', enum: ['select', 'checkboxes', 'date-range'] },
+        title: { type: 'string' },
+        titleTranslationKey: { type: 'string' },
+        property: { type: 'string' },
+        parentFilter: { type: 'string' },
+        missingCategoryName: { type: 'string' },
+        missingCategoryNameTranslationKey: { type: 'string' },
+        options: { type: 'array', items: { type: 'string' } },
+    },
+};
+const scorecardConfigSchema = {
+    type: 'object',
+    additionalProperties: true,
+    required: ['levels'],
+    properties: {
+        failBuildIfBelowMinimum: { type: 'boolean', default: false },
+        levels: {
+            type: 'array',
+            items: {
+                type: 'object',
+                required: ['name'],
+                properties: {
+                    name: { type: 'string' },
+                    extends: { type: 'array', items: { type: 'string' } },
+                    rules: {
+                        type: 'object',
+                        additionalProperties: {
+                            type: ['object', 'string'],
+                        },
+                    },
+                },
+                additionalProperties: false,
+            },
+        },
+        targets: {
+            type: 'array',
+            items: {
+                type: 'object',
+                required: ['where'],
+                properties: {
+                    minimumLevel: { type: 'string' },
+                    where: {
+                        type: 'object',
+                        required: ['metadata'],
+                        properties: {
+                            metadata: { type: 'object', additionalProperties: { type: 'string' } },
+                        },
+                        additionalProperties: false,
+                    },
+                },
+                additionalProperties: false,
+            },
+        },
+    },
+};
+const catalogSchema = {
+    type: 'object',
+    additionalProperties: true,
+    required: ['slug', 'filters', 'groupByFirstFilter', 'items'],
+    properties: {
+        slug: { type: 'string' },
+        filters: { type: 'array', items: catalogFilterSchema },
+        groupByFirstFilter: { type: 'boolean' },
+        items: navItemsSchema,
+        requiredPermission: { type: 'string' },
+        separateVersions: { type: 'boolean' },
+        title: { type: 'string' },
+        titleTranslationKey: { type: 'string' },
+        description: { type: 'string' },
+        descriptionTranslationKey: { type: 'string' },
+    },
+};
+const catalogsConfigSchema = {
+    type: 'object',
+    patternProperties: {
+        '.*': catalogSchema,
+    },
+};
 exports.themeConfigSchema = {
     type: 'object',
     properties: {
@@ -262,6 +355,10 @@ exports.themeConfigSchema = {
             properties: Object.assign({ items: navItemsSchema }, hideConfigSchema.properties),
             additionalProperties: false,
         },
+        products: {
+            type: 'object',
+            additionalProperties: productConfigSchema,
+        },
         footer: {
             type: 'object',
             properties: Object.assign({ items: navItemsSchema, copyrightText: { type: 'string' } }, hideConfigSchema.properties),
@@ -454,6 +551,22 @@ exports.themeConfigSchema = {
             additionalProperties: false,
             default: {},
         },
+        catalog: catalogsConfigSchema,
+        scorecard: scorecardConfigSchema,
+    },
+    additionalProperties: true,
+    default: {},
+};
+exports.productThemeOverrideSchema = {
+    type: 'object',
+    properties: {
+        logo: exports.themeConfigSchema.properties.logo,
+        navbar: exports.themeConfigSchema.properties.navbar,
+        footer: exports.themeConfigSchema.properties.footer,
+        sidebar: exports.themeConfigSchema.properties.sidebar,
+        search: exports.themeConfigSchema.properties.search,
+        codeSnippet: exports.themeConfigSchema.properties.codeSnippet,
+        breadcrumbs: exports.themeConfigSchema.properties.breadcrumbs,
     },
     additionalProperties: true,
     default: {},

package/lib/globalStyle.js

@@ -458,7 +458,7 @@ const sidebar = (0, styled_components_1.css) `
   /**
     * @tokens Sidebar item icon
     */
-  --sidebar-item-icon-size: 32px; // icon is for drilldown only but I would like to support it in general
+  --sidebar-item-icon-size: 20px;
   --sidebar-item-icon-border-radius: 100%;
 
   /**
@@ -1339,9 +1339,9 @@ const apiReferenceDocs = (0, styled_components_1.css) `
   */
 
   --schemas-mime-type-dropdown-padding: 0px 26px 0px 4px;
-  --schemas-mime-type-dropdown-border: var(--dropdown-border); // @presenter Border
-  --schemas-mime-type-dropdown-font-size: var(--dropdown-font-size); // @presenter FontSize
-  --schemas-mime-type-dropdown-text-color: var(--dropdown-text-color); // @presenter Color
+  --schemas-mime-type-dropdown-border: var(--docs-dropdown-border); // @presenter Border
+  --schemas-mime-type-dropdown-font-size: var(--docs-dropdown-font-size); // @presenter FontSize
+  --schemas-mime-type-dropdown-text-color: var(--docs-dropdown-font-size); // @presenter Color
 
   /**
   * @tokens API Reference Schemas Discriminator Dropdown
@@ -1349,8 +1349,8 @@ const apiReferenceDocs = (0, styled_components_1.css) `
 
   --schemas-discriminator-dropdown-padding: 2px 24px 2px 8px;
   --schemas-discriminator-dropdown-border: 1px solid var(--border-color); // @presenter Border
-  --schemas-discriminator-font-size: var(--dropdown-font-size); // @presenter FontSize
-  --schemas-discriminator-dropdown-text-color: var(--dropdown-text-color); // @presenter Color
+  --schemas-discriminator-font-size: var(--docs-dropdown-font-size); // @presenter FontSize
+  --schemas-discriminator-dropdown-text-color: var(--docs-dropdown-text-color); // @presenter Color
 
   /**
   * @tokens API Reference Schemas Titles
@@ -1615,7 +1615,7 @@ const navbar = (0, styled_components_1.css) `
   --navbar-item-font-size: 16px; // @presenter FontSize
   --navbar-item-padding-horizontal: 16px; // @presenter Spacing
   --navbar-item-padding-vertical: 8px; // @presenter Spacing
-  --navbar-item-margin-horizontal: 7px;
+  --navbar-item-gap: 5px;
   --navbar-item-border-radius: var(--border-radius); // @presenter BorderRadius
   --navbar-item-font-weight: var(--font-weight-bold); // @presenter FontWeight
   --navbar-item-hover-background-color: var(--color-primary-300);
@@ -1653,6 +1653,16 @@ const breadcrumbs = (0, styled_components_1.css) `
 
   // @tokens End
 `;
+const product = (0, styled_components_1.css) `
+  /**
+   * @tokens Product
+   */
+  --product-padding-horizontal: 8px; // @presenter Spacing
+  --product-padding-vertical: 8px; // @presenter Spacing
+  --product-logo-margin: 10px; // @presenter Spacing
+
+  // @tokens End
+`;
 const mobileMenu = (0, styled_components_1.css) `
     /**
   * @tokens Mobile Menu icons
@@ -1997,17 +2007,165 @@ const search = (0, styled_components_1.css) `
 
   // @tokens End
 `;
-const dropdown = (0, styled_components_1.css) `
-  --dropdown-font-size: 14px;
-  --dropdown-text-color: var(--text-color);
+const docsDropdown = (0, styled_components_1.css) `
+  --docs-dropdown-font-size: 14px;
+  --docs-dropdown-text-color: var(--text-color);
 
-  --dropdown-padding-vertical: 8px;
-  --dropdown-padding-left: 10px;
-  --dropdown-padding-right: 26px;
-  --dropdown-padding: var(--dropdown-padding-vertical) var(--dropdown-padding-right)
-    var(--dropdown-padding-vertical) var(--dropdown-padding-left);
+  --docs-dropdown-padding-vertical: 8px;
+  --docs-dropdown-padding-left: 10px;
+  --docs-dropdown-padding-right: 26px;
+  --docs-dropdown-padding: var(--docs-dropdown-padding-vertical) var(--docs-dropdown-padding-right)
+    var(--docs-dropdown-padding-vertical) var(--docs-dropdown-padding-left);
 
-  --dropdown-border: none;
+  --docs-dropdown-border: none;
+`;
+const dropdown = (0, styled_components_1.css) `
+  --dropdown-font-size: 16px; // @presenter FontSize
+  --dropdown-font-weight: var(--font-weight-regular); // @presenter FontWeight
+  --dropdown-line-height: var(--line-height-base); // @presenter LineHeight
+  --dropdown-text-color: var(--text-color); // @presenter Color
+  --dropdown-border-radius: var(--border-radius); // @presenter BorderRadius
+
+  --dropdown-list-min-width: 100px;
+  --dropdown-list-max-width: 300px;
+  --dropdown-list-padding: 4px; // @presenter Spacing
+  --dropdown-list-border-radius: var(--border-radius-lg); // @presenter BorderRadius
+  --dropdown-list-background-color: var(--background-color); // @presenter Color
+  --dropdown-list-box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12); // @presenter Shadow
+
+  --dropdown-list-item-horizontal-padding: 16px; // @presenter Spacing
+  --dropdown-list-item-vertical-padding: 8px; // @presenter Spacing
+  --dropdown-list-item-border-radius: var(--border-radius); // @presenter BorderRadius
+  --dropdown-list-item-active-background-color: #0000000a; // @presenter Color
+  --dropdown-list-item-separator-color: var(--border-color); // @presenter Color
+
+  /**
+   * @tokens User profile menu dropdown
+   * */
+
+  --profile-dropdown-font-size: var(--dropdown-font-size); // @presenter FontSize
+  --profile-dropdown-font-weight: var(--dropdown-font-weight); // @presenter FontWeight
+  --profile-dropdown-line-height: var(--dropdown-line-height); // @presenter LineHeight
+  --profile-dropdown-text-color: var(--dropdown-text-color); // @presenter Color
+  --profile-dropdown-border-radius: var(--dropdown-border-radius); // @presenter BorderRadius
+
+  --profile-dropdown-list-min-width: var(--dropdown-list-min-width);
+  --profile-dropdown-list-max-width: var(--dropdown-list-max-width);
+  --profile-dropdown-list-padding: var(--dropdown-list-padding); // @presenter Spacing
+  --profile-dropdown-list-border-radius: var(--dropdown-list-border-radius); // @presenter BorderRadius
+  --profile-dropdown-list-background-color: var(--dropdown-list-background-color); // @presenter Color
+  --profile-dropdown-list-box-shadow: var(--dropdown-list-box-shadow); // @presenter Shadow
+
+  --profile-dropdown-list-item-horizontal-padding: var(--dropdown-list-item-horizontal-padding); // @presenter Spacing
+  --profile-dropdown-list-item-vertical-padding: var(--dropdown-list-item-vertical-padding); // @presenter Spacing
+  --profile-dropdown-list-item-border-radius: var(--dropdown-list-item-border-radius); // @presenter BorderRadius
+  --profile-dropdown-list-item-active-background-color: var(--dropdown-list-item-active-background-color); // @presenter Color
+  --profile-dropdown-list-item-separator-color: var(--dropdown-list-item-separator-color); // @presenter Color
+`;
+const select = (0, styled_components_1.css) `
+  --select-font-size: 16px; // @presenter FontSize
+  --select-font-weight: var(--font-weight-regular); // @presenter FontWeight
+  --select-line-height: var(--line-height-base); // @presenter LineHeight
+  --select-text-color: var(--text-color); // @presenter Color
+  --select-border-radius: var(--border-radius); // @presenter BorderRadius
+
+  --select-input-padding-horizontal: 16px;  // @presenter Spacing
+  --select-input-padding-vertical: 6px;  // @presenter Spacing
+  --select-input-border-radius: var(--border-radius); // @presenter BorderRadius
+
+  --select-list-min-width: 100px;
+  --select-list-max-width: 300px;
+  --select-list-padding: 4px; // @presenter Spacing
+  --select-list-border-radius: var(--border-radius-lg); // @presenter BorderRadius
+  --select-list-background-color: var(--background-color); // @presenter Color
+  --select-list-box-shadow: 0px 9px 28px 8px rgba(0, 0, 0, 0.05), 0px 6px 16px rgba(0, 0, 0, 0.08), 0px 3px 6px -4px rgba(0, 0, 0, 0.12);
+
+  --select-list-item-horizontal-padding: 16px; // @presenter Spacing
+  --select-list-item-vertical-padding: 8px; // @presenter Spacing
+  --select-list-item-border-radius: var(--border-radius); // @presenter BorderRadius
+  --select-list-item-active-background-color: #0000000a; // @presenter Color
+
+  /**
+   * @tokens Version picker
+   * */
+
+  --version-picker-font-size: var(--font-size-base); // @presenter FontSize
+  --version-picker-font-weight: var(--select-font-weight); // @presenter FontWeight
+  --version-picker-line-height: var(--select-line-height); // @presenter LineHeight
+  --version-picker-text-color: var(--select-text-color); // @presenter Color
+  --version-picker-border-radius: var(--select-border-radius); // @presenter BorderRadius
+  --version-picker-margin-vertical: 10px; // @presenter Spacing
+  --version-picker-margin-horizontal: 15px; // @presenter Spacing
+
+  --version-picker-input-padding-horizontal: var(--select-input-padding-horizontal); // @presenter Spacing
+  --version-picker-input-padding-vertical: var(--select-input-padding-vertical); // @presenter Spacing
+  --version-picker-input-border: 1px solid var(--border-color); // @presenter Border
+  --version-picker-input-border-radius: var(--select-input-border-radius); // @presenter BorderRadius
+
+  --version-picker-list-min-width: var(--select-list-min-width);
+  --version-picker-list-max-width: var(--select-list-max-width);
+  --version-picker-list-padding: var(--select-list-padding); // @presenter Spacing
+  --version-picker-list-border-radius: var(--select-list-border-radius); // @presenter BorderRadius
+  --version-picker-list-background-color: var(--select-list-background-color); // @presenter Color
+  --version-picker-list-box-shadow: var(--select-list-box-shadow); // @presenter Shadow
+
+  --version-picker-list-item-horizontal-padding: var(--select-list-item-horizontal-padding); // @presenter Spacing
+  --version-picker-list-item-vertical-padding: var(--select-list-item-vertical-padding); // @presenter Spacing
+  --version-picker-list-item-border-radius: var(--select-list-item-border-radius); // @presenter BorderRadius
+  --version-picker-list-item-active-background-color: var(--select-list-item-active-background-color); // @presenter Color
+
+
+  /**
+   * @tokens Language picker
+   * */
+
+  --language-picker-font-size: var(--select-font-size); // @presenter FontSize
+  --language-picker-font-weight: var(--select-font-weight); // @presenter FontWeight
+  --language-picker-line-height: var(--select-line-height); // @presenter LineHeight
+  --language-picker-text-color: var(--select-text-color); // @presenter Color
+  --language-picker-border-radius: var(--select-border-radius); // @presenter BorderRadius
+
+  --language-picker-input-padding-horizontal: var(--select-input-padding-horizontal); // @presenter Spacing
+  --language-picker-input-padding-vertical: var(--select-input-padding-vertical); // @presenter Spacing
+  --language-picker-input-border-radius: var(--select-input-border-radius); // @presenter BorderRadius
+
+  --language-picker-list-min-width: var(--select-list-min-width);
+  --language-picker-list-max-width: var(--select-list-max-width);
+  --language-picker-list-padding: var(--select-list-padding); // @presenter Spacing
+  --language-picker-list-border-radius: var(--select-list-border-radius); // @presenter BorderRadius
+  --language-picker-list-background-color: var(--select-list-background-color); // @presenter Color
+  --language-picker-list-box-shadow: var(--select-list-box-shadow); // @presenter Shadow
+
+  --language-picker-list-item-horizontal-padding: var(--select-list-item-horizontal-padding); // @presenter Spacing
+  --language-picker-list-item-vertical-padding: var(--select-list-item-vertical-padding); // @presenter Spacing
+  --language-picker-list-item-border-radius: var(--select-list-item-border-radius); // @presenter BorderRadius
+  --language-picker-list-item-active-background-color: var(--select-list-item-active-background-color); // @presenter Color
+
+  /**
+   * @tokens Product picker
+   * */
+
+  --product-picker-font-size: var(--select-font-size); // @presenter FontSize
+  --product-picker-font-weight: var(--select-font-weight); // @presenter FontWeight
+  --product-picker-line-height: var(--select-line-height); // @presenter LineHeight
+  --product-picker-text-color: var(--select-text-color); // @presenter Color
+  --product-picker-border-radius: var(--select-border-radius); // @presenter BorderRadius
+
+  --product-picker-input-padding-horizontal: var(--select-input-padding-horizontal); // @presenter Spacing
+  --product-picker-input-padding-vertical: var(--select-input-padding-vertical); // @presenter Spacing
+  --product-picker-input-border-radius: var(--select-input-border-radius); // @presenter BorderRadius
+
+  --product-picker-list-min-width: var(--select-list-min-width);
+  --product-picker-list-max-width: var(--select-list-max-width);
+  --product-picker-list-padding: var(--select-list-padding); // @presenter Spacing
+  --product-picker-list-border-radius: var(--select-list-border-radius); // @presenter BorderRadius
+  --product-picker-list-background-color: var(--select-list-background-color); // @presenter Color
+  --product-picker-list-box-shadow: var(--select-list-box-shadow); // @presenter Shadow
+
+  --product-picker-list-item-horizontal-padding: var(--select-list-item-horizontal-padding); // @presenter Spacing
+  --product-picker-list-item-vertical-padding: var(--select-list-item-vertical-padding); // @presenter Spacing
+  --product-picker-list-item-border-radius: var(--select-list-item-border-radius); // @presenter BorderRadius
+  --product-picker-list-item-active-background-color: var(--select-list-item-active-background-color); // @presenter Color
 `;
 const lastUpdated = (0, styled_components_1.css) `
   --last-updated-text-color: var(--text-color);
@@ -2158,6 +2316,7 @@ exports.styles = (0, styled_components_1.css) `
     ${logo}
     ${badges}
     ${breadcrumbs}
+    ${product}
     ${toc}
     ${inputs}
     ${tooltip}
@@ -2166,6 +2325,8 @@ exports.styles = (0, styled_components_1.css) `
     ${markdown}
     ${search}
     ${dropdown}
+    ${docsDropdown}
+    ${select}
     ${apiReferencePanels}
     ${apiReferenceDocs}
     ${lastUpdated}

package/lib/hooks/useThemeConfig.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { ThemeUIConfig } from '../index.js';
 export declare const ThemeConfigContext: import("react").Context<ThemeUIConfig>;
-export declare function useThemeConfig<T extends Record<string, unknown>>(): T & NonNullable<ThemeUIConfig>;
+export declare function useThemeConfig<T extends Record<string, unknown>>(useProductConfig?: boolean): T & NonNullable<ThemeUIConfig>;

package/lib/hooks/useThemeConfig.js

@@ -2,9 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useThemeConfig = exports.ThemeConfigContext = void 0;
 const react_1 = require("react");
+const hooks_1 = require("../mocks/hooks");
 exports.ThemeConfigContext = (0, react_1.createContext)({});
-function useThemeConfig() {
-    return (0, react_1.useContext)(exports.ThemeConfigContext) || {};
+function useThemeConfig(useProductConfig = true) {
+    const themeConfig = (0, react_1.useContext)(exports.ThemeConfigContext) || {};
+    const currentProduct = (0, hooks_1.useCurrentProduct)();
+    const mergedTheme = useProductConfig && (currentProduct === null || currentProduct === void 0 ? void 0 : currentProduct.themeOverride)
+        ? Object.assign(Object.assign({}, themeConfig), currentProduct.themeOverride) : themeConfig;
+    return mergedTheme;
 }
 exports.useThemeConfig = useThemeConfig;
 //# sourceMappingURL=useThemeConfig.js.map

package/lib/mocks/hooks/index.d.ts

@@ -1,12 +1,12 @@
-import type { ThemeUIConfig } from '../../config';
+import type { CatalogConfig, ProductUiConfig, ThemeUIConfig } from '../../config';
 import type { ResolvedNavItem, TFunction, Version } from '../../types/portal';
-import type { CatalogConfig, FilteredCatalog } from '../../types/portal/src/shared/types/catalog';
+import type { FilteredCatalog } from '../../types/portal/src/shared/types/catalog';
 interface PageLink {
     label: string;
     link: string;
     type: 'link';
 }
-export declare function useThemeConfig<T extends Record<string, unknown>>(): T & ThemeUIConfig;
+export declare function useThemeConfig<T extends Record<string, unknown>>(_useProductConfig?: boolean): T & ThemeUIConfig;
 export declare function useSidebarSiblingsData(): {
     nextPage: PageLink | null;
     prevPage: PageLink | null;
@@ -28,6 +28,7 @@ export declare function useI18nConfig(): {
         name: string;
     }[];
 };
+export declare function useCurrentProduct(): ProductUiConfig | undefined;
 export declare function usePageVersions(): {
     versions: Version[];
 };

package/lib/mocks/hooks/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePageVersions = exports.useI18nConfig = exports.useGlobalData = exports.useI18n = exports.useTranslate = exports.useCatalog = exports.usePageSharedData = exports.useSidebarSiblingsData = exports.useThemeConfig = void 0;
-function useThemeConfig() {
+exports.usePageVersions = exports.useCurrentProduct = exports.useI18nConfig = exports.useGlobalData = exports.useI18n = exports.useTranslate = exports.useCatalog = exports.usePageSharedData = exports.useSidebarSiblingsData = exports.useThemeConfig = void 0;
+function useThemeConfig(_useProductConfig = true) {
     return {
         search: {
             hide: false,
@@ -89,6 +89,10 @@ function useI18nConfig() {
     };
 }
 exports.useI18nConfig = useI18nConfig;
+function useCurrentProduct() {
+    return undefined;
+}
+exports.useCurrentProduct = useCurrentProduct;
 function usePageVersions() {
     return {
         versions: [

package/lib/mocks/search.d.ts

@@ -14,7 +14,7 @@ interface SearchDocument {
     pathName?: string | string[];
     parameters?: OperationParameter[];
 }
-export declare function useFuseSearch(): {
+export declare function useFuseSearch(_product?: string): {
     query: string;
     setQuery: (val: string) => void;
     items: SearchDocument[] | null;

package/lib/mocks/search.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useSuggestedPages = exports.useRecentSearches = exports.useFuseSearch = void 0;
 const react_1 = require("react");
-function useFuseSearch() {
+function useFuseSearch(_product) {
     const [query, setQuery] = (0, react_1.useState)('');
     return {
         query,

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

@@ -1,4 +1,4 @@
-import type { NavItem } from './nav';
+import { CatalogFilterConfig } from "../../../../../config";
 export type FilteredCatalog = {
     groups: {
         title: string;
@@ -8,29 +8,7 @@ export type FilteredCatalog = {
     filterTerm: string;
     setFilterTerm: (term: string) => void;
 };
-export type Filter = {
-    type?: 'select' | 'checkboxes' | 'date-range';
-    title: string;
-    titleTranslationKey?: string;
-    property: string;
-    parentFilter?: string;
-    missingCategoryName?: string;
-    missingCategoryNameTranslationKey?: string;
-    options?: string[];
-};
-export type CatalogConfig = {
-    slug: string;
-    filters: Filter[];
-    groupByFirstFilter: boolean;
-    items: NavItem[];
-    requiredPermission?: string;
-    separateVersions?: boolean;
-    title?: string;
-    titleTranslationKey?: string;
-    description?: string;
-    descriptionTranslationKey?: string;
-};
-export type ResolvedFilter = Omit<Filter, 'options'> & {
+export type ResolvedFilter = Omit<CatalogFilterConfig, 'options'> & {
     options: {
         value: string;
         count: number;

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

@@ -10,6 +10,7 @@ export type ResolvedNavLinkItem = {
     sidebar?: ResolvedNavItem[];
     external?: boolean;
     target?: '_self' | '_blank';
+    languageInsensitive?: boolean;
     version?: string;
     isDefault?: boolean;
     versionFolderId?: string;
@@ -32,6 +33,7 @@ export type ResolvedNavGroupItem = {
     target?: '_self' | '_blank';
     expanded?: string;
     selectFirstItemOnExpand?: boolean;
+    languageInsensitive?: boolean;
     version?: string;
     isDefault?: boolean;
     versionFolderId?: string;
@@ -56,6 +58,7 @@ export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
     items?: ResolvedNavItem[];
     sidebar?: ResolvedNavItem[];
     icon?: string;
+    languageInsensitive?: boolean;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 } | {
     type: 'error';
@@ -70,6 +73,7 @@ export type ResolvedNavItem = ResolvedNavLinkItem | ResolvedNavGroupItem | {
     items?: ResolvedNavItem[];
     sidebar?: ResolvedNavItem[];
     icon?: string;
+    languageInsensitive?: boolean;
     [REDOCLY_TEAMS_RBAC]?: Rbac;
 };
 export type ResolvedNavItemWithLink = (ResolvedNavLinkItem | ResolvedNavGroupItem) & {

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

@@ -1,3 +1,4 @@
+import type { ProductConfig } from "../../../../../config";
 export interface OperationParameter {
     name: string | string[];
     description: string | string[];
@@ -15,5 +16,6 @@ export interface SearchDocument {
     pathName?: string | string[];
     parameters?: OperationParameter[];
     metadata?: Record<string, any>;
+    product?: ProductConfig;
     [PERMISSION_PROP_NAME]?: string;
 }

package/lib/ui/darkColors.js

@@ -83,6 +83,8 @@ exports.darkMode = (0, styled_components_1.css) `
   --page-403-description-text-color: #fff;
   --checkbox-backround-color: var(--color-secondary-900);
   --checkbox-checked-backround-color: var(--color-primary-400);
+  --select-list-item-active-background-color: #282828;
+  --dropdown-list-item-active-background-color: #282828;
 
   background-color: var(--background-color);
   color: var(--text-color);

package/lib/ui/index.d.ts

@@ -1,7 +1,6 @@
 import type React from 'react';
 export * from '../ui/Background';
 export * from '../ui/Box';
-export * from '../ui/Dropdown';
 export * from '../ui/Flex';
 export * from '../ui/Jumbotron';
 export * from '../ui/ArrowBack';

package/lib/ui/index.js

@@ -17,7 +17,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EmptyLayout = exports.LandingLayout = void 0;
 __exportStar(require("../ui/Background"), exports);
 __exportStar(require("../ui/Box"), exports);
-__exportStar(require("../ui/Dropdown"), exports);
 __exportStar(require("../ui/Flex"), exports);
 __exportStar(require("../ui/Jumbotron"), exports);
 __exportStar(require("../ui/ArrowBack"), exports);

package/package.json

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