@redocly/theme 0.43.0 → 0.44.0

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

@@ -1,5 +1,5 @@
 import type { TOptions } from 'i18next';
-export type TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | 'theme.search.loading' | 'theme.search.noResults.title' | 'theme.search.noResults.description' | '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.search.showMore' | 'theme.search.filter.title' | 'theme.search.filter.reset' | 'theme.search.filter.field.reset' | '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' | '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 TranslationKey = 'dev.newApp' | 'dev.newApp.text' | 'dev.sidebar.header' | 'dev.sidebar.footer.text' | 'dev.create.app.dialog.appName.placeholder' | 'dev.create.app.dialog.appName.error' | 'dev.create.app.dialog.selectAPIs' | 'dev.create.app.dialog.description' | 'dev.create.app.dialog.description.placeholder' | 'dev.create.app.dialog.create' | 'dev.create.app.dialog.cancel' | 'dev.main.tab.appKeys' | 'dev.main.tab.logs' | 'dev.app.description.title' | 'dev.edit.description.dialog.title' | 'dev.edit.description.dialog.save' | 'dev.edit.description.dialog.cancel' | 'dev.edit.apis.dialog.selectedAPIs' | 'dev.app.key.create' | 'dev.create.key.dialog.title' | 'dev.create.key.dialog.create' | 'dev.create.key.dialog.cancel' | 'dev.app.edit' | 'dev.app.delete' | 'dev.edit.app.dialog.title' | 'dev.edit.app.dialog.save' | 'dev.edit.app.dialog.cancel' | 'dev.delete.app.dialog.title' | 'dev.delete.app.dialog.confirmation' | 'dev.delete.app.dialog.delete' | 'dev.delete.app.dialog.cancel' | 'dev.app.key.roll' | 'dev.roll.key.dialog.title' | 'dev.roll.key.dialog.apiKey' | 'dev.roll.key.dialog.expires' | 'dev.roll.key.dialog.confirmation' | 'dev.roll.key.dialog.cancel' | 'dev.roll.key.dialog.roll' | 'dev.update.key.dialog.title' | 'dev.update.key.dialog.update' | 'dev.update.key.dialog.cancel' | 'dev.app.key.api.name' | 'dev.app.key.api.status' | 'dev.app.key.api.edit' | 'dev.edit.apis.dialog.title' | 'dev.edit.apis.dialog.apiKey' | 'dev.edit.apis.dialog.save' | 'dev.edit.apis.dialog.cancel' | 'dev.select.placeholder' | 'dev.app.overview.status.pending' | 'dev.app.overview.status.approved' | 'dev.app.overview.status.revoked' | 'dev.app.overview.status' | 'dev.app.overview.non-production' | 'dev.app.overview.production' | 'dev.app.overview.clientId' | 'dev.app.overview.apiKey' | 'dev.app.key.revoke' | 'dev.revoke.key.dialog.title' | 'dev.revoke.key.dialog.apiKey' | 'dev.revoke.key.dialog.expires' | 'dev.revoke.key.dialog.confirmation' | 'dev.revoke.key.dialog.revoke' | 'dev.revoke.key.dialog.cancel' | 'dev.app.overview.expires' | 'dev.app.overview.created' | 'dev.app.overview.visibilityToggle.hide' | 'dev.app.overview.visibilityToggle.show' | '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/lib/core/utils/menu.js

