@redocly/theme 0.43.0 → 0.44.1

package/lib/components/Buttons/CopyButton.js

@@ -46,8 +46,8 @@ function CopyButtonComponent({ data, type = 'icon', toasterPlacement = 'top', to
         showTooltip(duration);
         onCopyClick === null || onCopyClick === void 0 ? void 0 : onCopyClick(e);
     };
-    return (react_1.default.createElement(Tooltip_1.Tooltip, { className: `copy-button ${className ? className : ''}`, tip: translate('theme.codeSnippet.copy.buttonText', toasterText || 'Copied!'), isOpen: tooltip.isOpened, placement: toasterPlacement },
-        react_1.default.createElement(Button_1.Button, { "data-component-name": "Buttons/CopyButton", onClick: (e) => copy(e, toasterDuration), "data-testid": dataTestId, icon: type === 'icon' ? react_1.default.createElement(CopyIcon_1.CopyIcon, null) : undefined, size: "small", variant: variant }, type !== 'icon' && translate('theme.codeSnippet.copy.toasterText', buttonText || 'Copy'))));
+    return (react_1.default.createElement(Tooltip_1.Tooltip, { className: `copy-button ${className ? className : ''}`, tip: translate('codeSnippet.copy.buttonText', toasterText || 'Copied!'), isOpen: tooltip.isOpened, placement: toasterPlacement },
+        react_1.default.createElement(Button_1.Button, { "data-component-name": "Buttons/CopyButton", onClick: (e) => copy(e, toasterDuration), "data-testid": dataTestId, icon: type === 'icon' ? react_1.default.createElement(CopyIcon_1.CopyIcon, null) : undefined, size: "small", variant: variant }, type !== 'icon' && translate('codeSnippet.copy.toasterText', buttonText || 'Copy'))));
 }
 exports.CopyButton = (0, react_1.memo)(CopyButtonComponent);
 //# sourceMappingURL=CopyButton.js.map

package/lib/components/Buttons/EditPageButton.js

@@ -15,7 +15,7 @@ function EditPageButton({ to }) {
     const telemetry = useTelemetry();
     return (react_1.default.createElement(EditPageButtonWrapper, { "data-component-name": "Buttons/EditPageButton", target: "_blank", to: to, onClick: () => telemetry.send('edit_page_link_clicked', {}) },
         react_1.default.createElement(ButtonIcon, null),
-        react_1.default.createElement(ButtonText, { "data-translation-key": "theme.markdown.editPage.text" }, translate('theme.markdown.editPage.text', 'Edit'))));
+        react_1.default.createElement(ButtonText, { "data-translation-key": "markdown.editPage.text" }, translate('markdown.editPage.text', 'Edit'))));
 }
 exports.EditPageButton = EditPageButton;
 const EditPageButtonWrapper = (0, styled_components_1.default)(Link_1.Link) `

package/lib/components/Catalog/CatalogActions.js

@@ -52,7 +52,7 @@ function CatalogActions(props) {
         React.createElement(Button_1.Button, { variant: "ghost", size: "small", icon: React.createElement(FilterIcon_1.FilterIcon, null), iconPosition: "left", onClick: () => {
                 onOpenFilter();
                 telemetry.send('catalog_actions_button_clicked', {});
-            }, "data-translation-key": "theme.catalog.filters.title" }, translate('theme.catalog.filters.title', 'Filters')),
+            }, "data-translation-key": "catalog.filters.title" }, translate('catalog.filters.title', 'Filters')),
         activeFilters > 0 ? React.createElement(CounterTag_1.CounterTag, { borderless: true }, activeFilters) : null));
 }
 exports.CatalogActions = CatalogActions;

package/lib/components/CodeBlock/CodeBlockControls.js

@@ -39,9 +39,9 @@ function CodeBlockControls({ children, className, title, controls, tabs, }) {
             select ? (react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "select-all", icon: controlsType === 'icon' ? react_1.default.createElement(SelectIcon_1.SelectIcon, null) : undefined, onClick: select === null || select === void 0 ? void 0 : select.onClick }, controlsType !== 'icon' && (select === null || select === void 0 ? void 0 : select.label) ? select.label : 'Select all')) : null,
             deselect ? (react_1.default.createElement(ControlButton, { variant: "text", size: "small", "data-testid": "clear-all", icon: controlsType === 'icon' ? react_1.default.createElement(DeselectIcon_1.DeselectIcon, null) : undefined, onClick: deselect === null || deselect === void 0 ? void 0 : deselect.onClick }, controlsType !== 'icon' && (deselect === null || deselect === void 0 ? void 0 : deselect.label) ? deselect.label : 'Clear all')) : null,
             copy && !((_e = codeSnippet === null || codeSnippet === void 0 ? void 0 : codeSnippet.copy) === null || _e === void 0 ? void 0 : _e.hide) ? (react_1.default.createElement(CopyButton_1.CopyButton, { data: copy.data, "data-source": copy.dataSource, "data-hash": copy.dataHash, type: controlsType, toasterPlacement: copy.toasterPlacement, toasterDuration: copy.toasterDuration, buttonText: copy.label, onCopyClick: () => {
-                    var _a;
-                    copy === null || copy === void 0 ? void 0 : copy.onClick;
-                    (_a = telemetry === null || telemetry === void 0 ? void 0 : telemetry.send) === null || _a === void 0 ? void 0 : _a.call(telemetry, 'code_snippet_copied', {});
+                    var _a, _b;
+                    (_a = copy === null || copy === void 0 ? void 0 : copy.onClick) === null || _a === void 0 ? void 0 : _a.call(copy);
+                    (_b = telemetry === null || telemetry === void 0 ? void 0 : telemetry.send) === null || _b === void 0 ? void 0 : _b.call(telemetry, 'code_snippet_copied', {});
                 } })) : null))) : null;
     return children || controls ? (react_1.default.createElement(ContainerWrapper, { "data-component-name": "CodeBlock/CodeBlockControls", className: className }, children ? children : defaultControls)) : null;
 }

package/lib/components/Feedback/Comment.js

@@ -53,17 +53,17 @@ function Comment({ settings, onSubmit, onCancel, className, standAlone = true, i
     if (submitValue) {
         return (react_1.default.createElement(StateWrapper, { "data-component-name": "Feedback/Comment", className: className },
             react_1.default.createElement(StyledFormMandatoryFields, null,
-                react_1.default.createElement(Label, { "data-translation-key": "theme.feedback.settings.comment.submitText", standAlone: standAlone }, submitText ||
-                    translate('theme.feedback.settings.comment.submitText', 'Thank you for helping improve our documentation!')),
+                react_1.default.createElement(Label, { "data-translation-key": "feedback.settings.comment.submitText", standAlone: standAlone }, submitText ||
+                    translate('feedback.settings.comment.submitText', 'Thank you for helping improve our documentation!')),
                 react_1.default.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null))));
     }
     return (react_1.default.createElement(CommentWrapper, { ref: modalRef, "data-component-name": "Feedback/Comment", className: className, style: standAlone ? { width: 'var(--feedback-report-dialog-width)' } : { width: 'auto' } },
-        react_1.default.createElement(Label, { "data-translation-key": "theme.feedback.settings.comment.label", standAlone: standAlone }, label ||
-            translate('theme.feedback.settings.comment.label', 'Please share your feedback with us.')),
+        react_1.default.createElement(Label, { "data-translation-key": "feedback.settings.comment.label", standAlone: standAlone }, label ||
+            translate('feedback.settings.comment.label', 'Please share your feedback with us.')),
         react_1.default.createElement(TextArea, { rows: 3, onChange: handleTextAreaChange }),
         standAlone && (react_1.default.createElement(ButtonsContainer, null,
-            onCancel && (react_1.default.createElement(Button_1.Button, { "data-translation-key": "theme.feedback.settings.comment.cancel", onClick: onCancel, variant: "text", size: "small" }, translate('theme.feedback.settings.comment.cancel', 'Cancel'))),
-            react_1.default.createElement(Button_1.Button, { "data-translation-key": "theme.feedback.settings.comment.send", onClick: send, variant: isDialog ? 'primary' : 'secondary', size: "small" }, translate('theme.feedback.settings.comment.send', 'Send'))))));
+            onCancel && (react_1.default.createElement(Button_1.Button, { "data-translation-key": "feedback.settings.comment.cancel", onClick: onCancel, variant: "text", size: "small" }, translate('feedback.settings.comment.cancel', 'Cancel'))),
+            react_1.default.createElement(Button_1.Button, { "data-translation-key": "feedback.settings.comment.send", onClick: send, variant: isDialog ? 'primary' : 'secondary', size: "small" }, translate('feedback.settings.comment.send', 'Send'))))));
 }
 exports.Comment = Comment;
 const StyledFormMandatoryFields = styled_components_1.default.div `

