@redocly/theme 0.47.0 → 0.48.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' | 'search.loading' | 'search.noResults.title' | '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' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.aiButton' | 'search.ai.label' | '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.menu.backToLabel' | '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' | 'feedback.settings.anonymousUserEmail.placeholder' | 'feedback.settings.anonymousUserEmail.label' | '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.complex' | 'openapi.deprecated' | 'openapi.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | '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.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' | 'search.ai.thinkingText' | 'search.ai.resourcesFound' | 'search.aiButton' | 'search.ai.label' | '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.menu.backToLabel' | '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' | 'feedback.settings.optionalEmail.placeholder' | 'feedback.settings.optionalEmail.label' | '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.complex' | 'openapi.deprecated' | 'openapi.hideExample' | 'openapi.showExample' | 'openapi.expandAll' | 'openapi.collapseAll' | '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' | 'codeWalkthrough.download' | 'codeWalkthrough.preview';
 export type Locale = {
     code: string;
     name: string;

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

@@ -51,7 +51,6 @@ export type SearchFacet = {
     field: string;
     type: SearchFacetType;
     values: string[] | SearchFacetCount[];
-    isTop?: boolean;
     index?: number;
 };
 export type SearchFacetCount = {
@@ -68,5 +67,5 @@ export type SearchFacetType = 'input' | 'multi-select' | 'select' | 'switch' | '
 export type SearchFilterItem = {
     field: string;
     values: string[];
-    isTop?: boolean;
+    isQuickFilter?: boolean;
 };

package/lib/core/utils/download-code-walkthrough.d.ts

@@ -0,0 +1,4 @@
+import type { CodeWalkthroughFile, InputsState } from '@redocly/config';
+export declare function downloadCodeWalkthrough(files: CodeWalkthroughFile[], state: Record<string, {
+    value: string | boolean;
+}>, inputsState: InputsState): Promise<void>;

package/lib/core/utils/download-code-walkthrough.js

@@ -0,0 +1,32 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadCodeWalkthrough = downloadCodeWalkthrough;
+const file_saver_1 = require("file-saver");
+const jszip_1 = __importDefault(require("jszip"));
+const utils_1 = require("../../core/utils");
+// https://github.com/Stuk/jszip/issues/196#issuecomment-69503828
+jszip_1.default.support.nodebuffer = false;
+function downloadCodeWalkthrough(files, state, inputsState) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const zip = new jszip_1.default();
+        for (const file of files) {
+            const fileContent = (0, utils_1.getCodeWalkthroughFileText)(file, state, inputsState);
+            zip.file(file.basename, fileContent);
+        }
+        const zipContent = yield zip.generateAsync({ type: 'blob' });
+        (0, file_saver_1.saveAs)(zipContent, 'sample-code.zip');
+    });
+}
+//# sourceMappingURL=download-code-walkthrough.js.map

package/lib/core/utils/get-code-walkthrough-file-text.d.ts

@@ -0,0 +1,4 @@
+import type { CodeWalkthroughFile, InputsState } from '@redocly/config';
+export declare function getCodeWalkthroughFileText(file: CodeWalkthroughFile, state: Record<string, {
+    value: string | boolean;
+}>, inputsState: InputsState): string;

package/lib/core/utils/get-code-walkthrough-file-text.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCodeWalkthroughFileText = getCodeWalkthroughFileText;
+const utils_1 = require("../../core/utils");
+function getCodeWalkthroughFileText(file, state, inputsState) {
+    var _a;
+    const contentChunks = (_a = file === null || file === void 0 ? void 0 : file.content.flatMap((node) => getChunkText(node, state, inputsState))) !== null && _a !== void 0 ? _a : [];
+    return contentChunks.join('\n');
+}
+function getChunkText(node, state, inputsState) {
+    if (typeof node === 'string') {
+        const replacedNode = (0, utils_1.replaceInputsWithValue)(node, inputsState);
+        return [replacedNode];
+    }
+    else {
+        if (!(0, utils_1.matchCodeWalkthroughConditions)(node.condition || {}, state)) {
+            return [];
+        }
+        return node.children.flatMap((child) => getChunkText(child, state, inputsState));
+    }
+}
+//# sourceMappingURL=get-code-walkthrough-file-text.js.map

package/lib/core/utils/get-file-icon.d.ts

@@ -0,0 +1,2 @@
+import type { IconProps } from '../../icons/types';
+export declare function getFileIconByExt(ext: string): import("react").FunctionComponent<IconProps>;

