@redocly/theme 0.47.0 → 0.47.1

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">;

package/lib/icons/DocumentMarkdownIcon/DocumentMarkdownIcon.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.DocumentMarkdownIcon = 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: "iconMarkdown" },
+        react_1.default.createElement("path", { id: "Vector", d: "M1.5 10.5003V5.16699H2.83333L4.83333 7.16699L6.83333 5.16699H8.16667V10.5003H6.83333V7.05366L4.83333 9.05366L2.83333 7.05366V10.5003H1.5ZM10.8333 5.16699H12.8333V7.83366H14.5L11.8333 10.8337L9.16667 7.83366H10.8333V5.16699Z", fill: "#3B3C45" }))));
+exports.DocumentMarkdownIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentMarkdownIcon/DocumentMarkdownIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentMarkdownIcon.js.map

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

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

package/lib/icons/DocumentMarkdownIcon/index.js

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

package/lib/icons/DocumentReactIcon/DocumentReactIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentReactIcon: 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/DocumentReactIcon/DocumentReactIcon.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.DocumentReactIcon = 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: "iconReact" },
+        react_1.default.createElement("path", { id: "Vector", d: "M7.99992 6.74022C8.68658 6.74022 9.24658 7.30022 9.24658 8.00022C9.24658 8.66689 8.68658 9.23356 7.99992 9.23356C7.31325 9.23356 6.75325 8.66689 6.75325 8.00022C6.75325 7.30022 7.31325 6.74022 7.99992 6.74022ZM4.91325 13.3336C5.33325 13.5869 6.25325 13.2002 7.31325 12.2002C6.96659 11.8069 6.62659 11.3802 6.30658 10.9336C5.76935 10.8821 5.23526 10.802 4.70658 10.6936C4.36659 12.1202 4.49325 13.1002 4.91325 13.3336ZM5.38658 9.50689L5.19325 9.16689C5.11992 9.36022 5.04659 9.55356 4.99992 9.74022C5.17992 9.78022 5.37992 9.81356 5.58659 9.84689L5.38658 9.50689ZM9.74658 9.00022L10.2866 8.00022L9.74658 7.00022C9.54659 6.64689 9.33325 6.33356 9.13992 6.02022C8.77992 6.00022 8.39992 6.00022 7.99992 6.00022C7.59992 6.00022 7.21992 6.00022 6.85992 6.02022C6.66658 6.33356 6.45325 6.64689 6.25325 7.00022L5.71325 8.00022L6.25325 9.00022C6.45325 9.35356 6.66658 9.66689 6.85992 9.98022C7.21992 10.0002 7.59992 10.0002 7.99992 10.0002C8.39992 10.0002 8.77992 10.0002 9.13992 9.98022C9.33325 9.66689 9.54659 9.35356 9.74658 9.00022ZM7.99992 4.52022C7.87325 4.66689 7.73992 4.82022 7.60658 5.00022H8.39325C8.25992 4.82022 8.12659 4.66689 7.99992 4.52022ZM7.99992 11.4802C8.12659 11.3336 8.25992 11.1802 8.39325 11.0002H7.60658C7.73992 11.1802 7.87325 11.3336 7.99992 11.4802ZM11.0799 2.66689C10.6666 2.41356 9.74658 2.80022 8.68658 3.80022C9.03325 4.19356 9.37325 4.62022 9.69325 5.06689C10.2399 5.12022 10.7799 5.20022 11.2933 5.30689C11.6333 3.88022 11.5066 2.90022 11.0799 2.66689ZM10.6133 6.49356L10.8066 6.83356C10.8799 6.64022 10.9533 6.44689 10.9999 6.26022C10.8199 6.22022 10.6199 6.18689 10.4133 6.15356L10.6133 6.49356ZM11.5799 1.79356C12.5599 2.35356 12.6666 3.82689 12.2533 5.54689C13.9466 6.04689 15.1666 6.87356 15.1666 8.00022C15.1666 9.12689 13.9466 9.95356 12.2533 10.4536C12.6666 12.1736 12.5599 13.6469 11.5799 14.2069C10.6066 14.7669 9.27992 14.1269 7.99992 12.9069C6.71992 14.1269 5.39325 14.7669 4.41325 14.2069C3.43992 13.6469 3.33325 12.1736 3.74659 10.4536C2.05325 9.95356 0.833252 9.12689 0.833252 8.00022C0.833252 6.87356 2.05325 6.04689 3.74659 5.54689C3.33325 3.82689 3.43992 2.35356 4.41325 1.79356C5.39325 1.23356 6.71992 1.87356 7.99992 3.09356C9.27992 1.87356 10.6066 1.23356 11.5799 1.79356ZM11.3866 8.00022C11.6133 8.50022 11.8133 9.00022 11.9799 9.50689C13.3799 9.08689 14.1666 8.48689 14.1666 8.00022C14.1666 7.51356 13.3799 6.91356 11.9799 6.49356C11.8133 7.00022 11.6133 7.50022 11.3866 8.00022ZM4.61325 8.00022C4.38659 7.50022 4.18659 7.00022 4.01992 6.49356C2.61992 6.91356 1.83325 7.51356 1.83325 8.00022C1.83325 8.48689 2.61992 9.08689 4.01992 9.50689C4.18659 9.00022 4.38659 8.50022 4.61325 8.00022ZM10.6133 9.50689L10.4133 9.84689C10.6199 9.81356 10.8199 9.78022 10.9999 9.74022C10.9533 9.55356 10.8799 9.36022 10.8066 9.16689L10.6133 9.50689ZM8.68658 12.2002C9.74658 13.2002 10.6666 13.5869 11.0799 13.3336C11.5066 13.1002 11.6333 12.1202 11.2933 10.6936C10.7799 10.8002 10.2399 10.8802 9.69325 10.9336C9.37325 11.3802 9.03325 11.8069 8.68658 12.2002ZM5.38658 6.49356L5.58659 6.15356C5.37992 6.18689 5.17992 6.22022 4.99992 6.26022C5.04659 6.44689 5.11992 6.64022 5.19325 6.83356L5.38658 6.49356ZM7.31325 3.80022C6.25325 2.80022 5.33325 2.41356 4.91325 2.66689C4.49325 2.90022 4.36659 3.88022 4.70658 5.30689C5.23526 5.19842 5.76935 5.1183 6.30658 5.06689C6.62659 4.62022 6.96659 4.19356 7.31325 3.80022Z", fill: "#3B3C45" }))));
+exports.DocumentReactIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentReactIcon/DocumentReactIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentReactIcon.js.map

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

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