@@ -5,7 +5,7 @@ const urls_1 = require("../../core/utils/urls");
 const utils_1 = require("../../core/utils");
 const constants_1 = require("../../core/constants");
 const TRANSLATION_KEYS = {
-    version: 'theme.mobileMenu.version',
+    version: 'mobileMenu.version',
 };
 const mapNavbarItems = (items, defaultLocale, currentLocale, locales, location) => {
     return items.map((navItem) => {

package/lib/layouts/Forbidden.js

@@ -13,8 +13,8 @@ function Forbidden() {
     const { translate } = useTranslate();
     return (react_1.default.createElement(Wrapper, { "data-component-name": "Pages/Forbidden" },
         react_1.default.createElement(Header, null, "403"),
-        react_1.default.createElement(Description, { "data-translation-key": "theme.page.forbidden.title" }, translate('theme.page.forbidden.title', 'Access forbidden')),
-        react_1.default.createElement(HomeButton, { variant: "primary", size: "large", to: "/", "data-translation-key": "theme.page.homeButton" }, translate('theme.page.homeButton', 'Go home'))));
+        react_1.default.createElement(Description, { "data-translation-key": "page.forbidden.title" }, translate('page.forbidden.title', 'Access forbidden')),
+        react_1.default.createElement(HomeButton, { variant: "primary", size: "large", to: "/", "data-translation-key": "page.homeButton" }, translate('page.homeButton', 'Go home'))));
 }
 exports.Forbidden = Forbidden;
 const Wrapper = styled_components_1.default.div `

package/lib/layouts/NotFound.js

@@ -14,9 +14,9 @@ function NotFound() {
     const { translate } = useTranslate();
     return (react_1.default.createElement(NotFoundWrapper, { "data-component-name": "layouts/NotFound" },
         react_1.default.createElement(StatusText, null, "404"),
-        react_1.default.createElement(Title, { "data-translation-key": "theme.page.notFound.title" }, translate('theme.page.notFound.title', 'Something went missing...')),
-        react_1.default.createElement(Description, { "data-translation-key": "theme.page.notFound.description" }, translate('theme.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.")),
-        react_1.default.createElement(Button_1.Button, { variant: "primary", size: "large", to: "/", "data-translation-key": "theme.page.homeButton", icon: react_1.default.createElement(ArrowLeftIcon_1.ArrowLeftIcon, null) }, translate('theme.page.homeButton', 'Go home'))));
+        react_1.default.createElement(Title, { "data-translation-key": "page.notFound.title" }, translate('page.notFound.title', 'Something went missing...')),
+        react_1.default.createElement(Description, { "data-translation-key": "page.notFound.description" }, translate('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.")),
+        react_1.default.createElement(Button_1.Button, { variant: "primary", size: "large", to: "/", "data-translation-key": "page.homeButton", icon: react_1.default.createElement(ArrowLeftIcon_1.ArrowLeftIcon, null) }, translate('page.homeButton', 'Go home'))));
 }
 exports.NotFound = NotFound;
 const NotFoundWrapper = styled_components_1.default.div `

package/lib/layouts/OIDCForbidden.js

@@ -49,7 +49,7 @@ function OIDCForbidden() {
     }, [searchParams, setSearchParams]);
     return (react_1.default.createElement(Wrapper, { "data-component-name": "Pages/OIDCForbidden" },
         react_1.default.createElement(Header, null, "403"),
-        react_1.default.createElement(Description, { "data-translation-key": "theme.page.forbidden.title" }, translate('theme.page.forbidden.title', 'Access forbidden')),
+        react_1.default.createElement(Description, { "data-translation-key": "page.forbidden.title" }, translate('page.forbidden.title', 'Access forbidden')),
         errorDescription && react_1.default.createElement(ErrorDescription, null, renderText(errorDescription))));
 }
 exports.OIDCForbidden = OIDCForbidden;

package/lib/markdoc/tags/partial.js