package/lib/core/utils/get-file-icon.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFileIconByExt = getFileIconByExt;
+const DocumentBlankIcon_1 = require("../../icons/DocumentBlankIcon/DocumentBlankIcon");
+const DocumentYamlIcon_1 = require("../../icons/DocumentYamlIcon/DocumentYamlIcon");
+const DocumentJsonIcon_1 = require("../../icons/DocumentJsonIcon/DocumentJsonIcon");
+const DocumentJsIcon_1 = require("../../icons/DocumentJsIcon/DocumentJsIcon");
+const DocumentTsIcon_1 = require("../../icons/DocumentTsIcon/DocumentTsIcon");
+const DocumentCssIcon_1 = require("../../icons/DocumentCssIcon/DocumentCssIcon");
+const DocumentHtmlIcon_1 = require("../../icons/DocumentHtmlIcon/DocumentHtmlIcon");
+const DocumentReactIcon_1 = require("../../icons/DocumentReactIcon/DocumentReactIcon");
+const DocumentMarkdownIcon_1 = require("../../icons/DocumentMarkdownIcon/DocumentMarkdownIcon");
+const DocumentGraphqlIcon_1 = require("../../icons/DocumentGraphqlIcon/DocumentGraphqlIcon");
+const fileIconMap = {
+    yaml: DocumentYamlIcon_1.DocumentYamlIcon,
+    yml: DocumentYamlIcon_1.DocumentYamlIcon,
+    json: DocumentJsonIcon_1.DocumentJsonIcon,
+    js: DocumentJsIcon_1.DocumentJsIcon,
+    ts: DocumentTsIcon_1.DocumentTsIcon,
+    css: DocumentCssIcon_1.DocumentCssIcon,
+    html: DocumentHtmlIcon_1.DocumentHtmlIcon,
+    jsx: DocumentReactIcon_1.DocumentReactIcon,
+    tsx: DocumentReactIcon_1.DocumentReactIcon,
+    md: DocumentMarkdownIcon_1.DocumentMarkdownIcon,
+    graphql: DocumentGraphqlIcon_1.DocumentGraphqlIcon,
+    gql: DocumentGraphqlIcon_1.DocumentGraphqlIcon,
+};
+function getFileIconByExt(ext) {
+    return fileIconMap[ext] || DocumentBlankIcon_1.DocumentBlankIcon;
+}
+//# sourceMappingURL=get-file-icon.js.map

package/lib/core/utils/index.d.ts

@@ -25,3 +25,8 @@ export * from '../../core/utils/details';
 export * from '../../core/utils/get-navbar-element';
 export * from '../../core/utils/with-load-progress';
 export * from '../../core/utils/text-trimmer';
+export * from '../../core/utils/get-code-walkthrough-file-text';
+export * from '../../core/utils/download-code-walkthrough';
+export * from '../../core/utils/get-file-icon';
+export * from '../../core/utils/match-code-walkthrough-conditions';
+export * from '../../core/utils/replace-inputs-with-value';

package/lib/core/utils/index.js

@@ -41,4 +41,9 @@ __exportStar(require("../../core/utils/details"), exports);
 __exportStar(require("../../core/utils/get-navbar-element"), exports);
 __exportStar(require("../../core/utils/with-load-progress"), exports);
 __exportStar(require("../../core/utils/text-trimmer"), exports);
+__exportStar(require("../../core/utils/get-code-walkthrough-file-text"), exports);
+__exportStar(require("../../core/utils/download-code-walkthrough"), exports);
+__exportStar(require("../../core/utils/get-file-icon"), exports);
+__exportStar(require("../../core/utils/match-code-walkthrough-conditions"), exports);
+__exportStar(require("../../core/utils/replace-inputs-with-value"), exports);
 //# sourceMappingURL=index.js.map

package/lib/core/utils/js-utils.d.ts

@@ -6,3 +6,33 @@ export declare function toStringIfDefined(value: unknown): string | undefined;
  * Returns true when the function executed in browser.
  */
 export declare function isBrowser(): boolean;
+export declare function isPlainObject(obj: any): boolean;
+/**
+ * Returns the previous and next values in an array for a given index.
+ *
+ * Edge cases:
+ * - If the index is `0`, `prev` will be `null`.
+ * - If the index is the last position in the array, `next` will be `null`.
+ * - If the index is out of bounds (negative or greater than the last index), both `prev` and `next` will be `null`.
+ *
+ * @example
+ * const array = [10, 20, 30, 40];
+ * getAdjacentValues(array, 2);
+ * // returns: { prev: 20, next: 40 }
+ *
+ * getAdjacentValues(array, 0);
+ * // returns: { prev: null, next: 20 }
+ *
+ * getAdjacentValues(array, 3);
+ * // returns: { prev: 30, next: null }
+ *
+ * getAdjacentValues(array, -1);
+ * // returns: { prev: null, next: null }
+ *
+ * getAdjacentValues(array, 4);
+ * // returns: { prev: null, next: null }
+ */
+export declare function getAdjacentValues<T>(array: T[], index: number): {
+    prev: T | null;
+    next: T | null;
+};

package/lib/core/utils/js-utils.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.findDeepFirst = findDeepFirst;
 exports.toStringIfDefined = toStringIfDefined;
 exports.isBrowser = isBrowser;