package/lib/icons/DocumentReactIcon/index.js

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

package/lib/icons/DocumentTsIcon/DocumentTsIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentTsIcon: 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/DocumentTsIcon/DocumentTsIcon.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.DocumentTsIcon = 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: "iconTS" },
+        react_1.default.createElement("path", { id: "Vector", fillRule: "evenodd", clipRule: "evenodd", d: "M1.47192 1.47168V14.5277H14.5279V1.47168H1.47192ZM11.3926 7.81312V7.81331C11.5177 7.81369 11.6601 7.82013 11.7671 7.83174C12.2029 7.87888 12.5423 8.06691 12.831 8.42106C12.9748 8.59747 13.024 8.67465 13.0135 8.70768C13.0067 8.72899 12.9081 8.79965 12.5944 9.00784C12.2863 9.21242 12.1871 9.27369 12.164 9.27369C12.1406 9.27369 12.0919 9.22358 12.0217 9.12736C11.8865 8.94211 11.7485 8.85757 11.5352 8.82938C11.3057 8.79898 11.0999 8.8713 10.9991 9.01779C10.9129 9.14298 10.8999 9.34438 10.9684 9.49075C11.0478 9.66026 11.1914 9.75398 11.7417 9.9953C12.3765 10.2736 12.6982 10.4641 12.9324 10.7006C13.1847 10.9552 13.3125 11.2491 13.3518 11.6649C13.371 11.8676 13.3475 12.1078 13.2896 12.3031C13.1473 12.7819 12.7635 13.1324 12.2009 13.2974C12.0454 13.343 11.9007 13.3702 11.7576 13.3807C11.539 13.3968 11.2263 13.388 11.038 13.3606C10.5617 13.2912 10.0241 13.014 9.75596 12.6998C9.62434 12.5455 9.45631 12.2916 9.45631 12.247C9.45631 12.2254 9.467 12.2132 9.5093 12.1863C9.6348 12.1065 10.3539 11.6955 10.3679 11.6955C10.3763 11.6955 10.4139 11.7397 10.4513 11.7938C10.5361 11.9163 10.7448 12.1268 10.8508 12.1971C10.9374 12.2545 11.0482 12.3005 11.1797 12.3338C11.2551 12.3525 11.2949 12.3559 11.4593 12.3559C11.6272 12.3558 11.6617 12.353 11.7368 12.3328C11.9355 12.2794 12.0906 12.1687 12.1563 12.0335C12.1851 11.9751 12.1857 11.9678 12.1857 11.8261V11.6793L12.1504 11.6092C12.0649 11.4394 11.8805 11.3229 11.2977 11.0705C11.0301 10.9545 10.7022 10.791 10.5742 10.7097C10.2821 10.524 10.0796 10.3118 9.94677 10.052C9.81461 9.79369 9.79493 9.69754 9.79461 9.30909C9.79429 9.00499 9.79378 9.00873 9.85672 8.81465C9.91384 8.63853 10.0308 8.44179 10.1599 8.30458C10.4175 8.03075 10.7939 7.85475 11.1969 7.81974C11.2484 7.81485 11.3174 7.81296 11.3925 7.81318L11.3926 7.81312ZM7.92504 7.87318H7.92517C8.70127 7.87357 9.14616 7.87626 9.1533 7.88074C9.16674 7.88906 9.16844 7.95661 9.16844 8.38768V8.88499L8.394 8.88781L7.61957 8.89062V11.0894C7.61957 12.2988 7.61711 13.2955 7.61375 13.3043C7.60828 13.3191 7.54869 13.3202 7.04479 13.3202H6.482L6.47618 13.2975C6.47244 13.285 6.46968 12.2883 6.46962 11.0826L6.46943 8.8905L5.69503 8.88774L4.92056 8.88493V8.3935C4.92056 8.00374 4.92325 7.89936 4.93365 7.88899C4.94431 7.87802 5.33954 7.8752 7.04252 7.8735C7.37084 7.87318 7.66632 7.87302 7.92504 7.87318Z", fill: "#3B3C45" }))));
+exports.DocumentTsIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentTsIcon/DocumentTsIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentTsIcon.js.map

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

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