@@ -15,7 +15,7 @@ exports.partial = {
                 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.43.0",
+  "version": "0.44.0",
   "description": "Shared UI components lib",
   "keywords": [
     "theme",
@@ -91,14 +91,14 @@
     "webpack": "5.94.0"
   },
   "dependencies": {
-    "copy-to-clipboard": "^3.3.3",
-    "highlight-words-core": "^1.2.2",
-    "hotkeys-js": "^3.10.1",
+    "copy-to-clipboard": "3.3.3",
+    "highlight-words-core": "1.2.2",
+    "hotkeys-js": "3.10.1",
     "react-calendar": "4.2.1",
     "react-date-picker": "10.0.3",
-    "timeago.js": "^4.0.2",
-    "i18next": "^22.4.12",
-    "nprogress": "^0.2.0",
+    "timeago.js": "4.0.2",
+    "i18next": "22.4.15",
+    "nprogress": "0.2.0",
     "@redocly/config": "0.12.0"
   },
   "scripts": {

package/src/components/Buttons/CopyButton.tsx

@@ -56,7 +56,7 @@ function CopyButtonComponent({
   return (
     <Tooltip
       className={`copy-button ${className ? className : ''}`}
-      tip={translate('theme.codeSnippet.copy.buttonText', toasterText || 'Copied!')}
+      tip={translate('codeSnippet.copy.buttonText', toasterText || 'Copied!')}
       isOpen={tooltip.isOpened}
       placement={toasterPlacement}
     >
@@ -68,7 +68,7 @@ function CopyButtonComponent({
         size="small"
         variant={variant}
       >
-        {type !== 'icon' && translate('theme.codeSnippet.copy.toasterText', buttonText || 'Copy')}
+        {type !== 'icon' && translate('codeSnippet.copy.toasterText', buttonText || 'Copy')}
       </Button>
     </Tooltip>
   );

package/src/components/Buttons/EditPageButton.tsx

@@ -22,8 +22,8 @@ export function EditPageButton({ to }: EditPageButtonProps): JSX.Element {
       onClick={() => telemetry.send('edit_page_link_clicked', {})}
     >
       <ButtonIcon />
-      <ButtonText data-translation-key="theme.markdown.editPage.text">
-        {translate('theme.markdown.editPage.text', 'Edit')}
+      <ButtonText data-translation-key="markdown.editPage.text">
+        {translate('markdown.editPage.text', 'Edit')}
       </ButtonText>
     </EditPageButtonWrapper>
   );

package/src/components/Catalog/CatalogActions.tsx

@@ -43,9 +43,9 @@ export function CatalogActions(props: CatalogActionsProps): JSX.Element {
           onOpenFilter();
           telemetry.send('catalog_actions_button_clicked', {});
         }}
-        data-translation-key="theme.catalog.filters.title"
+        data-translation-key="catalog.filters.title"
       >
-        {translate('theme.catalog.filters.title', 'Filters')}
+        {translate('catalog.filters.title', 'Filters')}
       </Button>
       {activeFilters > 0 ? <CounterTag borderless>{activeFilters}</CounterTag> : null}
     </CatalogActionsWrapper>

package/src/components/Feedback/Comment.tsx

@@ -53,12 +53,12 @@ export function Comment({
       <StateWrapper data-component-name="Feedback/Comment" className={className}>
         <StyledFormMandatoryFields>
           <Label
-            data-translation-key="theme.feedback.settings.comment.submitText"
+            data-translation-key="feedback.settings.comment.submitText"
             standAlone={standAlone}
           >
             {submitText ||
               translate(
-                'theme.feedback.settings.comment.submitText',
+                'feedback.settings.comment.submitText',
                 'Thank you for helping improve our documentation!',
               )}
           </Label>
@@ -75,30 +75,30 @@ export function Comment({
       className={className}
       style={standAlone ? { width: 'var(--feedback-report-dialog-width)' } : { width: 'auto' }}
     >
-      <Label data-translation-key="theme.feedback.settings.comment.label" standAlone={standAlone}>
+      <Label data-translation-key="feedback.settings.comment.label" standAlone={standAlone}>
         {label ||
-          translate('theme.feedback.settings.comment.label', 'Please share your feedback with us.')}
+          translate('feedback.settings.comment.label', 'Please share your feedback with us.')}
       </Label>
       <TextArea rows={3} onChange={handleTextAreaChange} />
       {standAlone && (
         <ButtonsContainer>
           {onCancel && (
             <Button
-              data-translation-key="theme.feedback.settings.comment.cancel"
+              data-translation-key="feedback.settings.comment.cancel"
               onClick={onCancel}
               variant="text"
               size="small"
             >
-              {translate('theme.feedback.settings.comment.cancel', 'Cancel')}
+              {translate('feedback.settings.comment.cancel', 'Cancel')}
             </Button>
           )}
           <Button
-            data-translation-key="theme.feedback.settings.comment.send"
+            data-translation-key="feedback.settings.comment.send"
             onClick={send}
             variant={isDialog ? 'primary' : 'secondary'}
             size="small"
           >
-            {translate('theme.feedback.settings.comment.send', 'Send')}
+            {translate('feedback.settings.comment.send', 'Send')}
           </Button>
         </ButtonsContainer>
       )}

package/src/components/Feedback/Mood.tsx

@@ -56,20 +56,20 @@ export function Mood({ settings, onSubmit, className }: MoodProps): JSX.Element
       case MOOD_STATES.SATISFIED:
         return (
           commentSettings.satisfiedLabel ||
-          translate('theme.feedback.settings.comment.satisfiedLabel', 'What was most helpful?')
+          translate('feedback.settings.comment.satisfiedLabel', 'What was most helpful?')
         );
       case MOOD_STATES.NEUTRAL:
         return (
           commentSettings.neutralLabel ||
-          translate('theme.feedback.settings.comment.neutralLabel', 'What can we improve?')
+          translate('feedback.settings.comment.neutralLabel', 'What can we improve?')
         );
       case MOOD_STATES.DISSATISFIED:
         return (
           commentSettings.dissatisfiedLabel ||
-          translate('theme.feedback.settings.comment.dissatisfiedLabel', 'What can we improve?')
+          translate('feedback.settings.comment.dissatisfiedLabel', 'What can we improve?')
         );
       default:
-        return translate('theme.feedback.settings.comment.satisfiedLabel', 'What can we improve?');
+        return translate('feedback.settings.comment.satisfiedLabel', 'What can we improve?');
     }
   };
 
@@ -101,10 +101,10 @@ export function Mood({ settings, onSubmit, className }: MoodProps): JSX.Element
     return (
       <MoodWrapper data-component-name="Feedback/Mood">
         <StyledFormMandatoryFields>
-          <Label data-translation-key="theme.feedback.settings.submitText">
+          <Label data-translation-key="feedback.settings.submitText">
             {submitText ||
               translate(
-                'theme.feedback.settings.submitText',
+                'feedback.settings.submitText',
                 'Thank you for helping improve our documentation!',
               )}
           </Label>
@@ -118,8 +118,8 @@ export function Mood({ settings, onSubmit, className }: MoodProps): JSX.Element
     <MoodWrapper data-component-name="Feedback/Mood" className={className}>
       <StyledForm>
         <StyledFormMandatoryFields>
-          <Label data-translation-key="theme.feedback.settings.label">
-            {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
+          <Label data-translation-key="feedback.settings.label">
+            {label || translate('feedback.settings.label', 'Was this helpful?')}
           </Label>
           <StyledMandatoryFieldContainer>
             <Button

package/src/components/Feedback/Rating.tsx

@@ -70,10 +70,10 @@ export function Rating({ settings, onSubmit, className }: RatingProps): JSX.Elem
     return (
       <RatingWrapper data-component-name="Feedback/Rating">
         <StyledFormMandatoryFields>
-          <Label data-translation-key="theme.feedback.settings.submitText">
+          <Label data-translation-key="feedback.settings.submitText">
             {submitText ||
               translate(
-                'theme.feedback.settings.submitText',
+                'feedback.settings.submitText',
                 'Thank you for helping improve our documentation!',
               )}
           </Label>
@@ -87,8 +87,8 @@ export function Rating({ settings, onSubmit, className }: RatingProps): JSX.Elem
     <RatingWrapper data-component-name="Feedback/Rating" className={className}>
       <StyledForm>
         <StyledFormMandatoryFields>
-          <Label data-translation-key="theme.feedback.settings.label">
-            {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
+          <Label data-translation-key="feedback.settings.label">
+            {label || translate('feedback.settings.label', 'Was this helpful?')}
           </Label>
 
           <StyledMandatoryFieldContainer>
@@ -117,7 +117,7 @@ export function Rating({ settings, onSubmit, className }: RatingProps): JSX.Elem
                   label:
                     commentSettings?.label ||
                     translate(
-                      'theme.feedback.settings.comment.label',
+                      'feedback.settings.comment.label',
                       'Please share your feedback with us.',
                     ),
                 }}

package/src/components/Feedback/Reasons.tsx

@@ -38,13 +38,13 @@ export function Reasons({ settings, onChange, className }: ReasonsProps): JSX.El
   return (
     <ReasonsWrapper
       data-component-name="Feedback/Reasons"
-      data-translation-key="theme.feedback.settings.reasons.label"
+      data-translation-key="feedback.settings.reasons.label"
       className={className}
     >
       <Label>
         {label ||
           translate(
-            'theme.feedback.settings.reasons.label',
+            'feedback.settings.reasons.label',
             'Which statement describes your thoughts about this page?',
           )}
       </Label>
@@ -58,11 +58,11 @@ export function Reasons({ settings, onChange, className }: ReasonsProps): JSX.El
             onChange={() => handleOptionChange(idx)}
           />
           <label
-            data-translation-key={`theme.feedback.settings.reasons.items.${idx + 1}`}
+            data-translation-key={`feedback.settings.reasons.items.${idx + 1}`}
             id={reason}
             onClick={() => handleOptionChange(idx)}
           >
-            {translate(`theme.feedback.settings.reasons.items.${idx + 1}`, reason)}
+            {translate(`feedback.settings.reasons.items.${idx + 1}`, reason)}
           </label>
         </OptionWrapper>
       ))}

package/src/components/Feedback/Scale.tsx

@@ -96,10 +96,10 @@ export function Scale({ settings, onSubmit, className }: ScaleProps): JSX.Elemen
   if (isSubmitted) {
     return (
       <ScaleWrapper data-component-name="Feedback/Scale">
-        <Label data-translation-key="theme.feedback.settings.submitText">
+        <Label data-translation-key="feedback.settings.submitText">
           {submitText ||
             translate(
-              'theme.feedback.settings.submitText',
+              'feedback.settings.submitText',
               'Thank you for helping improve our documentation!',
             )}
         </Label>
@@ -112,20 +112,20 @@ export function Scale({ settings, onSubmit, className }: ScaleProps): JSX.Elemen
     <ScaleWrapper data-component-name="Feedback/Scale" className={className}>
       <StyledForm>
         <StyledFormMandatoryFields>
-          <Label data-translation-key="theme.feedback.settings.label">
-            {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
+          <Label data-translation-key="feedback.settings.label">
+            {label || translate('feedback.settings.label', 'Was this helpful?')}
           </Label>
 
           <ScaleOptionsWrapper>{scaleOptions}</ScaleOptionsWrapper>
 
           <SubLabelContainer>
-            <SubLabel data-translation-key="theme.feedback.settings.leftScaleLabel">
+            <SubLabel data-translation-key="feedback.settings.leftScaleLabel">
               {leftScaleLabel ||
-                translate('theme.feedback.settings.leftScaleLabel', 'Not helpful at all')}
+                translate('feedback.settings.leftScaleLabel', 'Not helpful at all')}
             </SubLabel>
-            <SubLabel data-translation-key="theme.feedback.settings.rightScaleLabel">
+            <SubLabel data-translation-key="feedback.settings.rightScaleLabel">
               {rightScaleLabel ||
-                translate('theme.feedback.settings.rightScaleLabel', 'Extremely helpful')}
+                translate('feedback.settings.rightScaleLabel', 'Extremely helpful')}
             </SubLabel>
           </SubLabelContainer>
         </StyledFormMandatoryFields>
@@ -149,7 +149,7 @@ export function Scale({ settings, onSubmit, className }: ScaleProps): JSX.Elemen
                 label:
                   commentSettings?.label ||
                   translate(
-                    'theme.feedback.settings.comment.label',
+                    'feedback.settings.comment.label',
                     'Please share your feedback with us.',
                   ),
               }}
@@ -159,21 +159,21 @@ export function Scale({ settings, onSubmit, className }: ScaleProps): JSX.Elemen
         {displaySubmitBnt && (
           <ButtonsContainer>
             <Button
-              data-translation-key="theme.feedback.settings.comment.cancel"
+              data-translation-key="feedback.settings.comment.cancel"
               onClick={handleCancel}
               variant="text"
               size="small"
             >
-              {translate('theme.feedback.settings.comment.cancel', 'Cancel')}
+              {translate('feedback.settings.comment.cancel', 'Cancel')}
             </Button>
 
             <Button
-              data-translation-key="theme.feedback.settings.scale.send"
+              data-translation-key="feedback.settings.scale.send"
               onClick={onSubmitScaleForm}
               variant="secondary"
               size="small"
             >
-              {translate('theme.feedback.settings.scale.send', 'Submit')}
+              {translate('feedback.settings.scale.send', 'Submit')}
             </Button>
           </ButtonsContainer>
         )}

package/src/components/Feedback/Sentiment.tsx

@@ -48,9 +48,9 @@ export function Sentiment({ settings, onSubmit, className }: SentimentProps): JS
   const commentLabel =
     score === 1
       ? (commentSettings && commentSettings.likeLabel) ||
-        translate('theme.feedback.settings.comment.likeLabel', 'What was most helpful?')
+        translate('feedback.settings.comment.likeLabel', 'What was most helpful?')
       : (commentSettings && commentSettings.dislikeLabel) ||
-        translate('theme.feedback.settings.comment.dislikeLabel', 'What can we improve?');
+        translate('feedback.settings.comment.dislikeLabel', 'What can we improve?');
 
   const onSubmitSentimentForm = () => {
     onSubmit({
@@ -76,10 +76,10 @@ export function Sentiment({ settings, onSubmit, className }: SentimentProps): JS
     return (
       <SentimentWrapper data-component-name="Feedback/Sentiment">
         <StyledFormMandatoryFields>
-          <Label data-translation-key="theme.feedback.settings.submitText">
+          <Label data-translation-key="feedback.settings.submitText">
             {submitText ||
               translate(
-                'theme.feedback.settings.submitText',
+                'feedback.settings.submitText',
                 'Thank you for helping improve our documentation!',
               )}
           </Label>
@@ -93,8 +93,8 @@ export function Sentiment({ settings, onSubmit, className }: SentimentProps): JS
     <SentimentWrapper data-component-name="Feedback/Sentiment" className={className}>
       <StyledForm>
         <StyledFormMandatoryFields>
-          <Label data-translation-key="theme.feedback.settings.label">
-            {label || translate('theme.feedback.settings.label', 'Was this helpful?')}
+          <Label data-translation-key="feedback.settings.label">
+            {label || translate('feedback.settings.label', 'Was this helpful?')}
           </Label>
 
           <StyledMandatoryFieldContainer>

package/src/components/Filter/FilterContent.tsx

@@ -42,12 +42,12 @@ export function FilterContent({
   return (
     <FilterContentWrapper data-component-name="Filter/FilterContent">
       <FiltersHeader>
-        <FiltersTitle data-translation-key="theme.catalog.filters.title">
-          {translate('theme.catalog.filters.title', 'Filters')}
+        <FiltersTitle data-translation-key="catalog.filters.title">
+          {translate('catalog.filters.title', 'Filters')}
         </FiltersTitle>
         {hasActiveFilters ? (
           <Button size="medium" tone="danger" variant="ghost" onClick={handleClearAll}>
-            {translate('theme.catalog.filters.clearAll', 'Clear filters')}
+            {translate('catalog.filters.clearAll', 'Clear filters')}
           </Button>
         ) : null}
       </FiltersHeader>

package/src/components/Filter/FilterInput.tsx

@@ -21,7 +21,7 @@ export function FilterInput(props: FilterInputProps): JSX.Element {
       <Input
         value={value}
         onChange={(e) => onChange(e.target.value)}
-        placeholder={translate('theme.catalog.filters.placeholder', 'Type to filter...')}
+        placeholder={translate('catalog.filters.placeholder', 'Type to filter...')}
       />
     </InputWrapper>
   );

package/src/components/Filter/FilterPopover.tsx

@@ -29,11 +29,11 @@ export function FilterPopover({
   return (
     <FilterPopoverWrapper data-component-name="Filter/FilterPopover">
       <FilterPopoverHeader>
-        <FilterPopoverHeaderLabel data-translation-key="theme.catalog.filters.add">
-          {translate('theme.catalog.filters.add', 'Add Filter')}
+        <FilterPopoverHeaderLabel data-translation-key="catalog.filters.add">
+          {translate('catalog.filters.add', 'Add Filter')}
         </FilterPopoverHeaderLabel>
         <FilterPopoverHeaderButton onClick={onClose}>
-          {translate('theme.catalog.filters.done', 'Done')}
+          {translate('catalog.filters.done', 'Done')}
         </FilterPopoverHeaderButton>
       </FilterPopoverHeader>
       <FilterContent

package/src/components/Filter/FilterSelect.tsx

@@ -24,8 +24,8 @@ export function FilterSelect({ filter, filterValuesCasing }: FilterProps): JSX.E
       value: '',
       element: (
         <FilterOption key="all" onClick={() => filter.selectOption('')}>
-          <FilterOptionLabel data-translation-key="theme.catalog.filters.select.all">
-            {translate('theme.catalog.filters.select.all', 'All')}
+          <FilterOptionLabel data-translation-key="catalog.filters.select.all">
+            {translate('catalog.filters.select.all', 'All')}
           </FilterOptionLabel>
           <CounterTag borderless>{defaultOptionCount}</CounterTag>
         </FilterOption>

package/src/components/Footer/FooterCopyright.tsx

@@ -21,10 +21,10 @@ export function FooterCopyright({
     <FooterCopyrightWrapper
       className={className}
       data-component-name="Footer/FooterCopyright"
-      data-translation-key="theme.footer.copyrightText"
+      data-translation-key="footer.copyrightText"
     >
-      <FooterCopyrightLabel data-translation-key="theme.footer.copyrightText">
-        {translate('theme.footer.copyrightText', copyrightText)}
+      <FooterCopyrightLabel data-translation-key="footer.copyrightText">
+        {translate('footer.copyrightText', copyrightText)}
       </FooterCopyrightLabel>
       <LanguagePicker onChangeLanguage={changeLanguage} placement="top" alignment="end" />
     </FooterCopyrightWrapper>

package/src/components/LastUpdated/LastUpdated.tsx

@@ -41,8 +41,7 @@ export function LastUpdated(props: LastUpdatedProps): JSX.Element | null {
   const isoDate = lastModified.toISOString().split('T')[0];
 
   const lastUpdatedString = FORMATS[format as keyof typeof FORMATS](lastModified, locale);
-  const translationKey =
-    format === 'timeago' ? 'theme.page.lastUpdated.timeago' : 'theme.page.lastUpdated.on';
+  const translationKey = format === 'timeago' ? 'page.lastUpdated.timeago' : 'page.lastUpdated.on';
 
   const text =
     format === 'timeago'

package/src/components/PageNavigation/NextButton.tsx

@@ -23,7 +23,7 @@ export function NextButton({ nextPage, className }: NextPageType): JSX.Element {
 
   const nextPageText = nextPage.label || nextPage.routeSlug || '';
   const defaultLabel = navigation?.nextButton?.text || 'Next page';
-  const translationKey = 'theme.page.nextButton';
+  const translationKey = 'page.nextButton';
   const label = translate(translationKey, { defaultValue: defaultLabel });
 
   return (

package/src/components/PageNavigation/PreviousButton.tsx

@@ -23,7 +23,7 @@ export function PreviousButton({ prevPage, className }: PreviousPageType): JSX.E
 
   const prevPageText = prevPage.label || prevPage.routeSlug || '';
   const defaultLabel = navigation?.previousButton?.text || 'Previous page';
-  const translationKey = 'theme.page.previousButton';
+  const translationKey = 'page.previousButton';
   const label = translate(translationKey, { defaultValue: defaultLabel });
 
   return (

package/src/components/Product/ProductPicker.tsx

@@ -31,8 +31,8 @@ export function ProductPicker(): JSX.Element | null {
           {currentProduct ? (
             <Product product={currentProduct} />
           ) : (
-            <span data-translation-key="theme.navbar.products">
-              {translate('theme.navbar.products', 'Products')}
+            <span data-translation-key="navbar.products">
+              {translate('navbar.products', 'Products')}
             </span>
           )}
         </Button>

package/src/components/Search/FilterFields/SearchFilterFieldSelect.tsx

@@ -93,7 +93,7 @@ export function SearchFilterFieldSelect({
       options={selectOptions}
       onChange={onChange}
       placeholder={`${translate(
-        'theme.search.filter.field.placeholder',
+        'search.filter.field.placeholder',
         'Search',
       )} ${facet.name.toLowerCase()}...`}
       alignment="start"