@redocly/theme 0.42.3 → 0.44.0

package/src/core/types/hooks.ts

@@ -6,11 +6,14 @@ import type {
   UserMenuData,
   FilteredCatalog,
   ItemState,
-  SearchDocument,
+  SearchItemData,
   SubmitFeedbackParams,
   TFunction,
   BreadcrumbItem,
   DrilldownMenuItemDetails,
+  SearchFacet,
+  SearchFilterItem,
+  SearchFacetQuery,
 } from '@redocly/theme/core/types';
 
 export type ThemeHooks = {
@@ -51,11 +54,29 @@ export type ThemeHooks = {
     location: Location;
   };
   useBreadcrumbs: () => BreadcrumbItem[];
-  useFuseSearch: (product?: string) => {
+  useSearch: (product?: string) => {
     query: string;
     setQuery: React.Dispatch<React.SetStateAction<string>>;
-    items: SearchDocument[] | null;
-    isLoading: boolean;
+    filter: SearchFilterItem[];
+    setFilter: React.Dispatch<React.SetStateAction<SearchFilterItem[]>>;
+    items: Record<string, SearchItemData[] | null>;
+    isSearchLoading: boolean;
+    facets: SearchFacet[];
+    setLoadMore: React.Dispatch<
+      React.SetStateAction<
+        | {
+            groupKey: string;
+            offset: number;
+          }
+        | undefined
+      >
+    >;
+    advancedSearch?: boolean;
+  };
+  useFacetQuery: (field: string) => {
+    searchFacet: SearchFacet | null;
+    setSearchFacet: React.Dispatch<React.SetStateAction<SearchFacet | null>>;
+    setSearchFacetQuery: React.Dispatch<React.SetStateAction<SearchFacetQuery | null>>;
   };
   useSidebarItems: (activeVersion?: Version | null) => {
     currentItems: ItemState[];

package/src/core/types/index.ts

@@ -6,7 +6,7 @@ export * from '@redocly/theme/core/types/hooks';
 export * from '@redocly/theme/core/types/markdown';
 export * from '@redocly/theme/core/types/navbar';
 export * from '@redocly/theme/core/types/search';
-export * from '@redocly/theme/core/types/select-option';
+export * from '@redocly/theme/core/types/select';
 export * from '@redocly/theme/core/types/sidebar';
 export * from '@redocly/theme/core/types/filter';
 export * from '@redocly/theme/core/types/user-menu';

package/src/core/types/l10n.ts

@@ -69,103 +69,175 @@ export type TranslationKey =
   | 'dev.app.overview.created'
   | 'dev.app.overview.visibilityToggle.hide'
   | 'dev.app.overview.visibilityToggle.show'
-  | 'theme.search.noResults'
-  | 'theme.search.keys.navigate'
-  | 'theme.search.keys.select'
-  | 'theme.search.keys.exit'
-  | 'theme.search.label'
-  | 'theme.search.cancel'
-  | 'theme.search.recent'
-  | 'theme.search.navbar.label'
-  | 'theme.search.suggested'
-  | 'theme.toc.header'
-  | 'theme.footer.copyrightText'
-  | 'theme.page.homeButton'
-  | 'theme.page.forbidden.title'
-  | 'theme.page.notFound.title'
-  | 'theme.page.notFound.description'
-  | 'theme.page.lastUpdated.timeago'
-  | 'theme.page.lastUpdated.on'
-  | 'theme.catalog.filters.placeholder'
-  | 'theme.catalog.filters.title'
-  | 'theme.catalog.filters.clearAll'
-  | 'theme.catalog.filters.select.addFilter'
-  | 'theme.catalog.filters.select.all'
-  | 'theme.catalog.filters.done'
-  | 'theme.sidebar.menu.backLabel'
-  | 'theme.sidebar.actions.show'
-  | 'theme.sidebar.actions.hide'
-  | 'theme.sidebar.actions.changeLayout'
-  | 'theme.versionPicker.label'
-  | 'theme.versionPicker.unversioned'
-  | 'theme.codeSnippet.copy.buttonText'
-  | 'theme.codeSnippet.copy.tooltipText'
-  | 'theme.codeSnippet.copy.toasterText'
-  | 'theme.markdown.editPage.text'
-  | 'theme.feedback.settings.comment.submitText'
-  | 'theme.feedback.settings.comment.label'
-  | 'theme.feedback.settings.comment.send'
-  | 'theme.feedback.settings.comment.cancel'
-  | 'theme.feedback.settings.comment.satisfiedLabel'
-  | 'theme.feedback.settings.comment.neutralLabel'
-  | 'theme.feedback.settings.comment.dissatisfiedLabel'
-  | 'theme.feedback.settings.submitText'
-  | 'theme.feedback.settings.label'
-  | 'theme.feedback.settings.reasons.label'
-  | 'theme.feedback.settings.reasons.send'
-  | 'theme.feedback.settings.comment.likeLabel'
-  | 'theme.feedback.settings.comment.dislikeLabel'
-  | 'theme.feedback.sentiment.thumbUp'
-  | 'theme.feedback.sentiment.thumbDown'
-  | 'theme.feedback.settings.leftScaleLabel'
-  | 'theme.feedback.settings.rightScaleLabel'
-  | 'theme.codeSnippet.report.buttonText'
-  | 'theme.codeSnippet.report.tooltipText'
-  | 'theme.codeSnippet.report.label'
-  | 'theme.userMenu.login'
-  | 'theme.userMenu.logout'
-  | 'theme.userMenu.devOnboardingLabel'
-  | 'theme.mobileMenu.mainMenu'
-  | 'theme.mobileMenu.previous'
-  | 'theme.mobileMenu.products'
-  | 'theme.page.nextButton'
-  | 'theme.page.previousButton';
-
-export type GraphQLTranslationKey =
-  | 'graphql.sidebar.group.queries'
-  | 'graphql.sidebar.group.mutations'
-  | 'graphql.sidebar.group.subscriptions'
-  | 'graphql.sidebar.group.directives'
-  | 'graphql.sidebar.group.objects'
-  | 'graphql.sidebar.group.interfaces'
-  | 'graphql.sidebar.group.unions'
-  | 'graphql.sidebar.group.enums'
-  | 'graphql.sidebar.group.inputs'
-  | 'graphql.sidebar.group.scalars'
-  | 'graphql.sidebar.group.scalars'
-  | 'graphql.content.arguments.label'
-  | 'graphql.content.arguments.show'
-  | 'graphql.content.arguments.hide'
-  | 'graphql.content.returnTypes.label'
-  | 'graphql.content.returnTypes.show'
-  | 'graphql.content.returnTypes.hide'
-  | 'graphql.content.defaultValue'
-  | 'graphql.content.deprecationReason'
-  | 'graphql.content.implementedInterfaces'
-  | 'graphql.content.argumentsHere'
-  | 'graphql.content.nonNull'
-  | 'graphql.content.required'
-  | 'graphql.content.deprecated'
-  | 'graphql.rightSection.variables'
-  | 'graphql.rightSection.querySample'
-  | 'graphql.rightSection.mutationSample'
-  | 'graphql.rightSection.subscriptionSample'
-  | 'graphql.rightSection.responseSample'
-  | 'graphql.rightSection.locations'
-  | 'graphql.rightSection.sample'
-  | 'graphql.rightSection.referenced'
-  | 'graphql.navigation.next'
-  | 'graphql.navigation.previous';
+  | 'search.loading'
+  | 'search.noResults.title'
+  | 'search.noResults.description'
+  | 'search.keys.navigate'
+  | 'search.keys.select'
+  | 'search.keys.exit'
+  | 'search.label'
+  | 'search.cancel'
+  | 'search.recent'
+  | 'search.navbar.label'
+  | 'search.suggested'
+  | 'search.showMore'
+  | 'search.filter.title'
+  | 'search.filter.reset'
+  | 'search.filter.field.reset'
+  | 'toc.header'
+  | 'footer.copyrightText'
+  | 'page.homeButton'
+  | 'page.forbidden.title'
+  | 'page.notFound.title'
+  | 'page.notFound.description'
+  | 'page.lastUpdated.timeago'
+  | 'page.lastUpdated.on'
+  | 'catalog.filters.placeholder'
+  | 'catalog.filters.title'
+  | 'catalog.filters.clearAll'
+  | 'catalog.filters.select.addFilter'
+  | 'catalog.filters.select.all'
+  | 'catalog.filters.done'
+  | 'sidebar.menu.backLabel'
+  | 'sidebar.actions.show'
+  | 'sidebar.actions.hide'
+  | 'sidebar.actions.changeLayout'
+  | 'versionPicker.label'
+  | 'versionPicker.unversioned'
+  | 'codeSnippet.copy.buttonText'
+  | 'codeSnippet.copy.tooltipText'
+  | 'codeSnippet.copy.toasterText'
+  | 'markdown.editPage.text'
+  | 'feedback.settings.comment.submitText'
+  | 'feedback.settings.comment.label'
+  | 'feedback.settings.comment.send'
+  | 'feedback.settings.comment.cancel'
+  | 'feedback.settings.comment.satisfiedLabel'
+  | 'feedback.settings.comment.neutralLabel'
+  | 'feedback.settings.comment.dissatisfiedLabel'
+  | 'feedback.settings.submitText'
+  | 'feedback.settings.label'
+  | 'feedback.settings.reasons.label'
+  | 'feedback.settings.reasons.send'
+  | 'feedback.settings.comment.likeLabel'
+  | 'feedback.settings.comment.dislikeLabel'
+  | 'feedback.sentiment.thumbUp'
+  | 'feedback.sentiment.thumbDown'
+  | 'feedback.settings.leftScaleLabel'
+  | 'feedback.settings.rightScaleLabel'
+  | 'codeSnippet.report.buttonText'
+  | 'codeSnippet.report.tooltipText'
+  | 'codeSnippet.report.label'
+  | 'userMenu.login'
+  | 'userMenu.logout'
+  | 'userMenu.devOnboardingLabel'
+  | 'mobileMenu.mainMenu'
+  | 'mobileMenu.previous'
+  | 'mobileMenu.products'
+  | 'page.nextButton'
+  | 'page.previousButton'
+  | 'openapi.download.description.title'
+  | 'openapi.info.title'
+  | 'openapi.info.contact.url'
+  | 'openapi.info.contact.name'
+  | 'openapi.info.license'
+  | 'openapi.info.termsOfService'
+  | 'openapi.info.metadata.title'
+  | 'openapi.key'
+  | 'openapi.value'
+  | 'openapi.enum'
+  | 'openapi.items'
+  | 'openapi.default'
+  | 'openapi.variable'
+  | 'openapi.variables'
+  | 'openapi.actions.show'
+  | 'openapi.actions.hide'
+  | 'openapi.actions.more'
+  | 'openapi.languages.title'
+  | 'openapi.servers.title'
+  | 'openapi.operations'
+  | 'openapi.webhooks'
+  | 'openapi.description'
+  | 'openapi.badges.deprecated'
+  | 'openapi.badges.required'
+  | 'openapi.badges.webhook'
+  | 'openapi.request'
+  | 'openapi.path'
+  | 'openapi.query'
+  | 'openapi.cookie'
+  | 'openapi.header'
+  | 'openapi.body'
+  | 'openapi.responses'
+  | 'openapi.response'
+  | 'openapi.callbacks'
+  | 'openapi.callbackRequest'
+  | 'openapi.callbackResponse'
+  | 'openapi.payload'
+  | 'openapi.discriminator'
+  | 'openapi.contentType'
+  | 'openapi.tryIt'
+  | 'openapi.loading'
+  | 'openapi.example'
+  | 'openapi.examples'
+  | 'openapi.additionalProperties'
+  | 'openapi.patternProperties'
+  | 'openapi.required'
+  | 'openapi.recursive'
+  | 'openapi.deprecated'
+  | 'openapi.hideExample'
+  | 'openapi.showExample'
+  | 'openapi.expandAll'
+  | 'openapi.collapseAll'
+  | 'openapi.pdfFileSample'
+  | 'openapi.noResponseExample'
+  | 'openapi.noRequestPayload'
+  | 'openapi.hidePattern'
+  | 'openapi.showPattern'
+  | 'openapi.authorizationUrl'
+  | 'openapi.tokenUrl'
+  | 'openapi.refreshUrl'
+  | 'openapi.scopes'
+  | 'openapi.security'
+  | 'openapi.httpAuthorizationScheme'
+  | 'openapi.bearerFormat'
+  | 'openapi.parameterName'
+  | 'openapi.flowType'
+  | 'openapi.connectUrl'
+  | 'openapi.requiredScopes'
+  | 'openapi.unsupportedLanguage'
+  | 'openapi.failedToGenerateCodeSample'
+  | 'graphql.queries'
+  | 'graphql.mutations'
+  | 'graphql.subscriptions'
+  | 'graphql.directives'
+  | 'graphql.objects'
+  | 'graphql.interfaces'
+  | 'graphql.unions'
+  | 'graphql.enums'
+  | 'graphql.inputs'
+  | 'graphql.scalars'
+  | 'graphql.arguments.label'
+  | 'graphql.arguments.show'
+  | 'graphql.arguments.hide'
+  | 'graphql.arguments.here'
+  | 'graphql.returnTypes.label'
+  | 'graphql.returnTypes.show'
+  | 'graphql.returnTypes.hide'
+  | 'graphql.possibleTypes'
+  | 'graphql.defaultValue'
+  | 'graphql.deprecationReason'
+  | 'graphql.implementedInterfaces'
+  | 'graphql.nonNull'
+  | 'graphql.required'
+  | 'graphql.deprecated'
+  | 'graphql.variables'
+  | 'graphql.querySample'
+  | 'graphql.mutationSample'
+  | 'graphql.subscriptionSample'
+  | 'graphql.responseSample'
+  | 'graphql.locations'
+  | 'graphql.sample'
+  | 'graphql.referenced';
 
 export type Locale = { code: string; name: string };
 

package/src/core/types/search.ts

@@ -14,9 +14,9 @@ export type SearchDocument = {
   title: string | string[];
   text: string | string[];
   path?: string[];
-  httpVerb?: string;
+  httpMethod?: string;
+  httpPath?: string | string[];
   deprecated?: boolean;
-  pathName?: string | string[];
   parameters?: OperationParameter[];
   metadata?: Record<string, any>;
   version?: string;
@@ -26,4 +26,55 @@ export type SearchDocument = {
   'redocly::teams-rbac'?: { [x: string]: string };
   [REDOCLY_ROUTE_RBAC]?: { slug?: string; fsPath?: string };
   badges?: ItemBadge[];
+  facets?: Record<string, string>;
+  tags?: string[];
+  rbacTeams?: string[];
+};
+
+export type ParameterHighlight = {
+  name: string;
+  description: string;
+  place: string;
+  path: string[];
+};
+
+export type SearchItemData = {
+  document: SearchDocument;
+  highlight: Record<string, string> & { parameters?: ParameterHighlight[]; path?: string[] };
+};
+
+export type SearchFacet = {
+  name: string;
+  field: string;
+  type: SearchFacetType;
+  values: string[] | SearchFacetCount[];
+  isTop?: boolean;
+  index?: number;
+};
+
+export type SearchFacetCount = {
+  value: string;
+  count: number;
+  isCounterVisible?: boolean;
+};
+
+export type SearchFacetQuery = {
+  query: string;
+  filter: SearchFilterItem[];
+  facetQuery: string;
+};
+
+export type SearchFacetType =
+  | 'input'
+  | 'multi-select'
+  | 'select'
+  | 'switch'
+  | 'radio'
+  | 'tags'
+  | 'checkbox';
+
+export type SearchFilterItem = {
+  field: string;
+  values: string[];
+  isTop?: boolean;
 };

package/src/core/types/select.ts

@@ -0,0 +1,33 @@
+import type React from 'react';
+
+export type SelectOption<T> = {
+  value: T;
+  element?: React.ReactNode | JSX.Element | string;
+  label?: string;
+};
+
+export type SelectProps<T = any> = {
+  value?: SelectOption<T> | SelectOption<T>[] | T | T[];
+  options: SelectOption<T>[];
+  multiple?: boolean;
+  searchable?: boolean;
+  clearable?: boolean;
+  dataAttributes?: Record<string, string>;
+  className?: string;
+  withArrow?: boolean;
+  triggerEvent?: 'click' | 'hover';
+  placement?: 'top' | 'bottom';
+  alignment?: 'start' | 'end';
+  onlyIcon?: boolean;
+  placeholder?: string;
+  disabled?: boolean;
+  hideCheckmarkIcon?: boolean;
+  checkmarkIconPosition?: 'start' | 'end';
+  dataTestId?: string;
+  icon?: React.ReactNode;
+  footer?: React.ReactNode;
+  onChange?: (value: T | T[]) => void;
+  renderInput?: () => React.ReactElement;
+  renderDivider?: () => React.ReactElement;
+  onSearch?: (value: T | null) => void;
+};

package/src/core/utils/index.ts

@@ -24,3 +24,4 @@ export * from '@redocly/theme/core/utils/format-date-without-timezone';
 export * from '@redocly/theme/core/utils/details';
 export * from '@redocly/theme/core/utils/get-navbar-element';
 export * from '@redocly/theme/core/utils/with-load-progress';
+export * from '@redocly/theme/core/utils/text-trimmer';

package/src/core/utils/menu.ts

@@ -7,7 +7,7 @@ import { type Locale, type TFunction, type ItemState } from '@redocly/theme/core
 import { MenuItemType } from '@redocly/theme/core/constants';
 
 const TRANSLATION_KEYS = {
-  version: 'theme.mobileMenu.version',
+  version: 'mobileMenu.version',
 };
 
 export const mapNavbarItems = (

package/src/core/utils/text-trimmer.ts

@@ -0,0 +1,7 @@
+export function trimText(text: string | string[], maxLength: number = 150): string | string[] {
+  if (typeof text === 'string') {
+    if (text.length <= maxLength) {
+      return text;
+    } else return `${text.slice(0, maxLength)}...`;
+  } else return text;
+}

package/src/icons/ResetIcon/ResetIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import styled from 'styled-components';
+
+import type { IconProps } from '@redocly/theme/icons/types';
+
+import { getCssColorVariable } from '@redocly/theme/core/utils';
+
+const Icon = (props: IconProps) => (
+  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M9 14C10.1867 14 11.3467 13.6481 12.3334 12.9888C13.3201 12.3295 14.0892 11.3925 14.5433 10.2961C14.9974 9.19975 15.1162 7.99335 14.8847 6.82946C14.6532 5.66558 14.0818 4.59648 13.2426 3.75736C12.4035 2.91825 11.3344 2.3468 10.1705 2.11529C9.00666 1.88378 7.80026 2.0026 6.7039 2.45673C5.60754 2.91085 4.67047 3.67989 4.01118 4.66658C3.35189 5.65328 3 6.81331 3 8V11.1L1.2 9.3L0.5 10L3.5 13L6.5 10L5.8 9.3L4 11.1V8C4 7.0111 4.29324 6.0444 4.84265 5.22215C5.39206 4.39991 6.17295 3.75904 7.08658 3.38061C8.00021 3.00217 9.00555 2.90315 9.97545 3.09608C10.9454 3.289 11.8363 3.76521 12.5355 4.46447C13.2348 5.16373 13.711 6.05465 13.9039 7.02455C14.0969 7.99446 13.9978 8.99979 13.6194 9.91342C13.241 10.8271 12.6001 11.6079 11.7779 12.1574C10.9556 12.7068 9.98891 13 9 13V14Z"
+      fill="#1A1C21"
+    />
+  </svg>
+);
+
+export const ResetIcon = styled(Icon).attrs(() => ({
+  'data-component-name': 'icons/ResetIcon/ResetIcon',
+}))<IconProps>`
+  path {
+    fill: ${({ color }) => getCssColorVariable(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;

package/src/icons/SettingsIcon/SettingsIcon.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import styled from 'styled-components';
+
+import type { IconProps } from '@redocly/theme/icons/types';
+
+import { getCssColorVariable } from '@redocly/theme/core/utils';
+
+const Icon = (props: IconProps) => (
+  <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M15.875 2.5H13.5687C13.2875 1.20625 12.1625 0.25 10.8125 0.25C9.4625 0.25 8.3375 1.20625 8.05625 2.5H0.125V3.625H8.05625C8.3375 4.91875 9.4625 5.875 10.8125 5.875C12.1625 5.875 13.2875 4.91875 13.5687 3.625H15.875V2.5ZM10.8125 4.75C9.85625 4.75 9.125 4.01875 9.125 3.0625C9.125 2.10625 9.85625 1.375 10.8125 1.375C11.7688 1.375 12.5 2.10625 12.5 3.0625C12.5 4.01875 11.7688 4.75 10.8125 4.75Z"
+      fill="#22242B"
+    />
+    <path
+      d="M0.125 11.5H2.43125C2.7125 12.7937 3.8375 13.75 5.1875 13.75C6.5375 13.75 7.6625 12.7937 7.94375 11.5H15.875V10.375H7.94375C7.6625 9.08125 6.5375 8.125 5.1875 8.125C3.8375 8.125 2.7125 9.08125 2.43125 10.375H0.125V11.5ZM5.1875 9.25C6.14375 9.25 6.875 9.98125 6.875 10.9375C6.875 11.8938 6.14375 12.625 5.1875 12.625C4.23125 12.625 3.5 11.8938 3.5 10.9375C3.5 9.98125 4.23125 9.25 5.1875 9.25Z"
+      fill="#22242B"
+    />
+  </svg>
+);
+
+export const SettingsIcon = styled(Icon).attrs(() => ({
+  'data-component-name': 'icons/SettingsIcon/SettingsIcon',
+}))<IconProps>`
+  path {
+    fill: ${({ color }) => getCssColorVariable(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;

package/src/index.ts

@@ -13,7 +13,7 @@ export * from '@redocly/theme/components/Badge/Badge';
 export * from '@redocly/theme/components/Dropdown/Dropdown';
 export * from '@redocly/theme/components/Dropdown/DropdownMenu';
 export * from '@redocly/theme/components/Dropdown/DropdownMenuItem';
-export * from '@redocly/theme/components/Loading/Loading';
+export * from '@redocly/theme/components/Loaders/Loading';
 export * from '@redocly/theme/components/Link/Link';
 export * from '@redocly/theme/components/Portal/Portal';
 export * from '@redocly/theme/components/Segmented/Segmented';
@@ -135,6 +135,11 @@ export * from '@redocly/theme/components/Search/SearchShortcut';
 export * from '@redocly/theme/components/Search/SearchTrigger';
 export * from '@redocly/theme/components/Search/SearchRecent';
 export * from '@redocly/theme/components/Search/SearchSuggestedPages';
+export * from '@redocly/theme/components/Search/SearchGroups';
+export * from '@redocly/theme/components/Search/SearchFilter';
+export * from '@redocly/theme/components/Search/SearchFilterField';
+export * from '@redocly/theme/components/Search/FilterFields/SearchFilterFieldSelect';
+export * from '@redocly/theme/components/Search/FilterFields/SearchFilterFieldTags';
 /* Icons */
 export * from '@redocly/theme/icons/ArrowRightIcon/ArrowRightIcon';
 export * from '@redocly/theme/icons/ArrowUpRightIcon/ArrowUpRightIcon';
@@ -150,6 +155,7 @@ export * from '@redocly/theme/icons/FolderAddIcon/FolderAddIcon';
 export * from '@redocly/theme/icons/FolderIcon/FolderIcon';
 export * from '@redocly/theme/icons/FolderMoveToIcon/FolderMoveToIcon';
 export * from '@redocly/theme/icons/SelectIcon/SelectIcon';
+export * from '@redocly/theme/icons/SettingsIcon/SettingsIcon';
 export * from '@redocly/theme/icons/CloseIcon/CloseIcon';
 export * from '@redocly/theme/icons/CloseOutlineIcon/CloseOutlineIcon';
 export * from '@redocly/theme/icons/CloseFilledIcon/CloseFilledIcon';
@@ -197,6 +203,7 @@ export * from '@redocly/theme/icons/MobileSidebarIcon/MobileSidebarIcon';
 export * from '@redocly/theme/icons/CopyLinkIcon/CopyLinkIcon';
 export * from '@redocly/theme/icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon';
 export * from '@redocly/theme/icons/RenewIcon/RenewIcon';
+export * from '@redocly/theme/icons/ResetIcon/ResetIcon';
 export * from '@redocly/theme/icons/WarningAltIcon/WarningAltIcon';
 export * from '@redocly/theme/icons/MoonIcon/MoonIcon';
 export * from '@redocly/theme/icons/SunIcon/SunIcon';

package/src/layouts/Forbidden.tsx

@@ -11,16 +11,11 @@ export function Forbidden(): JSX.Element {
   return (
     <Wrapper data-component-name="Pages/Forbidden">
       <Header>403</Header>
-      <Description data-translation-key="theme.page.forbidden.title">
-        {translate('theme.page.forbidden.title', 'Access forbidden')}
+      <Description data-translation-key="page.forbidden.title">
+        {translate('page.forbidden.title', 'Access forbidden')}
       </Description>
-      <HomeButton
-        variant="primary"
-        size="large"
-        to="/"
-        data-translation-key="theme.page.homeButton"
-      >
-        {translate('theme.page.homeButton', 'Go home')}
+      <HomeButton variant="primary" size="large" to="/" data-translation-key="page.homeButton">
+        {translate('page.homeButton', 'Go home')}
       </HomeButton>
     </Wrapper>
   );

package/src/layouts/NotFound.tsx

@@ -12,12 +12,12 @@ export function NotFound(): JSX.Element {
   return (
     <NotFoundWrapper data-component-name="layouts/NotFound">
       <StatusText>404</StatusText>
-      <Title data-translation-key="theme.page.notFound.title">
-        {translate('theme.page.notFound.title', 'Something went missing...')}
+      <Title data-translation-key="page.notFound.title">
+        {translate('page.notFound.title', 'Something went missing...')}
       </Title>
-      <Description data-translation-key="theme.page.notFound.description">
+      <Description data-translation-key="page.notFound.description">
         {translate(
-          'theme.page.notFound.description',
+          'page.notFound.description',
           "The page you were trying to reach doesn't exist or may have been moved. You can go back to the previous page, return to the homepage, or use the search bar to find what you're looking for.",
         )}
       </Description>
@@ -25,10 +25,10 @@ export function NotFound(): JSX.Element {
         variant="primary"
         size="large"
         to="/"
-        data-translation-key="theme.page.homeButton"
+        data-translation-key="page.homeButton"
         icon={<ArrowLeftIcon />}
       >
-        {translate('theme.page.homeButton', 'Go home')}
+        {translate('page.homeButton', 'Go home')}
       </Button>
     </NotFoundWrapper>
   );

package/src/layouts/OIDCForbidden.tsx

@@ -35,8 +35,8 @@ export function OIDCForbidden(): JSX.Element {
   return (
     <Wrapper data-component-name="Pages/OIDCForbidden">
       <Header>403</Header>
-      <Description data-translation-key="theme.page.forbidden.title">
-        {translate('theme.page.forbidden.title', 'Access forbidden')}
+      <Description data-translation-key="page.forbidden.title">
+        {translate('page.forbidden.title', 'Access forbidden')}
       </Description>
       {errorDescription && <ErrorDescription>{renderText(errorDescription)}</ErrorDescription>}
     </Wrapper>

package/src/markdoc/tags/partial.ts

@@ -20,7 +20,7 @@ export const partial: MarkdocSchemaWrapper = {
         return [
           {
             id: '',
-            message: `Could not resolve partial ${node.attributes.file}. theme.markdown.partialsFolders is empty.`,
+            message: `Could not resolve partial ${node.attributes.file}. markdown.partialsFolders is empty.`,
             level: 'error',
           },
         ];

package/lib/core/types/select-option.d.ts

@@ -1,4 +0,0 @@
-export type SelectOption<T> = {
-    value: T;
-    label: string;
-};

package/src/core/types/select-option.ts

@@ -1,4 +0,0 @@
-export type SelectOption<T> = {
-  value: T;
-  label: string;
-};