package/lib/icons/DocumentTsIcon/index.js

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

package/lib/icons/DocumentYamlIcon/DocumentYamlIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const DocumentYamlIcon: 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/DocumentYamlIcon/DocumentYamlIcon.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.DocumentYamlIcon = 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: "iconYaml" },
+        react_1.default.createElement("path", { id: "Vector", d: "M8.66675 5.99967H12.3334L8.66675 2.33301V5.99967ZM4.00008 1.33301H9.33342L13.3334 5.33301V13.333C13.3334 14.0663 12.7334 14.6663 12.0001 14.6663H4.00008C3.26675 14.6663 2.66675 14.0663 2.66675 13.333V2.66634C2.66675 1.93301 3.26675 1.33301 4.00008 1.33301ZM12.0001 11.9997V10.6663H6.00008V11.9997H12.0001ZM9.33342 9.33301V7.99967H4.00008V9.33301H9.33342Z", fill: "#3B3C45" }))));
+exports.DocumentYamlIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/DocumentYamlIcon/DocumentYamlIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=DocumentYamlIcon.js.map

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

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

package/lib/icons/DocumentYamlIcon/index.js

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

package/lib/index.d.ts

@@ -217,5 +217,6 @@ export * from './layouts/NotFound';
 export * from './layouts/Forbidden';
 export * from './layouts/OIDCForbidden';
 export * from './layouts/ThreePanelLayout';
+export * from './layouts/CodeWalkthroughLayout';
 export * as markdoc from './markdoc/default';
 export * from './components/DatePicker/DatePicker';

package/lib/index.js

@@ -270,6 +270,7 @@ __exportStar(require("./layouts/NotFound"), exports);
 __exportStar(require("./layouts/Forbidden"), exports);
 __exportStar(require("./layouts/OIDCForbidden"), exports);
 __exportStar(require("./layouts/ThreePanelLayout"), exports);
+__exportStar(require("./layouts/CodeWalkthroughLayout"), exports);
 /* Markdoc */
 exports.markdoc = __importStar(require("./markdoc/default"));
 /* DatePicker */

package/lib/layouts/CodeWalkthroughLayout.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export type CodeWalkthroughLayoutProps = React.PropsWithChildren<{
+    className?: string;
+}>;
+export declare function CodeWalkthroughLayout({ className, children, }: CodeWalkthroughLayoutProps): JSX.Element;