+exports.isPlainObject = isPlainObject;
+exports.getAdjacentValues = getAdjacentValues;
 function findDeepFirst(list, cb) {
     for (const item of list) {
         if (cb(item) === true) {
@@ -24,4 +26,43 @@ function toStringIfDefined(value) {
 function isBrowser() {
     return typeof window !== 'undefined' && 'HTMLElement' in window;
 }
+function isPlainObject(obj) {
+    return (typeof obj === 'object' &&
+        obj !== null &&
+        !Array.isArray(obj) &&
+        Object.prototype.toString.call(obj) === '[object Object]');
+}
+/**
+ * Returns the previous and next values in an array for a given index.
+ *
+ * Edge cases:
+ * - If the index is `0`, `prev` will be `null`.
+ * - If the index is the last position in the array, `next` will be `null`.
+ * - If the index is out of bounds (negative or greater than the last index), both `prev` and `next` will be `null`.
+ *
+ * @example
+ * const array = [10, 20, 30, 40];
+ * getAdjacentValues(array, 2);
+ * // returns: { prev: 20, next: 40 }
+ *
+ * getAdjacentValues(array, 0);
+ * // returns: { prev: null, next: 20 }
+ *
+ * getAdjacentValues(array, 3);
+ * // returns: { prev: 30, next: null }
+ *
+ * getAdjacentValues(array, -1);
+ * // returns: { prev: null, next: null }
+ *
+ * getAdjacentValues(array, 4);
+ * // returns: { prev: null, next: null }
+ */
+function getAdjacentValues(array, index) {
+    if (index < 0 || index >= array.length) {
+        return { prev: null, next: null };
+    }
+    const prevValue = index > 0 ? array[index - 1] : null;
+    const nextValue = index < array.length - 1 ? array[index + 1] : null;
+    return { prev: prevValue, next: nextValue };
+}
 //# sourceMappingURL=js-utils.js.map

package/lib/core/utils/match-code-walkthrough-conditions.d.ts

@@ -0,0 +1,4 @@
+import type { CodeWalkthroughConditionsObject } from '@redocly/config';
+export declare function matchCodeWalkthroughConditions(conditions: CodeWalkthroughConditionsObject | undefined, state: Record<string, {
+    value: string | boolean;
+}>): boolean;

package/lib/core/utils/match-code-walkthrough-conditions.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.matchCodeWalkthroughConditions = matchCodeWalkthroughConditions;
+const utils_1 = require("../../core/utils");
+function matchCodeWalkthroughConditions(conditions = {}, state) {
+    const { when, unless } = conditions;
+    function evaluateCondition(key, value) {
+        var _a;
+        const stateValue = (_a = state[key]) === null || _a === void 0 ? void 0 : _a.value;
+        if (Array.isArray(value) && typeof stateValue === 'string') {
+            return value.includes(stateValue);
+        }
+        return stateValue === value;
+    }
+    const matchesWhen = (0, utils_1.isObject)(when)
+        ? Object.entries(when).every(([key, value]) => evaluateCondition(key, value))
+        : true;
+    const matchesUnless = (0, utils_1.isObject)(unless)
+        ? Object.entries(unless).some(([key, value]) => evaluateCondition(key, value))
+        : false;
+    return matchesWhen && !matchesUnless;
+}
+//# sourceMappingURL=match-code-walkthrough-conditions.js.map

package/lib/core/utils/replace-inputs-with-value.d.ts

@@ -0,0 +1,3 @@
+export declare function replaceInputsWithValue(node: string, inputs: Record<string, {
+    value: string;
+}>): string;

package/lib/core/utils/replace-inputs-with-value.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.replaceInputsWithValue = replaceInputsWithValue;
+const inputRegex = /(?:\/\*|<!--|#|\/\/)\s*@redocly-input\s*\{"id":\s*"(.*?)"\}\s*(?:\*\/|-->)?/g;
+function replaceInputsWithValue(node, inputs) {
+    return node.replace(inputRegex, (match, inputKey) => {
+        var _a;
+        if (Object.prototype.hasOwnProperty.call(inputs, inputKey)) {
+            return (_a = inputs[inputKey]) === null || _a === void 0 ? void 0 : _a.value;
+        }
+        else {
+            return match;
+        }
+    });
+}
+//# sourceMappingURL=replace-inputs-with-value.js.map

package/lib/icons/DocumentCssIcon/DocumentCssIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentCssIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/DocumentCssIcon/DocumentCssIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentCssIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { id: "iconCSS" },
+        react_1.default.createElement("path", { id: "Vector", d: "M3.33329 2L2.89996 4.22667H11.96L11.6666 5.66667H2.61329L2.17329 7.88667H11.2333L10.7266 10.4267L7.07329 11.6333L3.90662 10.4267L4.12662 9.33333H1.89996L1.37329 12L6.60662 14L12.64 12L13.44 7.98L13.6 7.17333L14.6266 2H3.33329Z", fill: "#3B3C45" }))));
+exports.DocumentCssIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentCssIcon/DocumentCssIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentCssIcon.js.map

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

@@ -0,0 +1 @@
+export { DocumentCssIcon } from '../../icons/DocumentCssIcon/DocumentCssIcon';

package/lib/icons/DocumentCssIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentCssIcon = void 0;
+var DocumentCssIcon_1 = require("../../icons/DocumentCssIcon/DocumentCssIcon");
+Object.defineProperty(exports, "DocumentCssIcon", { enumerable: true, get: function () { return DocumentCssIcon_1.DocumentCssIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/DocumentGraphqlIcon/DocumentGraphqlIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentGraphqlIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/DocumentGraphqlIcon/DocumentGraphqlIcon.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentGraphqlIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { id: "iconGraphQL" },
+        react_1.default.createElement("g", { id: "Vector" },
+            react_1.default.createElement("path", { d: "M3.01235 11.5921L2.50927 11.3017L8.11379 1.5947L8.61687 1.88514L3.01235 11.5921Z", fill: "#3B3C45" }),
+            react_1.default.createElement("path", { d: "M2.39407 10.5261H13.6027V11.1071H2.39407V10.5261Z", fill: "#3B3C45" }),
+            react_1.default.createElement("path", { d: "M8.22231 14.0897L2.61591 10.8527L2.90631 10.3497L8.51275 13.5866L8.22231 14.0897ZM13.0926 5.6531L7.48623 2.41614L7.77667 1.91306L13.3831 5.15006L13.0926 5.6531Z", fill: "#3B3C45" }),
+            react_1.default.createElement("path", { d: "M2.90787 5.65082L2.61743 5.14778L8.22383 1.91078L8.51427 2.41386L2.90787 5.65082Z", fill: "#3B3C45" }),
+            react_1.default.createElement("path", { d: "M12.9893 11.5921L7.38483 1.88514L7.88791 1.5947L13.4924 11.3017L12.9893 11.5921ZM2.83827 4.76242H3.41923V11.2365H2.83827V4.76242ZM12.5809 4.76242H13.1618V11.2365H12.5809V4.76242Z", fill: "#3B3C45" }),
+            react_1.default.createElement("path", { d: "M8.12355 13.844L7.86983 13.4045L12.7459 10.5892L12.9996 11.0286L8.12355 13.844Z", fill: "#3B3C45" }),
+            react_1.default.createElement("path", { d: "M13.9316 11.4256C13.5957 12.01 12.8468 12.2095 12.2624 11.8735C11.678 11.5376 11.4785 10.7887 11.8145 10.2043C12.1504 9.6199 12.8993 9.42042 13.4837 9.75638C14.0716 10.0958 14.2711 10.8412 13.9316 11.4256ZM4.18219 5.79514C3.84623 6.37954 3.09735 6.57898 2.51291 6.24302C1.92851 5.9071 1.72907 5.15822 2.06503 4.57382C2.40095 3.98938 3.14983 3.7899 3.73423 4.12586C4.31867 4.4653 4.51815 5.2107 4.18219 5.79514ZM2.06851 11.4256C1.73251 10.8412 1.93203 10.0958 2.51639 9.75642C3.10079 9.42042 3.84623 9.6199 4.18567 10.2043C4.52159 10.7887 4.32215 11.5341 3.73775 11.8735C3.14987 12.2095 2.40443 12.01 2.06851 11.4256ZM11.818 5.79514C11.482 5.21074 11.6815 4.4653 12.2659 4.12586C12.8503 3.78994 13.5957 3.98938 13.9351 4.57378C14.2711 5.15818 14.0716 5.90358 13.4872 6.24302C12.9028 6.57902 12.1539 6.3795 11.818 5.79514ZM8.00003 14.8518C7.32463 14.8518 6.77871 14.3059 6.77871 13.6305C6.77871 12.9551 7.32463 12.4092 8.00003 12.4092C8.67543 12.4092 9.22131 12.9551 9.22131 13.6305C9.22131 14.3024 8.67543 14.8518 8.00003 14.8518ZM8.00003 3.59038C7.32463 3.59038 6.77871 3.04446 6.77871 2.3691C6.77871 1.69374 7.32463 1.14778 8.00003 1.14778C8.67543 1.14778 9.22131 1.6937 9.22131 2.3691C9.22131 3.0445 8.67543 3.59038 8.00003 3.59038Z", fill: "#3B3C45" }),
+            react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00003 1.28384C7.39978 1.28384 6.91477 1.76888 6.91477 2.3691C6.91477 2.41502 6.91761 2.46026 6.92312 2.50467L7.41983 2.21788L7.19896 1.83534L7.93771 1.40884L8.00085 1.51819L8.06399 1.40884L8.80274 1.83534L8.58058 2.22011L9.07666 2.50653C9.08233 2.46153 9.08525 2.41566 9.08525 2.3691C9.08525 1.76884 8.60028 1.28384 8.00003 1.28384ZM9.32802 2.65166C9.34725 2.56053 9.35737 2.46602 9.35737 2.3691C9.35737 1.61856 8.75058 1.01172 8.00003 1.01172C7.24948 1.01172 6.64265 1.6186 6.64265 2.3691C6.64265 2.46538 6.65263 2.5593 6.67163 2.64987L4.03113 4.17443C3.96223 4.11247 3.88592 4.05662 3.80256 4.0082C3.15348 3.63506 2.32071 3.85596 1.94707 4.50601C1.57393 5.15509 1.79508 5.98734 2.4451 6.36098C2.52825 6.40878 2.6144 6.44682 2.70221 6.47547V9.52504C2.61565 9.55356 2.53068 9.59126 2.44857 9.63846C1.79955 10.0154 1.57714 10.844 1.95055 11.4934C2.32424 12.1435 3.15292 12.3645 3.80527 11.9917C3.88753 11.9439 3.96375 11.8884 4.03194 11.8274L6.6713 13.3513C6.65252 13.4414 6.64265 13.5348 6.64265 13.6305C6.64265 14.3811 7.24949 14.9878 8.00003 14.9878C8.75083 14.9878 9.35737 14.3773 9.35737 13.6305C9.35737 13.5203 9.34428 13.4131 9.31956 13.3105L11.9367 11.7994C12.0131 11.872 12.0992 11.9367 12.1946 11.9915C12.8436 12.3646 13.6758 12.1435 14.0495 11.4937C14.4267 10.8439 14.2044 10.0154 13.5517 9.63855C13.4697 9.59137 13.3845 9.55357 13.2979 9.52506V6.47551C13.3857 6.44686 13.4719 6.4088 13.555 6.36098C14.2041 5.98398 14.4265 5.15542 14.0531 4.50596C13.6761 3.85689 12.8476 3.63459 12.1981 4.0079C12.1142 4.05664 12.0369 4.11323 11.9676 4.1757L9.32802 2.65166ZM9.00523 2.77952L8.59101 2.54035L8.86841 3.02081C8.92375 2.94712 8.96992 2.86613 9.00523 2.77952ZM8.42845 2.80304L8.34942 2.66615L8.30986 2.68899L8.29013 2.72317L8.42845 2.80304ZM7.99827 2.55467L8.11066 2.48978L8.17912 2.3712L8.11966 2.26821L7.99827 2.19812L7.88461 2.26375L7.82257 2.3712L7.89361 2.49424L7.99827 2.55467ZM7.65099 2.66838L7.6944 2.69344L7.71028 2.72095L7.57582 2.79858L7.65099 2.66838ZM8.41294 1.96622L8.37683 1.90367L8.431 1.93494L8.41294 1.96622ZM8.17042 1.7845L8.16359 1.78056L8.15796 1.79031L8.15856 1.79135L8.17042 1.7845ZM7.83811 1.78056L7.84374 1.79031L7.84185 1.79358L7.8287 1.78599L7.83811 1.78056ZM7.62504 1.90357L7.5707 1.93494L7.58881 1.96632L7.62504 1.90357ZM7.41326 2.5359L6.99414 2.77789C7.02974 2.8656 7.07646 2.94757 7.13257 3.02205L7.41326 2.5359ZM6.91217 3.18175C6.85072 3.09957 6.79837 3.01016 6.75661 2.91503L4.21789 4.38083C4.27931 4.46462 4.3305 4.55469 4.37091 4.64899L6.91217 3.18175ZM4.13315 4.78627C4.09554 4.6908 4.04435 4.6003 3.98041 4.51794L3.55529 4.76339V5.11991L4.13315 4.78627ZM3.55529 5.43413L4.20192 5.06079C4.22785 5.28418 4.18488 5.51744 4.06423 5.72733C3.94346 5.93741 3.76245 6.09157 3.55529 6.1808V5.43413ZM3.28317 5.27702V4.92051L2.97433 5.09883V5.45534L3.28317 5.27702ZM3.2484 4.62636H2.70221V4.94172L2.43156 5.09798L2.70221 5.56673V6.18527C2.66101 6.16794 2.62044 6.14789 2.58072 6.12506C2.06194 5.82686 1.88421 5.16135 2.18299 4.64163C2.48114 4.1229 3.14647 3.94511 3.66614 4.24366C3.7061 4.26688 3.74404 4.29224 3.77988 4.3195L3.2484 4.62636ZM2.97433 6.5341V9.46563C3.07759 9.45406 3.18121 9.45452 3.28317 9.46645V6.53267C3.18122 6.54476 3.07759 6.54541 2.97433 6.5341ZM3.28317 6.25817C3.18161 6.27326 3.07759 6.27412 2.97433 6.25989V5.76956L3.28317 5.59125V6.25817ZM3.55529 6.47181C3.85901 6.37047 4.12815 6.16214 4.30015 5.86295C4.47176 5.56442 4.51762 5.22811 4.45405 4.91522L6.83232 3.54208L3.55529 9.21788V6.47181ZM3.28317 10.2334L3.20665 10.366L3.24843 10.3901H3.28317V10.2334ZM3.28317 10.7244L3.17551 10.6622H3.03561L2.97433 10.7683V10.9025L3.09291 10.971H3.21387L3.28317 10.851V10.7244ZM3.55529 10.971V10.9239L3.57366 10.8921L3.71035 10.971H3.55529ZM2.97433 10.2241L3.25544 9.73721C3.16269 9.72604 3.06819 9.72675 2.97433 9.73997V10.2241ZM2.70221 9.81561C2.66234 9.83256 2.62305 9.85206 2.58454 9.87418C2.06498 10.1761 1.88791 10.8385 2.18646 11.3578C2.48454 11.8764 3.14646 12.0545 3.66981 11.7557C3.7086 11.7331 3.74549 11.7085 3.78041 11.6822L3.28322 11.3951L3.06215 11.778L2.3234 11.3515L2.38598 11.2431H2.25801V10.3901H2.70221V9.81561ZM2.56878 10.6622H2.53013V10.7291L2.56878 10.6622ZM2.53013 10.9603V10.971H2.54309L2.54449 10.9686L2.53013 10.9603ZM2.69514 11.2519L2.7002 11.2431H2.70221V11.256L2.69514 11.2519ZM2.90421 11.3726L2.96255 11.4063L2.98199 11.3726H2.90421ZM3.56423 11.2431L3.98177 11.4842C4.03994 11.4098 4.08765 11.3286 4.1243 11.2431H3.56423ZM4.37302 11.3536C4.33237 11.4478 4.28096 11.5377 4.21933 11.6214L6.75599 13.086C6.79764 12.9908 6.84988 12.9013 6.91124 12.8191L4.37302 11.3536ZM7.14896 12.9563C7.0852 13.0368 7.03263 13.1265 6.99356 13.2231L7.91524 13.7553L7.68397 13.3547L7.76145 13.31L7.14896 12.9563ZM8.03357 13.1528L7.35202 12.7593C7.53275 12.6248 7.75694 12.5453 8.00003 12.5453C8.25618 12.5453 8.49133 12.6336 8.67676 12.7815L8.03357 13.1528ZM8.07781 13.4926L8.17335 13.6581L8.2689 13.6029L8.07781 13.4926ZM8.58409 13.7352L8.27211 14.2756L6.92292 13.4966C6.91754 13.5405 6.91477 13.5851 6.91477 13.6305C6.91477 14.2307 7.39977 14.7157 8.00003 14.7157C8.60003 14.7157 9.08525 14.2275 9.08525 13.6305C9.08525 13.5704 9.08038 13.5114 9.07103 13.454L8.58409 13.7352ZM9.22743 13.0495L11.7567 11.5891C11.7118 11.5242 11.673 11.4557 11.6403 11.3847L9.10863 12.8464C9.15383 12.9102 9.19364 12.9781 9.22743 13.0495ZM8.87168 12.9832C8.91833 13.0459 8.95836 13.114 8.99072 13.1862L8.54101 13.4458L8.30569 13.31L8.87168 12.9832ZM8.92613 12.6375C8.68374 12.4114 8.35826 12.2732 8.00003 12.2732C7.65449 12.2732 7.3394 12.4018 7.09997 12.6138L4.72591 11.2431H11.3412L8.92613 12.6375ZM11.8854 11.2431L11.8773 11.2478C11.9083 11.3197 11.9471 11.3883 11.9934 11.4524L12.3559 11.2431H11.8854ZM12.6759 11.3726L12.1853 11.6559C12.2301 11.6924 12.2785 11.7258 12.3302 11.7556C12.8499 12.0543 13.5155 11.8766 13.8137 11.3578C14.1151 10.8389 13.9387 10.1762 13.4157 9.87423C13.3771 9.85207 13.3378 9.83254 13.2979 9.81558V10.3901H13.7387V11.2431H13.6157L13.6783 11.3515L12.9395 11.778L12.7054 11.3726H12.6759ZM13.0196 11.3726L13.0391 11.4063L13.0974 11.3726H13.0196ZM13.2979 11.2569L13.3065 11.2519L13.3015 11.2431H13.2979V11.2569ZM13.4666 10.971H13.4586L13.2979 10.6926V10.6622H13.4666V10.971ZM13.0257 10.2213V9.73999C12.9324 9.72683 12.8383 9.72601 12.746 9.73691L13.0257 10.2213ZM12.7169 9.46634C12.8189 9.45451 12.9225 9.45411 13.0257 9.46569V6.53412C12.9225 6.54543 12.8189 6.54477 12.7169 6.53267V9.46634ZM12.7169 6.25817C12.8185 6.27326 12.9225 6.27413 13.0257 6.25992V5.77159L12.7169 5.5933V6.25817ZM12.4448 5.43618V6.18076C12.2377 6.09152 12.0567 5.93738 11.9359 5.72733C11.8156 5.51807 11.7726 5.28556 11.798 5.06275L12.4448 5.43618ZM12.7169 5.27907L13.0257 5.45736V5.10085L12.7169 4.92256V5.27907ZM13.2979 5.56977L13.5689 5.10026L13.2979 4.94375V4.62636H12.7481L12.2187 4.32068C12.255 4.29297 12.2935 4.26721 12.334 4.24365C12.8533 3.9454 13.5155 4.12244 13.8173 4.64191C14.1156 5.16112 13.9386 5.82335 13.4191 6.12523C13.3795 6.14801 13.339 6.16802 13.2979 6.18532V5.56977ZM11.7812 4.38229L9.24272 2.91663C9.20084 3.01171 9.14838 3.10105 9.08682 3.18316L11.6285 4.65067C11.6688 4.55631 11.7199 4.46617 11.7812 4.38229ZM11.8664 4.78798C11.9038 4.69244 11.9548 4.60185 12.0186 4.51938L12.4448 4.76544V5.12196L11.8664 4.78798ZM11.5458 4.91709C11.4827 5.22946 11.5288 5.56502 11.7 5.86295C11.872 6.16209 12.1411 6.37042 12.4448 6.47178V9.21516L9.17194 3.54653L11.5458 4.91709ZM8.64516 3.24238L8.16575 2.96559L8.40337 3.37716C8.49007 3.34252 8.57122 3.29704 8.64516 3.24238ZM8.5406 3.61483C8.63593 3.57348 8.72556 3.52152 8.808 3.46043L12.3345 9.56833C12.2402 9.60887 12.1501 9.66018 12.0665 9.72174L8.5406 3.61483ZM8.12932 3.44673L8.00084 3.22421L7.87226 3.44691C7.91416 3.4518 7.9568 3.45432 8.00003 3.45432C8.04379 3.45432 8.08693 3.45174 8.12932 3.44673ZM7.72671 3.699C7.81498 3.717 7.90639 3.72644 8.00003 3.72644C8.09419 3.72644 8.18608 3.71689 8.2748 3.69871L11.8605 9.90917C11.7993 9.97776 11.7442 10.0537 11.6966 10.1365C11.6494 10.2186 11.6117 10.3035 11.5832 10.3901H4.41701C4.3885 10.3035 4.35082 10.2186 4.30363 10.1365C4.25603 10.0545 4.20092 9.97885 4.14018 9.91085L7.72671 3.699ZM7.59801 3.37768L7.83851 2.96113L7.35336 3.24124C7.42809 3.29669 7.51021 3.34274 7.59801 3.37768ZM7.1932 3.46127C7.2757 3.52228 7.36539 3.57414 7.46076 3.61539L3.93426 9.72328C3.85064 9.66158 3.76074 9.61011 3.66656 9.56939L7.1932 3.46127ZM3.79708 9.96087C3.72245 9.90244 3.64106 9.85453 3.55529 9.81777V10.3797L3.79708 9.96087ZM3.86349 10.3901H4.12644C4.10949 10.3502 4.08997 10.3109 4.06784 10.2723C4.04544 10.2338 4.02107 10.1972 3.99491 10.1625L3.86349 10.3901ZM4.20207 10.6622H3.71975L4.20495 10.9423C4.216 10.8499 4.21525 10.7557 4.20207 10.6622ZM4.4756 10.971H11.5245C11.5126 10.869 11.5122 10.7654 11.5238 10.6622H4.47641C4.48798 10.7654 4.48753 10.8691 4.4756 10.971ZM11.7981 10.6622C11.7836 10.7654 11.7841 10.8694 11.7988 10.971H11.8125L12.3083 10.6848L12.2952 10.6622H11.7981ZM11.8738 10.3901H12.1381L12.0058 10.1609C11.9794 10.196 11.9549 10.2331 11.9325 10.2721C11.9103 10.3107 11.8907 10.3501 11.8738 10.3901ZM12.2037 9.95932L12.4448 10.377V9.81716C12.3592 9.85369 12.278 9.90129 12.2037 9.95932ZM12.7169 10.2307V10.3901H12.8089L12.7169 10.2307ZM12.9661 10.6622H12.9452L13.0257 10.8017V10.7656L12.9661 10.6622ZM12.8093 10.971L12.7169 10.8111V10.8483L12.7878 10.971H12.8093ZM12.4448 10.971V10.9212L12.3567 10.971H12.4448Z", fill: "#3B3C45" })))));
+exports.DocumentGraphqlIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentGraphqlIcon/DocumentGraphqlIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentGraphqlIcon.js.map

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

@@ -0,0 +1 @@
+export { DocumentGraphqlIcon } from '../../icons/DocumentGraphqlIcon/DocumentGraphqlIcon';

package/lib/icons/DocumentGraphqlIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentGraphqlIcon = void 0;
+var DocumentGraphqlIcon_1 = require("../../icons/DocumentGraphqlIcon/DocumentGraphqlIcon");
+Object.defineProperty(exports, "DocumentGraphqlIcon", { enumerable: true, get: function () { return DocumentGraphqlIcon_1.DocumentGraphqlIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/DocumentHtmlIcon/DocumentHtmlIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentHtmlIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/DocumentHtmlIcon/DocumentHtmlIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentHtmlIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { id: "iconHTML" },
+        react_1.default.createElement("path", { id: "Vector", d: "M8.00005 11.7067L10.7134 10.9533L11.08 6.88667H6.25338L6.13338 5.53333H11.2L11.3334 4.20667H4.66671L5.04005 8.21333H9.63338L9.48005 9.93333L8.00005 10.3333L6.52005 9.93333L6.42671 8.82667H5.09338L5.28671 10.9533L8.00005 11.7067ZM2.71338 2H13.2867L12.3334 12.8L8.00005 14L3.66671 12.8L2.71338 2Z", fill: "#3B3C45" }))));
+exports.DocumentHtmlIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentHtmlIcon/DocumentHtmlIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentHtmlIcon.js.map

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

@@ -0,0 +1 @@
+export { DocumentHtmlIcon } from '../../icons/DocumentHtmlIcon/DocumentHtmlIcon';

package/lib/icons/DocumentHtmlIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentHtmlIcon = void 0;
+var DocumentHtmlIcon_1 = require("../../icons/DocumentHtmlIcon/DocumentHtmlIcon");
+Object.defineProperty(exports, "DocumentHtmlIcon", { enumerable: true, get: function () { return DocumentHtmlIcon_1.DocumentHtmlIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/DocumentJsIcon/DocumentJsIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentJsIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/DocumentJsIcon/DocumentJsIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentJsIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { id: "iconJS" },
+        react_1.default.createElement("path", { id: "Vector", d: "M2 2H14V14H2V2ZM5.15333 12.0267C5.42 12.5933 5.94667 13.06 6.84667 13.06C7.84667 13.06 8.53333 12.5267 8.53333 11.36V7.50667H7.4V11.3333C7.4 11.9067 7.16667 12.0533 6.8 12.0533C6.41333 12.0533 6.25333 11.7867 6.07333 11.4733L5.15333 12.0267ZM9.14 11.9067C9.47333 12.56 10.1467 13.06 11.2 13.06C12.2667 13.06 13.0667 12.5067 13.0667 11.4867C13.0667 10.5467 12.5267 10.1267 11.5667 9.71333L11.2867 9.59333C10.8 9.38667 10.5933 9.24667 10.5933 8.91333C10.5933 8.64 10.8 8.42667 11.1333 8.42667C11.4533 8.42667 11.6667 8.56667 11.86 8.91333L12.7333 8.33333C12.3667 7.69333 11.8467 7.44667 11.1333 7.44667C10.1267 7.44667 9.48 8.08667 9.48 8.93333C9.48 9.85333 10.02 10.2867 10.8333 10.6333L11.1133 10.7533C11.6333 10.98 11.94 11.12 11.94 11.5067C11.94 11.8267 11.64 12.06 11.1733 12.06C10.62 12.06 10.3 11.7733 10.06 11.3733L9.14 11.9067Z", fill: "#3B3C45" }))));
+exports.DocumentJsIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentJsIcon/DocumentJsIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentJsIcon.js.map

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

@@ -0,0 +1 @@
+export { DocumentJsIcon } from '../../icons/DocumentJsIcon/DocumentJsIcon';

package/lib/icons/DocumentJsIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentJsIcon = void 0;
+var DocumentJsIcon_1 = require("../../icons/DocumentJsIcon/DocumentJsIcon");
+Object.defineProperty(exports, "DocumentJsIcon", { enumerable: true, get: function () { return DocumentJsIcon_1.DocumentJsIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/DocumentJsonIcon/DocumentJsonIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentJsonIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/DocumentJsonIcon/DocumentJsonIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentJsonIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", { id: "iconJson" },
+        react_1.default.createElement("path", { id: "Vector", d: "M3.83937 2.65039H5.02803V3.84039H3.83937V6.81239C3.83928 6.96849 3.80845 7.12304 3.74863 7.26722C3.68881 7.41141 3.60118 7.54239 3.49074 7.65271C3.3803 7.76303 3.24922 7.85051 3.10497 7.91016C2.96072 7.96982 2.80613 8.00048 2.65003 8.00039C2.80619 8.0003 2.96083 8.03099 3.10512 8.09068C3.24941 8.15038 3.38053 8.23792 3.49098 8.34831C3.60143 8.4587 3.68904 8.58976 3.74882 8.73402C3.8086 8.87828 3.83937 9.0329 3.83937 9.18906V12.1617H5.02803V13.3504H3.83937C3.20337 13.1904 2.65003 12.8151 2.65003 12.1617V9.78373C2.65003 9.46847 2.5248 9.16613 2.30188 8.94321C2.07896 8.72029 1.77662 8.59506 1.46137 8.59506H0.866699V7.40639H1.46137C1.61752 7.40639 1.77214 7.37562 1.9164 7.31585C2.06066 7.25607 2.19173 7.16845 2.30212 7.058C2.4125 6.94756 2.50005 6.81644 2.55974 6.67215C2.61944 6.52785 2.65012 6.37321 2.65003 6.21706V3.84039C2.64986 3.68407 2.68052 3.52925 2.74026 3.38479C2.8 3.24033 2.88765 3.10908 2.99818 2.99854C3.10872 2.88801 3.23998 2.80036 3.38443 2.74062C3.52889 2.68088 3.68371 2.65022 3.84003 2.65039M12.162 2.65039C12.3182 2.65039 12.4728 2.68116 12.6171 2.74094C12.7613 2.80071 12.8924 2.88833 13.0028 2.99878C13.1132 3.10923 13.2007 3.24034 13.2604 3.38464C13.3201 3.52893 13.3508 3.68357 13.3507 3.83972V6.21706C13.3506 6.37321 13.3813 6.52785 13.441 6.67215C13.5007 6.81644 13.5882 6.94756 13.6986 7.058C13.809 7.16845 13.9401 7.25607 14.0843 7.31585C14.2286 7.37562 14.3832 7.40639 14.5394 7.40639H15.134V8.59506H14.5394C14.3833 8.59506 14.2287 8.6258 14.0845 8.68554C13.9403 8.74528 13.8092 8.83283 13.6989 8.94321C13.5885 9.05359 13.5009 9.18463 13.4412 9.32884C13.3814 9.47306 13.3507 9.62763 13.3507 9.78373V12.1617C13.3507 12.477 13.2255 12.7793 13.0025 13.0022C12.7796 13.2252 12.4773 13.3504 12.162 13.3504H10.9727V12.1617H12.162V9.18906C12.162 8.87392 12.2872 8.57168 12.51 8.34878C12.7327 8.12588 13.0349 8.00057 13.35 8.00039C13.0348 8.00039 12.7324 7.87516 12.5095 7.65224C12.2866 7.42932 12.1614 7.12698 12.1614 6.81172V3.83972H10.972V2.65039H12.162ZM8.00003 9.78373C8.15775 9.78373 8.309 9.84638 8.42053 9.9579C8.53205 10.0694 8.5947 10.2207 8.5947 10.3784C8.5947 10.5361 8.53205 10.6874 8.42053 10.7989C8.309 10.9104 8.15775 10.9731 8.00003 10.9731C7.84243 10.9729 7.69135 10.9102 7.57997 10.7986C7.46859 10.6871 7.40603 10.536 7.40603 10.3784C7.40603 10.2208 7.46859 10.0696 7.57997 9.95813C7.69135 9.84663 7.84243 9.7839 8.00003 9.78373ZM5.6227 9.78373C5.7803 9.7839 5.93138 9.84663 6.04276 9.95813C6.15414 10.0696 6.2167 10.2208 6.2167 10.3784C6.2167 10.536 6.15414 10.6871 6.04276 10.7986C5.93138 10.9102 5.7803 10.9729 5.6227 10.9731C5.54461 10.9731 5.46728 10.9577 5.39513 10.9278C5.32298 10.8979 5.25743 10.8541 5.20221 10.7989C5.14699 10.7437 5.10318 10.6781 5.0733 10.606C5.04341 10.5338 5.02803 10.4565 5.02803 10.3784C5.02803 10.3003 5.04341 10.223 5.0733 10.1508C5.10318 10.0787 5.14699 10.0131 5.20221 9.9579C5.25743 9.90268 5.32298 9.85888 5.39513 9.82899C5.46728 9.79911 5.54461 9.78373 5.6227 9.78373ZM10.378 9.78373C10.5356 9.7839 10.6867 9.84663 10.7981 9.95813C10.9095 10.0696 10.972 10.2208 10.972 10.3784C10.972 10.536 10.9095 10.6871 10.7981 10.7986C10.6867 10.9102 10.5356 10.9729 10.378 10.9731C10.2203 10.9731 10.0691 10.9104 9.95754 10.7989C9.84602 10.6874 9.78337 10.5361 9.78337 10.3784C9.78337 10.2207 9.84602 10.0694 9.95754 9.9579C10.0691 9.84638 10.2203 9.78373 10.378 9.78373Z", fill: "#3B3C45" }))));
+exports.DocumentJsonIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentJsonIcon/DocumentJsonIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentJsonIcon.js.map

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

@@ -0,0 +1 @@
+export { DocumentJsonIcon } from '../../icons/DocumentJsonIcon/DocumentJsonIcon';

package/lib/icons/DocumentJsonIcon/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DocumentJsonIcon = void 0;
+var DocumentJsonIcon_1 = require("../../icons/DocumentJsonIcon/DocumentJsonIcon");
+Object.defineProperty(exports, "DocumentJsonIcon", { enumerable: true, get: function () { return DocumentJsonIcon_1.DocumentJsonIcon; } });
+//# sourceMappingURL=index.js.map

package/lib/icons/DocumentMarkdownIcon/DocumentMarkdownIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentMarkdownIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;