package/lib/components/Feedback/Mood.js

@@ -58,15 +58,15 @@ function Mood({ settings, onSubmit, className }) {
         switch (score) {
             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?');
         }
     };
     const displayReasons = !!(score && reasonsSettings && !reasonsSettings.hide);
@@ -92,14 +92,14 @@ function Mood({ settings, onSubmit, className }) {
     if (isSubmitted) {
         return (React.createElement(MoodWrapper, { "data-component-name": "Feedback/Mood" },
             React.createElement(StyledFormMandatoryFields, null,
-                React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
-                    translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
+                React.createElement(Label, { "data-translation-key": "feedback.settings.submitText" }, submitText ||
+                    translate('feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
                 React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null))));
     }
     return (React.createElement(MoodWrapper, { "data-component-name": "Feedback/Mood", className: className },
         React.createElement(StyledForm, null,
             React.createElement(StyledFormMandatoryFields, null,
-                React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
+                React.createElement(Label, { "data-translation-key": "feedback.settings.label" }, label || translate('feedback.settings.label', 'Was this helpful?')),
                 React.createElement(StyledMandatoryFieldContainer, null,
                     React.createElement(Button_1.Button, { type: "button", size: "medium", variant: score === MOOD_STATES.DISSATISFIED ? 'primary' : 'secondary', tone: score === MOOD_STATES.DISSATISFIED ? 'danger' : 'default', onClick: () => {
                             setScore(MOOD_STATES.DISSATISFIED);

package/lib/components/Feedback/Rating.js

@@ -69,14 +69,14 @@ function Rating({ settings, onSubmit, className }) {
     if (isSubmitted) {
         return (React.createElement(RatingWrapper, { "data-component-name": "Feedback/Rating" },
             React.createElement(StyledFormMandatoryFields, null,
-                React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
-                    translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
+                React.createElement(Label, { "data-translation-key": "feedback.settings.submitText" }, submitText ||
+                    translate('feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
                 React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null))));
     }
     return (React.createElement(RatingWrapper, { "data-component-name": "Feedback/Rating", className: className },
         React.createElement(StyledForm, null,
             React.createElement(StyledFormMandatoryFields, null,
-                React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
+                React.createElement(Label, { "data-translation-key": "feedback.settings.label" }, label || translate('feedback.settings.label', 'Was this helpful?')),
                 React.createElement(StyledMandatoryFieldContainer, null,
                     React.createElement(Stars_1.Stars, { max: exports.FEEDBACK_MAX_RATING, onChange: setScore, value: score }))),
             (displayReasons || displayComment) && (React.createElement(StyledFormOptionalFields, null,
@@ -87,7 +87,7 @@ function Rating({ settings, onSubmit, className }) {
                     }, onChange: setReasons })),
                 displayComment && (React.createElement(Comment_1.Comment, { standAlone: false, onSubmit: ({ comment }) => setComment(comment), settings: {
                         label: (commentSettings === null || commentSettings === void 0 ? void 0 : commentSettings.label) ||
-                            translate('theme.feedback.settings.comment.label', 'Please share your feedback with us.'),
+                            translate('feedback.settings.comment.label', 'Please share your feedback with us.'),
                     } })))),
             displaySubmitBnt && (React.createElement(ButtonsContainer, null,
                 React.createElement(Button_1.Button, { onClick: onCancelRatingForm, variant: "text", size: "small" }, "Cancel"),

package/lib/components/Feedback/Reasons.js

@@ -46,12 +46,12 @@ function Reasons({ settings, onChange, className }) {
         setCheckedState(updatedCheckedState);
         onChange(items.filter((_, index) => !!updatedCheckedState[index]));
     };
-    return (React.createElement(ReasonsWrapper, { "data-component-name": "Feedback/Reasons", "data-translation-key": "theme.feedback.settings.reasons.label", className: className },
+    return (React.createElement(ReasonsWrapper, { "data-component-name": "Feedback/Reasons", "data-translation-key": "feedback.settings.reasons.label", className: className },
         React.createElement(Label, null, label ||
-            translate('theme.feedback.settings.reasons.label', 'Which statement describes your thoughts about this page?')),
+            translate('feedback.settings.reasons.label', 'Which statement describes your thoughts about this page?')),
         items.map((reason, idx) => (React.createElement(OptionWrapper, { key: reason },
             React.createElement("input", { type: input_type, value: reason, checked: checkedState[idx], name: "reasons", onChange: () => handleOptionChange(idx) }),
-            React.createElement("label", { "data-translation-key": `theme.feedback.settings.reasons.items.${idx + 1}`, id: reason, onClick: () => handleOptionChange(idx) }, translate(`theme.feedback.settings.reasons.items.${idx + 1}`, reason)))))));
+            React.createElement("label", { "data-translation-key": `feedback.settings.reasons.items.${idx + 1}`, id: reason, onClick: () => handleOptionChange(idx) }, translate(`feedback.settings.reasons.items.${idx + 1}`, reason)))))));
 }
 exports.Reasons = Reasons;
 const ReasonsWrapper = styled_components_1.default.div `

package/lib/components/Feedback/Scale.js

@@ -74,20 +74,20 @@ function Scale({ settings, onSubmit, className }) {
     }, [score, displayComment, displayReasons]);
     if (isSubmitted) {
         return (React.createElement(ScaleWrapper, { "data-component-name": "Feedback/Scale" },
-            React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
-                translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
+            React.createElement(Label, { "data-translation-key": "feedback.settings.submitText" }, submitText ||
+                translate('feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
             React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null)));
     }
     return (React.createElement(ScaleWrapper, { "data-component-name": "Feedback/Scale", className: className },
         React.createElement(StyledForm, null,
             React.createElement(StyledFormMandatoryFields, null,
-                React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
+                React.createElement(Label, { "data-translation-key": "feedback.settings.label" }, label || translate('feedback.settings.label', 'Was this helpful?')),
                 React.createElement(ScaleOptionsWrapper, null, scaleOptions),
                 React.createElement(SubLabelContainer, null,
-                    React.createElement(SubLabel, { "data-translation-key": "theme.feedback.settings.leftScaleLabel" }, leftScaleLabel ||
-                        translate('theme.feedback.settings.leftScaleLabel', 'Not helpful at all')),
-                    React.createElement(SubLabel, { "data-translation-key": "theme.feedback.settings.rightScaleLabel" }, rightScaleLabel ||
-                        translate('theme.feedback.settings.rightScaleLabel', 'Extremely helpful')))),
+                    React.createElement(SubLabel, { "data-translation-key": "feedback.settings.leftScaleLabel" }, leftScaleLabel ||
+                        translate('feedback.settings.leftScaleLabel', 'Not helpful at all')),
+                    React.createElement(SubLabel, { "data-translation-key": "feedback.settings.rightScaleLabel" }, rightScaleLabel ||
+                        translate('feedback.settings.rightScaleLabel', 'Extremely helpful')))),
             React.createElement(StyledFormOptionalFields, null,
                 displayReasons && (React.createElement(Reasons_1.Reasons, { settings: {
                         label: reasonsSettings === null || reasonsSettings === void 0 ? void 0 : reasonsSettings.label,
@@ -96,11 +96,11 @@ function Scale({ settings, onSubmit, className }) {
                     }, onChange: setReasons })),
                 displayComment && (React.createElement(Comment_1.Comment, { standAlone: false, onSubmit: ({ comment }) => setComment(comment), settings: {
                         label: (commentSettings === null || commentSettings === void 0 ? void 0 : commentSettings.label) ||
-                            translate('theme.feedback.settings.comment.label', 'Please share your feedback with us.'),
+                            translate('feedback.settings.comment.label', 'Please share your feedback with us.'),
                     } }))),
             displaySubmitBnt && (React.createElement(ButtonsContainer, null,
-                React.createElement(Button_1.Button, { "data-translation-key": "theme.feedback.settings.comment.cancel", onClick: handleCancel, variant: "text", size: "small" }, translate('theme.feedback.settings.comment.cancel', 'Cancel')),
-                React.createElement(Button_1.Button, { "data-translation-key": "theme.feedback.settings.scale.send", onClick: onSubmitScaleForm, variant: "secondary", size: "small" }, translate('theme.feedback.settings.scale.send', 'Submit')))))));
+                React.createElement(Button_1.Button, { "data-translation-key": "feedback.settings.comment.cancel", onClick: handleCancel, variant: "text", size: "small" }, translate('feedback.settings.comment.cancel', 'Cancel')),
+                React.createElement(Button_1.Button, { "data-translation-key": "feedback.settings.scale.send", onClick: onSubmitScaleForm, variant: "secondary", size: "small" }, translate('feedback.settings.scale.send', 'Submit')))))));
 }
 exports.Scale = Scale;
 const ScaleWrapper = styled_components_1.default.div `

package/lib/components/Feedback/Sentiment.js

@@ -50,9 +50,9 @@ function Sentiment({ settings, onSubmit, className }) {
     const displaySubmitBnt = !!(score && (displayReasons || displayComment));
     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({
             score,
@@ -73,14 +73,14 @@ function Sentiment({ settings, onSubmit, className }) {
     if (isSubmitted) {
         return (React.createElement(SentimentWrapper, { "data-component-name": "Feedback/Sentiment" },
             React.createElement(StyledFormMandatoryFields, null,
-                React.createElement(Label, { "data-translation-key": "theme.feedback.settings.submitText" }, submitText ||
-                    translate('theme.feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
+                React.createElement(Label, { "data-translation-key": "feedback.settings.submitText" }, submitText ||
+                    translate('feedback.settings.submitText', 'Thank you for helping improve our documentation!')),
                 React.createElement(RadioCheckButtonIcon_1.RadioCheckButtonIcon, null))));
     }
     return (React.createElement(SentimentWrapper, { "data-component-name": "Feedback/Sentiment", className: className },
         React.createElement(StyledForm, null,
             React.createElement(StyledFormMandatoryFields, null,
-                React.createElement(Label, { "data-translation-key": "theme.feedback.settings.label" }, label || translate('theme.feedback.settings.label', 'Was this helpful?')),
+                React.createElement(Label, { "data-translation-key": "feedback.settings.label" }, label || translate('feedback.settings.label', 'Was this helpful?')),
                 React.createElement(StyledMandatoryFieldContainer, null,
                     React.createElement(Button_1.Button, { type: "button", size: "medium", variant: score === 1 ? 'primary' : 'secondary', onClick: () => {
                             setScore(1);

package/lib/components/Filter/FilterContent.js

@@ -29,8 +29,8 @@ function FilterContent({ setFilterTerm, filters, filterTerm, filterValuesCasing,
     };
     return (react_1.default.createElement(FilterContentWrapper, { "data-component-name": "Filter/FilterContent" },
         react_1.default.createElement(FiltersHeader, null,
-            react_1.default.createElement(FiltersTitle, { "data-translation-key": "theme.catalog.filters.title" }, translate('theme.catalog.filters.title', 'Filters')),
-            hasActiveFilters ? (react_1.default.createElement(Button_1.Button, { size: "medium", tone: "danger", variant: "ghost", onClick: handleClearAll }, translate('theme.catalog.filters.clearAll', 'Clear filters'))) : null),
+            react_1.default.createElement(FiltersTitle, { "data-translation-key": "catalog.filters.title" }, translate('catalog.filters.title', 'Filters')),
+            hasActiveFilters ? (react_1.default.createElement(Button_1.Button, { size: "medium", tone: "danger", variant: "ghost", onClick: handleClearAll }, translate('catalog.filters.clearAll', 'Clear filters'))) : null),
         react_1.default.createElement(FilterInput_1.FilterInput, { value: filterTerm, onChange: (updatedTerm) => setFilterTerm(updatedTerm) }),
         react_1.default.createElement(FilterItems, null, filters.map((filter, idx) => (react_1.default.createElement(Filter_1.Filter, { filter: filter, key: filter.property + '-' + idx, filterValuesCasing: filterValuesCasing }))))));
 }

package/lib/components/Filter/FilterInput.js

@@ -14,7 +14,7 @@ function FilterInput(props) {
     const { translate } = useTranslate();
     return (react_1.default.createElement(InputWrapper, { "data-component-name": "Filter/FilterInput" },
         react_1.default.createElement(InputIcon, null),
-        react_1.default.createElement(Input, { value: value, onChange: (e) => onChange(e.target.value), placeholder: translate('theme.catalog.filters.placeholder', 'Type to filter...') })));
+        react_1.default.createElement(Input, { value: value, onChange: (e) => onChange(e.target.value), placeholder: translate('catalog.filters.placeholder', 'Type to filter...') })));
 }
 exports.FilterInput = FilterInput;
 const InputWrapper = styled_components_1.default.div `

package/lib/components/Filter/FilterPopover.js

@@ -14,8 +14,8 @@ function FilterPopover({ onClose, filters, filterValuesCasing, filterTerm, setFi
     const { translate } = useTranslate();
     return (react_1.default.createElement(FilterPopoverWrapper, { "data-component-name": "Filter/FilterPopover" },
         react_1.default.createElement(FilterPopoverHeader, null,
-            react_1.default.createElement(FilterPopoverHeaderLabel, { "data-translation-key": "theme.catalog.filters.add" }, translate('theme.catalog.filters.add', 'Add Filter')),
-            react_1.default.createElement(FilterPopoverHeaderButton, { onClick: onClose }, translate('theme.catalog.filters.done', 'Done'))),
+            react_1.default.createElement(FilterPopoverHeaderLabel, { "data-translation-key": "catalog.filters.add" }, translate('catalog.filters.add', 'Add Filter')),
+            react_1.default.createElement(FilterPopoverHeaderButton, { onClick: onClose }, translate('catalog.filters.done', 'Done'))),
         react_1.default.createElement(FilterContent_1.FilterContent, { setFilterTerm: setFilterTerm, filters: filters, filterTerm: filterTerm, filterValuesCasing: filterValuesCasing })));
 }
 exports.FilterPopover = FilterPopover;

package/lib/components/Filter/FilterSelect.js

@@ -23,7 +23,7 @@ function FilterSelect({ filter, filterValuesCasing }) {
         {
             value: '',
             element: (react_1.default.createElement(FilterOption_1.FilterOption, { key: "all", onClick: () => filter.selectOption('') },
-                react_1.default.createElement(FilterOptionLabel_1.FilterOptionLabel, { "data-translation-key": "theme.catalog.filters.select.all" }, translate('theme.catalog.filters.select.all', 'All')),
+                react_1.default.createElement(FilterOptionLabel_1.FilterOptionLabel, { "data-translation-key": "catalog.filters.select.all" }, translate('catalog.filters.select.all', 'All')),
                 react_1.default.createElement(CounterTag_1.CounterTag, { borderless: true }, defaultOptionCount))),
         },
         ...filter.filteredOptions.map((option) => ({

package/lib/components/Footer/FooterCopyright.js

@@ -12,8 +12,8 @@ function FooterCopyright({ copyrightText = '', className, }) {
     const { useTranslate, useL10n } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
     const { changeLanguage } = useL10n();
-    return copyrightText ? (react_1.default.createElement(FooterCopyrightWrapper, { className: className, "data-component-name": "Footer/FooterCopyright", "data-translation-key": "theme.footer.copyrightText" },
-        react_1.default.createElement(FooterCopyrightLabel, { "data-translation-key": "theme.footer.copyrightText" }, translate('theme.footer.copyrightText', copyrightText)),
+    return copyrightText ? (react_1.default.createElement(FooterCopyrightWrapper, { className: className, "data-component-name": "Footer/FooterCopyright", "data-translation-key": "footer.copyrightText" },
+        react_1.default.createElement(FooterCopyrightLabel, { "data-translation-key": "footer.copyrightText" }, translate('footer.copyrightText', copyrightText)),
         react_1.default.createElement(LanguagePicker_1.LanguagePicker, { onChangeLanguage: changeLanguage, placement: "top", alignment: "end" }))) : null;
 }
 exports.FooterCopyright = FooterCopyright;

package/lib/components/Image/Image.js

@@ -12,7 +12,7 @@ function Image(props) {
     const parsedSourceSetMap = react_1.default.useMemo(() => {
         return srcSet ? (0, utils_1.parseSrcSet)(srcSet) : new Map();
     }, [srcSet]);
-    return (react_1.default.createElement(react_1.default.Fragment, null, src ? (react_1.default.createElement("img", { src: src, alt: alt, className: className })) : (Array.from(parsedSourceSetMap).map(([key, value]) => (react_1.default.createElement(ColorModeAwareImage, { key: key, colorMode: key, src: value, alt: alt }))))));
+    return (react_1.default.createElement(react_1.default.Fragment, null, src ? (react_1.default.createElement("img", { src: src, alt: alt, className: className })) : (Array.from(parsedSourceSetMap).map(([key, value]) => (react_1.default.createElement(ColorModeAwareImage, { key: key, colorMode: key, src: value, alt: alt, className: className }))))));
 }
 exports.Image = Image;
 const ColorModeAwareImage = styled_components_1.default.img `

package/lib/components/LastUpdated/LastUpdated.js

@@ -53,7 +53,7 @@ function LastUpdated(props) {
         (currentLocale !== constants_1.DEFAULT_LOCALE_PLACEHOLDER ? currentLocale || 'en-US' : 'en-US');
     const isoDate = lastModified.toISOString().split('T')[0];
     const lastUpdatedString = FORMATS[format](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'
         ? translate(translationKey, 'Last updated') + ' '
         : translate(translationKey, 'Last updated on');

package/lib/components/PageNavigation/NextButton.js

@@ -42,7 +42,7 @@ function NextButton({ nextPage, className }) {
     }
     const nextPageText = nextPage.label || nextPage.routeSlug || '';
     const defaultLabel = ((_b = navigation === null || navigation === void 0 ? void 0 : navigation.nextButton) === null || _b === void 0 ? void 0 : _b.text) || 'Next page';
-    const translationKey = 'theme.page.nextButton';
+    const translationKey = 'page.nextButton';
     const label = translate(translationKey, { defaultValue: defaultLabel });
     return (React.createElement(NextButtonWrapper, { "data-component-name": "PageNavigation/NextButton", "data-translation-key": translationKey },
         React.createElement(NextPageLabel, null, label),

package/lib/components/PageNavigation/PreviousButton.js

@@ -19,7 +19,7 @@ function PreviousButton({ prevPage, className }) {
     }
     const prevPageText = prevPage.label || prevPage.routeSlug || '';
     const defaultLabel = ((_b = navigation === null || navigation === void 0 ? void 0 : navigation.previousButton) === null || _b === void 0 ? void 0 : _b.text) || 'Previous page';
-    const translationKey = 'theme.page.previousButton';
+    const translationKey = 'page.previousButton';
     const label = translate(translationKey, { defaultValue: defaultLabel });
     return (react_1.default.createElement(PreviousButtonWrapper, { "data-component-name": "PageNavigation/PreviousButton", "data-translation-key": translationKey },
         react_1.default.createElement(PreviousPageLabel, null, label),

package/lib/components/Product/ProductPicker.js

@@ -25,7 +25,7 @@ function ProductPicker() {
         },
         active: product === currentProduct,
     }));
-    return products.length ? (react_1.default.createElement(ProductDropdown, { withArrow: true, trigger: react_1.default.createElement(Button_1.Button, { variant: "ghost" }, currentProduct ? (react_1.default.createElement(Product_1.Product, { product: currentProduct })) : (react_1.default.createElement("span", { "data-translation-key": "theme.navbar.products" }, translate('theme.navbar.products', 'Products')))), triggerEvent: "hover" },
+    return products.length ? (react_1.default.createElement(ProductDropdown, { withArrow: true, trigger: react_1.default.createElement(Button_1.Button, { variant: "ghost" }, currentProduct ? (react_1.default.createElement(Product_1.Product, { product: currentProduct })) : (react_1.default.createElement("span", { "data-translation-key": "navbar.products" }, translate('navbar.products', 'Products')))), triggerEvent: "hover" },
         react_1.default.createElement(DropdownMenu_1.DropdownMenu, { items: productComponents }))) : null;
 }
 exports.ProductPicker = ProductPicker;

package/lib/components/Search/FilterFields/SearchFilterFieldSelect.js

@@ -86,7 +86,7 @@ function SearchFilterFieldSelect({ facet, filter, query, selectedValues, onChang
             ? isMultiple
                 ? selectedValues.map((value) => facetValueToSelectOption(value))
                 : facetValueToSelectOption(selectedValues[0])
-            : undefined, options: selectOptions, onChange: onChange, placeholder: `${translate('theme.search.filter.field.placeholder', 'Search')} ${facet.name.toLowerCase()}...`, alignment: "start", multiple: isMultiple, searchable: true, footer: selectOptions.length === MAX_SELECT_OPTIONS ? (react_1.default.createElement(FilterSelectFooter, null, "Search to show more items...")) : null, onSearch: onSearch, checkmarkIconPosition: "start" }));
+            : undefined, options: selectOptions, onChange: onChange, placeholder: `${translate('search.filter.field.placeholder', 'Search')} ${facet.name.toLowerCase()}...`, alignment: "start", multiple: isMultiple, searchable: true, footer: selectOptions.length === MAX_SELECT_OPTIONS ? (react_1.default.createElement(FilterSelectFooter, null, "Search to show more items...")) : null, onSearch: onSearch, checkmarkIconPosition: "start" }));
 }
 exports.SearchFilterFieldSelect = SearchFilterFieldSelect;
 const FilterSelectOptionWrapper = styled_components_1.default.div `

package/lib/components/Search/SearchDialog.js

@@ -95,7 +95,7 @@ function SearchDialog({ onClose, className }) {
                     react_1.default.createElement(SearchProductTag, { color: "product" },
                         product.name,
                         react_1.default.createElement(CloseIcon_1.CloseIcon, { onClick: () => setProduct(undefined), color: "--icon-color-additional" })))),
-                react_1.default.createElement(SearchInput_1.SearchInput, { value: query, onChange: setQuery, placeholder: translate('theme.search.label', 'Search docs...'), isLoading: isSearchLoading, "data-translation-key": "theme.search.label" }),
+                react_1.default.createElement(SearchInput_1.SearchInput, { value: query, onChange: setQuery, placeholder: translate('search.label', 'Search docs...'), isLoading: isSearchLoading, "data-translation-key": "search.label" }),
                 advancedSearch && (react_1.default.createElement(SearchFilterToggleButton, { icon: react_1.default.createElement(SettingsIcon_1.SettingsIcon, null), onClick: onFilterToggle }))),
             react_1.default.createElement(SearchDialogBody, null,
                 react_1.default.createElement(SearchDialogBodyMainView, null,
@@ -105,25 +105,25 @@ function SearchDialog({ onClose, className }) {
                         return ((_a = items[key]) === null || _a === void 0 ? void 0 : _a.length) ? (react_1.default.createElement(react_1.Fragment, { key: key },
                             react_1.default.createElement(SearchGroupTitle, null, key), (_b = items[key]) === null || _b === void 0 ? void 0 :
                             _b.map(mapItem),
-                            showLoadMore(key, ((_c = items[key]) === null || _c === void 0 ? void 0 : _c.length) || 0) && (react_1.default.createElement(SearchGroupFooter, { "data-translation-key": "theme.search.showMore", onClick: () => { var _a; return setLoadMore({ groupKey: key, offset: ((_a = items[key]) === null || _a === void 0 ? void 0 : _a.length) || 0 }); } }, translate('theme.search.showMore', 'Show more'))))) : null;
+                            showLoadMore(key, ((_c = items[key]) === null || _c === void 0 ? void 0 : _c.length) || 0) && (react_1.default.createElement(SearchGroupFooter, { "data-translation-key": "search.showMore", onClick: () => { var _a; return setLoadMore({ groupKey: key, offset: ((_a = items[key]) === null || _a === void 0 ? void 0 : _a.length) || 0 }); } }, translate('search.showMore', 'Show more'))))) : null;
                     })) : isSearchLoading ? (react_1.default.createElement(SearchMessage, null,
                         react_1.default.createElement(SpinnerLoader_1.SpinnerLoader, { size: "26px", color: "var(--search-input-icon-color)" }),
-                        translate('theme.search.loading', 'Loading...'))) : (react_1.default.createElement(SearchMessage, { "data-translation-key": "theme.search.noResults" },
-                        react_1.default.createElement("b", null, translate('theme.search.noResults.title', 'No results')),
-                        translate('theme.search.noResults.description', 'Prease, try with a different query.')))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                        translate('search.loading', 'Loading...'))) : (react_1.default.createElement(SearchMessage, { "data-translation-key": "search.noResults" },
+                        react_1.default.createElement("b", null, translate('search.noResults.title', 'No results')),
+                        translate('search.noResults.description', 'Prease, try with a different query.')))) : (react_1.default.createElement(react_1.default.Fragment, null,
                         react_1.default.createElement(SearchRecent_1.SearchRecent, { onSelect: setQuery }),
                         react_1.default.createElement(SearchSuggestedPages_1.SearchSuggestedPages, null)))),
                 advancedSearch && isFilterOpen && (react_1.default.createElement(SearchDialogBodyFilterView, null,
                     react_1.default.createElement(SearchFilter_1.SearchFilter, { facets: facets, filter: filter, query: query, onFilterChange: onFilterChange, onFilterReset: onFilterReset, onFacetReset: onFacetReset })))),
             react_1.default.createElement(SearchDialogFooter, null,
                 react_1.default.createElement(SearchShortcuts, null,
-                    react_1.default.createElement(SearchShortcut_1.SearchShortcut, { "data-translation-key": "theme.search.keys.navigate", combination: "Tab", text: translate('theme.search.keys.navigate', 'to navigate') }),
-                    react_1.default.createElement(SearchShortcut_1.SearchShortcut, { "data-translation-key": "theme.search.keys.select", combination: "\u23CE", text: translate('theme.search.keys.select', 'to select') }),
-                    react_1.default.createElement(SearchShortcut_1.SearchShortcut, { "data-translation-key": "theme.search.keys.exit", combination: "Esc", text: translate('theme.search.keys.exit', 'to exit') })),
+                    react_1.default.createElement(SearchShortcut_1.SearchShortcut, { "data-translation-key": "search.keys.navigate", combination: "Tab", text: translate('search.keys.navigate', 'to navigate') }),
+                    react_1.default.createElement(SearchShortcut_1.SearchShortcut, { "data-translation-key": "search.keys.select", combination: "\u23CE", text: translate('search.keys.select', 'to select') }),
+                    react_1.default.createElement(SearchShortcut_1.SearchShortcut, { "data-translation-key": "search.keys.exit", combination: "Esc", text: translate('search.keys.exit', 'to exit') })),
                 isSearchLoading && (react_1.default.createElement(SearchLoading, null,
                     react_1.default.createElement(SpinnerLoader_1.SpinnerLoader, { size: "16px", color: "var(--search-input-icon-color)" }),
-                    translate('theme.search.loading', 'Loading...'))),
-                react_1.default.createElement(SearchCancelButton, { "data-translation-key": "theme.search.cancel", variant: "secondary", size: "small", onClick: onClose }, translate('theme.search.cancel', 'Cancel'))))));
+                    translate('search.loading', 'Loading...'))),
+                react_1.default.createElement(SearchCancelButton, { "data-translation-key": "search.cancel", variant: "secondary", size: "small", onClick: onClose }, translate('search.cancel', 'Cancel'))))));
 }
 exports.SearchDialog = SearchDialog;
 const SearchOverlay = styled_components_1.default.div `

package/lib/components/Search/SearchFilter.js

@@ -38,8 +38,8 @@ function SearchFilter({ className, facets, filter, query, onFilterChange, onFilt
     const { translate } = useTranslate();
     return (React.createElement(SearchFilterWrapper, { "data-component-name": "Search/SearchFilter", className: className },
         React.createElement(SearchFilterHeader, null,
-            React.createElement("span", { "data-translation-key": "theme.search.filter.title" }, translate('theme.search.filter.title', 'Advanced filter')),
-            React.createElement(Button_1.Button, { "data-translation-key": "theme.search.filter.reset", onClick: onFilterReset, variant: "ghost", icon: React.createElement(CleanIcon_1.CleanIcon, null) }, translate('theme.search.filter.reset', 'Reset filters'))),
+            React.createElement("span", { "data-translation-key": "search.filter.title" }, translate('search.filter.title', 'Advanced filter')),
+            React.createElement(Button_1.Button, { "data-translation-key": "search.filter.reset", onClick: onFilterReset, variant: "ghost", icon: React.createElement(CleanIcon_1.CleanIcon, null) }, translate('search.filter.reset', 'Reset filters'))),
         React.createElement(SearchFilterFields, null, facets.map((facet, index) => (React.createElement(SearchFilterField_1.SearchFilterField, { key: `${facet.field}-${index}`, facet: facet, onFilterChange: onFilterChange, onFacetReset: onFacetReset, filter: filter, query: query }))))));
 }
 exports.SearchFilter = SearchFilter;

package/lib/components/Search/SearchFilterField.js

@@ -25,7 +25,7 @@ function SearchFilterField({ className, facet, filter, query, onFilterChange, on
     return (react_1.default.createElement(FilterFieldWrapper, { "data-component-name": "Search/SearchFilterField", className: className },
         react_1.default.createElement(FilterFieldLabel, null,
             facet.name,
-            selectedValues.length > 0 && (react_1.default.createElement(Button_1.Button, { "data-translation-key": "theme.search.filter.field.reset", icon: react_1.default.createElement(ResetIcon_1.ResetIcon, null), variant: "ghost", size: "small", onClick: onReset }, translate('theme.search.filter.field.reset', 'Reset')))),
+            selectedValues.length > 0 && (react_1.default.createElement(Button_1.Button, { "data-translation-key": "search.filter.field.reset", icon: react_1.default.createElement(ResetIcon_1.ResetIcon, null), variant: "ghost", size: "small", onClick: onReset }, translate('search.filter.field.reset', 'Reset')))),
         ['select', 'multi-select'].includes(facet.type) && (react_1.default.createElement(SearchFilterFieldSelect_1.SearchFilterFieldSelect, { facet: facet, filter: filter, query: query, selectedValues: selectedValues, onChange: onChange })),
         facet.type === 'tags' && (react_1.default.createElement(SearchFilterFieldTags_1.SearchFilterFieldTags, { facet: facet, selectedValues: selectedValues, onChange: onChange }))));
 }

package/lib/components/Search/SearchRecent.js

@@ -52,7 +52,7 @@ function SearchRecent({ onSelect, className }) {
         }
     };
     return (React.createElement(SearchRecentWrapper, { "data-component-name": "Search/SearchRecent", className: className },
-        React.createElement(SearchRecentTitle, { "data-translation-key": "theme.search.recent" }, translate('theme.search.recent', 'Recent searches')),
+        React.createElement(SearchRecentTitle, { "data-translation-key": "search.recent" }, translate('search.recent', 'Recent searches')),
         React.createElement(SearchRecentItems, null, items.map((item) => (React.createElement(SearchRecentItem, { key: item, onClick: () => onSelect(item), onKeyDown: (e) => handleKeyDown(e, item), tabIndex: 0, role: "link" },
             React.createElement(SearchRecentItemWrapper, null,
                 React.createElement(RecentlyViewedIcon_1.RecentlyViewedIcon, { color: "--search-recent-item-text-color" }),

package/lib/components/Search/SearchSuggestedPages.js

@@ -39,7 +39,7 @@ function SearchSuggestedPages({ className }) {
     if (!pages.length)
         return null;
     return (React.createElement(SearchSuggestedWrapper, { "data-component-name": "Search/SearchSuggestedPages", className: className },
-        React.createElement(SearchSuggestedTitle, { "data-translation-key": "theme.search.suggested" }, translate('theme.search.suggested', 'Suggested pages')),
+        React.createElement(SearchSuggestedTitle, { "data-translation-key": "search.suggested" }, translate('search.suggested', 'Suggested pages')),
         React.createElement(SearchSuggestedItems, null, pages.map((page) => page.link ? (React.createElement(SearchSuggestedItem, Object.assign({ key: page.label, to: page.link }, page),
             React.createElement(SearchSuggestedItemWrapper, null,
                 React.createElement(RecentlyViewedIcon_1.RecentlyViewedIcon, { color: "--search-item-text-color" }),

package/lib/components/Search/SearchTrigger.js

@@ -51,9 +51,9 @@ function SearchTrigger({ onClick, className }) {
     mainShortcutKey = mainShortcutKey === null || mainShortcutKey === void 0 ? void 0 : mainShortcutKey.toUpperCase();
     return (React.createElement(SearchTriggerWrapper, { onClick: onClick, className: className, "data-component-name": "Search/SearchTrigger" },
         React.createElement(SearchTriggerButton, { "data-testid": "search-trigger-button", variant: "text", size: "medium", icon: React.createElement(SearchIcon_1.SearchIcon, null) }),
-        React.createElement(SearchTriggerInput, { "data-testid": "search-trigger-input", "data-translation-key": "theme.search.navbar.label" },
+        React.createElement(SearchTriggerInput, { "data-testid": "search-trigger-input", "data-translation-key": "search.navbar.label" },
             React.createElement(SearchIcon_1.SearchIcon, null),
-            translate('theme.search.navbar.label', 'Search'),
+            translate('search.navbar.label', 'Search'),
             mainShortcutKey && React.createElement("span", null, mainShortcutKey))));
 }
 exports.SearchTrigger = SearchTrigger;

package/lib/components/SidebarActions/ChangeViewButton.js

@@ -13,7 +13,7 @@ const hooks_1 = require("../../core/hooks");
 const ChangeViewButton = ({ layout, onClick, collapsedSidebar, }) => {
     const { useTranslate } = (0, hooks_1.useThemeHooks)();
     const { translate } = useTranslate();
-    return (react_1.default.createElement(styled_1.StyledChangeViewButton, { title: translate('theme.sidebar.actions.changeLayout', 'Change layout'), onClick: onClick, collapsedSidebar: collapsedSidebar },
+    return (react_1.default.createElement(styled_1.StyledChangeViewButton, { title: translate('sidebar.actions.changeLayout', 'Change layout'), onClick: onClick, collapsedSidebar: collapsedSidebar },
         react_1.default.createElement(styled_1.StyledChangeViewButtonWrap, { active: layout === SidebarActions_1.LayoutVariant.STACKED },
             react_1.default.createElement(HorizontalViewIcon_1.HorizontalViewIcon, { size: "14px", color: "--segmented-buttons-content-color" })),
         react_1.default.createElement(styled_1.StyledChangeViewButtonWrap, { active: layout === SidebarActions_1.LayoutVariant.THREE_PANEL },

package/lib/components/SidebarActions/SidebarActions.js

@@ -21,12 +21,15 @@ const SidebarActions = ({ layout, hideCollapseSidebarButton = false, collapsedSi
         !hideCollapseSidebarButton && (react_1.default.createElement(Button_1.Button, { onClick: () => {
                 var _a, _b;
                 onChangeCollapseSidebarClick();
-                collapsedSidebar
-                    ? (_a = telemetry.send) === null || _a === void 0 ? void 0 : _a.call(telemetry, 'sidebar_item_expanded', {})
-                    : (_b = telemetry.send) === null || _b === void 0 ? void 0 : _b.call(telemetry, 'sidebar_item_collapsed', {});
+                if (collapsedSidebar) {
+                    (_a = telemetry.send) === null || _a === void 0 ? void 0 : _a.call(telemetry, 'sidebar_item_expanded', {});
+                }
+                else {
+                    (_b = telemetry.send) === null || _b === void 0 ? void 0 : _b.call(telemetry, 'sidebar_item_collapsed', {});
+                }
             }, title: collapsedSidebar
-                ? translate('theme.sidebar.actions.show', 'Show sidebar')
-                : translate('theme.sidebar.actions.hide', 'Hide sidebar'), size: "small", variant: "outlined", icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) })),
+                ? translate('sidebar.actions.show', 'Show sidebar')
+                : translate('sidebar.actions.hide', 'Hide sidebar'), size: "small", variant: "outlined", icon: collapsedSidebar ? react_1.default.createElement(SidePanelOpenIcon_1.SidePanelOpenIcon, null) : react_1.default.createElement(SidePanelCloseIcon_1.SidePanelCloseIcon, null) })),
         isOpenapiDocs && (react_1.default.createElement(styled_1.ControlsWrapChangeLayoutButtons, { isCollapsed: collapsedSidebar },
             react_1.default.createElement(ChangeViewButton_1.ChangeViewButton, { collapsedSidebar: collapsedSidebar, layout: layout, onClick: () => {
                     var _a;

package/lib/components/TableOfContent/TableOfContent.js

@@ -48,7 +48,7 @@ function TableOfContent(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(TableOfContentMenu, { "data-component-name": "TableOfContent/TableOfContent", className: className },
             React.createElement(TableOfContentItems, { ref: sidebar },
-                displayedHeadings.length ? (React.createElement(TableOfContentHeader, { "data-translation-key": "theme.toc.header" }, translate('theme.toc.header', toc.header || 'On this page'))) : null,
+                displayedHeadings.length ? (React.createElement(TableOfContentHeader, { "data-translation-key": "toc.header" }, translate('toc.header', toc.header || 'On this page'))) : null,
                 displayedHeadings.map((heading, idx) => {
                     if (!heading) {
                         return null;

package/lib/components/UserMenu/LoginButton.js

@@ -12,7 +12,7 @@ function LoginButton({ href, className }) {
     const { translate } = useTranslate();
     const telemetry = useTelemetry();
     return (react_1.default.createElement("div", { "data-component-name": "UserMenu/LoginButton", className: className },
-        react_1.default.createElement(Button_1.Button, { "data-translation-key": "theme.userMenu.login", to: href, onClick: () => telemetry.send('login_button_clicked', {}), "data-testid": "login-btn", extraClass: className, variant: "primary", size: "medium" }, translate('theme.userMenu.login', 'Login'))));
+        react_1.default.createElement(Button_1.Button, { "data-translation-key": "userMenu.login", to: href, onClick: () => telemetry.send('login_button_clicked', {}), "data-testid": "login-btn", extraClass: className, variant: "primary", size: "medium" }, translate('userMenu.login', 'Login'))));
 }
 exports.LoginButton = LoginButton;
 //# sourceMappingURL=LoginButton.js.map

package/lib/components/UserMenu/LogoutMenuItem.js

@@ -17,7 +17,7 @@ function LogoutMenuItem({ iconOnly, className }) {
         telemetry.send('logout_menu_item_clicked', {});
         handleLogout();
     };
-    return (react_1.default.createElement(DropdownMenuItem_1.DropdownMenuItem, { className: className, dangerous: true, "data-component-name": "UserMenu/LogoutMenuItem", onAction: handleClick, "data-translation-key": "theme.userMenu.logout", prefix: react_1.default.createElement(LogoutIcon_1.LogoutIcon, null), style: { width: iconOnly ? 'fit-content' : '100%' } }, iconOnly ? null : translate('theme.userMenu.logout', 'Log out')));
+    return (react_1.default.createElement(DropdownMenuItem_1.DropdownMenuItem, { className: className, dangerous: true, "data-component-name": "UserMenu/LogoutMenuItem", onAction: handleClick, "data-translation-key": "userMenu.logout", prefix: react_1.default.createElement(LogoutIcon_1.LogoutIcon, null), style: { width: iconOnly ? 'fit-content' : '100%' } }, iconOnly ? null : translate('userMenu.logout', 'Log out')));
 }
 exports.LogoutMenuItem = LogoutMenuItem;
 //# sourceMappingURL=LogoutMenuItem.js.map

package/lib/components/UserMenu/UserMenu.js

@@ -32,7 +32,7 @@ function UserMenu({ className }) {
     }
     const devOnboardingMenuItem = hasDeveloperOnboarding
         ? [
-            react_1.default.createElement(DropdownMenuItem_1.DropdownMenuItem, { key: "my-apps", to: "/apps", "data-translation-key": "theme.userMenu.devOnboardingLabel", prefix: react_1.default.createElement(GridIcon_1.GridIcon, null) }, translate('theme.userMenu.devOnboardingLabel')),
+            react_1.default.createElement(DropdownMenuItem_1.DropdownMenuItem, { key: "my-apps", to: "/apps", "data-translation-key": "userMenu.devOnboardingLabel", prefix: react_1.default.createElement(GridIcon_1.GridIcon, null) }, translate('userMenu.devOnboardingLabel')),
         ]
         : [];
     const menuItems = (userMenu === null || userMenu === void 0 ? void 0 : userMenu['menu']) || [];

package/lib/components/VersionPicker/VersionPicker.js

@@ -55,8 +55,8 @@ function VersionPicker(props) {
     if (!options.length && !(versionPicker === null || versionPicker === void 0 ? void 0 : versionPicker.showForUnversioned))
         return null;
     return (React.createElement(VersionsPickerWrapper, { "data-component-name": "VersionPicker/VersionPicker" },
-        React.createElement(VersionPickerLabel, { "data-translation-key": "theme.versionPicker.label" }, translate('theme.versionPicker.label', 'Version:')),
-        React.createElement(exports.VersionPickerSelect, { placeholder: translate('theme.versionPicker.unversioned', 'All versions'), disabled: !options.length, options: options, value: value, onChange: handleOnChange })));
+        React.createElement(VersionPickerLabel, { "data-translation-key": "versionPicker.label" }, translate('versionPicker.label', 'Version:')),
+        React.createElement(exports.VersionPickerSelect, { placeholder: translate('versionPicker.unversioned', 'All versions'), disabled: !options.length, options: options, value: value, onChange: handleOnChange })));
 }
 exports.VersionPicker = VersionPicker;
 const VersionPickerLabel = styled_components_1.default.label `