package/lib/layouts/CodeWalkthroughLayout.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeWalkthroughLayout = CodeWalkthroughLayout;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+function CodeWalkthroughLayout({ className, children, }) {
+    return (react_1.default.createElement(LayoutWrapper, { "data-component-name": "Layout/CodeWalkthroughLayout", className: className },
+        react_1.default.createElement(ContentWrapper, null, children)));
+}
+const LayoutWrapper = styled_components_1.default.div.attrs(({ className }) => ({
+    className,
+})) `
+  display: flex;
+  flex: 1;
+  width: 100%;
+`;
+const ContentWrapper = styled_components_1.default.section `
+  width: 100%;
+  --md-content-font-size: var(--font-size-lg);
+  --md-content-line-height: var(--line-height-lg);
+  --md-table-font-size: var(--md-content-font-size);
+  --md-table-line-height: var(--md-content-line-height);
+  --md-tabs-content-font-size: var(--md-content-font-size);
+  --md-tabs-content-line-height: var(--md-content-line-height);
+
+  article {
+    padding: var(--spacing-xl) 0;
+
+    /* Spacing for elements preceding a code walkthrough */
+    > :not(.code-walkthrough):has(+ .code-walkthrough) {
+      margin-bottom: var(--spacing-xl);
+    }
+
+    /* Spacing for code walkthroughs not at the end */
+    > .code-walkthrough:not(:last-child) {
+      margin-bottom: var(--spacing-xl);
+    }
+
+    /* Layout constraints for direct children except .code-walkthrough */
+    > :not(.code-walkthrough) {
+      max-width: var(--md-content-max-width);
+      padding-left: 0;
+      padding-right: 0;
+      margin-left: auto !important;
+      margin-right: auto !important;
+    }
+
+    /* Adjust padding for edge cases with .code-walkthrough */
+    &:has(.code-walkthrough:first-child) {
+      padding-top: 0;
+    }
+
+    &:has(.code-walkthrough:last-child) {
+      padding-bottom: 0;
+    }
+
+    /* Full-width styling for all .code-walkthroughs */
+    .code-walkthrough {
+      max-width: none;
+      width: 100%;
+    }
+
+    &:first-child > h1:first-child {
+      // disable margin top for h1 on the title heading
+      margin-top: 0;
+    }
+  }
+`;
+//# sourceMappingURL=CodeWalkthroughLayout.js.map

package/lib/markdoc/attributes/code-walkthrough-filesets.d.ts

@@ -0,0 +1,5 @@
+import type { CustomAttributeTypeInterface, ValidationError } from '@markdoc/markdoc';
+export declare class CodeWalkthroughFilesets implements CustomAttributeTypeInterface {
+    validate(_value: string): ValidationError[];
+    static resolver: string;
+}

package/lib/markdoc/attributes/code-walkthrough-filesets.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeWalkthroughFilesets = void 0;
+class CodeWalkthroughFilesets {
+    validate(_value) {
+        return [];
+    }
+}
+exports.CodeWalkthroughFilesets = CodeWalkthroughFilesets;
+Object.defineProperty(CodeWalkthroughFilesets, "resolver", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'codeWalkthroughFilesets'
+});
+//# sourceMappingURL=code-walkthrough-filesets.js.map

package/lib/markdoc/attributes/code-walkthrough-filters.d.ts

@@ -0,0 +1,5 @@
+import type { CustomAttributeTypeInterface, ValidationError } from '@markdoc/markdoc';
+export declare class CodeWalkthroughFilters implements CustomAttributeTypeInterface {
+    validate(_value: string): ValidationError[];
+    static resolver: string;
+}

package/lib/markdoc/attributes/code-walkthrough-filters.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CodeWalkthroughFilters = void 0;
+class CodeWalkthroughFilters {
+    validate(_value) {
+        return [];
+    }
+}
+exports.CodeWalkthroughFilters = CodeWalkthroughFilters;
+Object.defineProperty(CodeWalkthroughFilters, "resolver", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: 'codeWalkthroughFilters'
+});
+//# sourceMappingURL=code-walkthrough-filters.js.map

package/lib/markdoc/components/CodeWalkthrough/CodeContainer.d.ts

@@ -0,0 +1,5 @@
+export type CodeContainerProps = {
+    highlightedCode: string;
+    toolbar: JSX.Element;
+};
+export declare function CodeContainer({ highlightedCode, toolbar, }: CodeContainerProps): JSX.Element | null;