@redocly/theme 0.56.0-rc.2 → 0.56.1

package/lib/icons/GridIcon/GridIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M6 2H3C2.73478 2 2.48043 2.10536 2.29289 2.29289C2.10536 2.48043 2 2.73478 2 3V6C2 6.26522 2.10536 6.51957 2.29289 6.70711C2.48043 6.89464 2.73478 7 3 7H6C6.26522 7 6.51957 6.89464 6.70711 6.70711C6.89464 6.51957 7 6.26522 7 6V3C7 2.73478 6.89464 2.48043 6.70711 2.29289C6.51957 2.10536 6.26522 2 6 2ZM6 6H3V3H6V6Z", fill: "#1A1C21" }),
     react_1.default.createElement("path", { d: "M13 2H10C9.73478 2 9.48043 2.10536 9.29289 2.29289C9.10536 2.48043 9 2.73478 9 3V6C9 6.26522 9.10536 6.51957 9.29289 6.70711C9.48043 6.89464 9.73478 7 10 7H13C13.2652 7 13.5196 6.89464 13.7071 6.70711C13.8946 6.51957 14 6.26522 14 6V3C14 2.73478 13.8946 2.48043 13.7071 2.29289C13.5196 2.10536 13.2652 2 13 2ZM13 6H10V3H13V6Z", fill: "#1A1C21" }),

package/lib/icons/HexagonIcon/HexagonIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '@redocly/theme/icons/types';
+export declare const HexagonIcon: 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/HexagonIcon/HexagonIcon.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HexagonIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("@redocly/theme/core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 23 26" }, props),
+    react_1.default.createElement("path", { d: "M21.6594 6.61069L11.9094 0.923193C11.7852 0.850699 11.6439 0.8125 11.5 0.8125C11.3561 0.8125 11.2148 0.850699 11.0906 0.923193L1.34058 6.61069C1.21792 6.68225 1.11616 6.78471 1.04543 6.90785C0.974708 7.03099 0.937495 7.17052 0.9375 7.31253V18.6875C0.937495 18.8295 0.974708 18.9691 1.04543 19.0922C1.11616 19.2154 1.21792 19.3178 1.34058 19.3894L11.0906 25.0769C11.2148 25.1494 11.3561 25.1876 11.5 25.1876C11.6439 25.1876 11.7852 25.1494 11.9094 25.0769L21.6594 19.3894C21.7821 19.3178 21.8838 19.2154 21.9546 19.0922C22.0253 18.9691 22.0625 18.8295 22.0625 18.6875V7.31253C22.0625 7.17052 22.0253 7.03099 21.9546 6.90785C21.8838 6.78471 21.7821 6.68225 21.6594 6.61069ZM11.5 2.56566L19.6377 7.31253L11.5 12.0594L3.36232 7.31253L11.5 2.56566ZM2.5625 8.72726L10.6875 13.4666V22.9603L2.5625 18.221V8.72726ZM12.3125 22.9603V13.4666L20.4375 8.72726V18.221L12.3125 22.9603Z" })));
+exports.HexagonIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/HexagonIcon/HexagonIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=HexagonIcon.js.map

package/lib/icons/HorizontalViewIcon/HorizontalViewIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const HorizontalViewIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/HorizontalViewIcon/HorizontalViewIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HorizontalViewIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M14 15H2C1.73487 14.9997 1.48068 14.8943 1.2932 14.7068C1.10572 14.5193 1.00028 14.2651 1 14V10C1.00028 9.73487 1.10572 9.48068 1.2932 9.2932C1.48068 9.10572 1.73487 9.00028 2 9H14C14.2651 9.00028 14.5193 9.10572 14.7068 9.2932C14.8943 9.48068 14.9997 9.73487 15 10V14C14.9997 14.2651 14.8943 14.5193 14.7068 14.7068C14.5193 14.8943 14.2651 14.9997 14 15ZM2 10V14H14V10H2Z" }),
     react_1.default.createElement("path", { d: "M14 7H2C1.73487 6.99972 1.48068 6.89428 1.2932 6.7068C1.10572 6.51932 1.00028 6.26513 1 6V2C1.00028 1.73487 1.10572 1.48068 1.2932 1.2932C1.48068 1.10572 1.73487 1.00028 2 1H14C14.2651 1.00028 14.5193 1.10572 14.7068 1.2932C14.8943 1.48068 14.9997 1.73487 15 2V6C14.9997 6.26513 14.8943 6.51932 14.7068 6.7068C14.5193 6.89428 14.2651 6.99972 14 7ZM2 2V6H14V2H2Z" })));

package/lib/icons/IBMCloudHyperProtectCryptoServicesIcon/IBMCloudHyperProtectCryptoServicesIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const IBMCloudHyperProtectCryptoServicesIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/IBMCloudHyperProtectCryptoServicesIcon/IBMCloudHyperProtectCryptoServicesIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.IBMCloudHyperProtectCryptoServicesIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M12.5 15L11.45 14.5C10.6 14.1 10 13.2 10 12.25V9H15V12.25C15 13.2 14.45 14.1 13.55 14.5L12.5 15ZM11 10V12.25C11 12.85 11.35 13.35 11.85 13.6L12.5 13.9L13.15 13.6C13.65 13.35 14 12.8 14 12.25V10H11Z" }),
     react_1.default.createElement("path", { d: "M11 6C11.5523 6 12 5.55228 12 5C12 4.44772 11.5523 4 11 4C10.4477 4 10 4.44772 10 5C10 5.55228 10.4477 6 11 6Z" }),

package/lib/icons/InformationFilledIcon/InformationFilledIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const InformationFilledIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/InformationFilledIcon/InformationFilledIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformationFilledIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 4C8.14834 4 8.29334 4.04399 8.41668 4.1264C8.54002 4.20881 8.63615 4.32594 8.69291 4.46299C8.74968 4.60003 8.76453 4.75083 8.73559 4.89632C8.70665 5.0418 8.63522 5.17544 8.53033 5.28033C8.42544 5.38522 8.29181 5.45665 8.14632 5.48559C8.00083 5.51453 7.85004 5.49968 7.71299 5.44291C7.57595 5.38614 7.45881 5.29001 7.3764 5.16668C7.29399 5.04334 7.25 4.89834 7.25 4.75C7.25 4.55109 7.32902 4.36032 7.46967 4.21967C7.61033 4.07902 7.80109 4 8 4ZM10 12.0625H6V10.9375H7.4375V8.0625H6.5V6.9375H8.5625V10.9375H10V12.0625Z" })));
 exports.InformationFilledIcon = (0, styled_components_1.default)(Icon).attrs(() => ({

package/lib/icons/InformationIcon/InformationIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const InformationIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/InformationIcon/InformationIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.InformationIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M8.5 11V7H6.5V8H7.5V11H6V12H10V11H8.5Z" }),
     react_1.default.createElement("path", { d: "M8 4C7.85167 4 7.70666 4.04399 7.58333 4.1264C7.45999 4.20881 7.36386 4.32595 7.30709 4.46299C7.25033 4.60004 7.23548 4.75084 7.26441 4.89632C7.29335 5.04181 7.36478 5.17544 7.46967 5.28033C7.57456 5.38522 7.7082 5.45665 7.85369 5.48559C7.99917 5.51453 8.14997 5.49968 8.28701 5.44291C8.42406 5.38615 8.54119 5.29002 8.6236 5.16668C8.70602 5.04334 8.75 4.89834 8.75 4.75C8.75 4.55109 8.67098 4.36033 8.53033 4.21967C8.38968 4.07902 8.19892 4 8 4Z" }),

package/lib/icons/JsonIcon/JsonIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const JsonIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/JsonIcon/JsonIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.JsonIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/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("path", { d: "M15.5 5.5V10.5H14.5L13.5 7.5V10.5H12.5V5.5H13.5L14.5 8.5V5.5H15.5Z" }),
     react_1.default.createElement("path", { d: "M10.6667 10.5H9.33325C9.11234 10.4997 8.90054 10.4119 8.74433 10.2557C8.58812 10.0995 8.50025 9.88766 8.5 9.66675V6.33325C8.50025 6.11234 8.58812 5.90054 8.74433 5.74433C8.90054 5.58812 9.11234 5.50025 9.33325 5.5H10.6667C10.8877 5.50025 11.0995 5.58812 11.2557 5.74433C11.4119 5.90054 11.4997 6.11234 11.5 6.33325V9.66675C11.4997 9.88766 11.4119 10.0995 11.2557 10.2557C11.0995 10.4119 10.8877 10.4997 10.6667 10.5ZM9.5 9.5H10.5V6.5H9.5V9.5Z" }),

package/lib/icons/KafkaIcon/KafkaIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const KafkaIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/KafkaIcon/KafkaIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.KafkaIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("g", { clipPath: "url(#clip0_8551_41)" },
         react_1.default.createElement("path", { d: "M6.7631 1.83344C6.59429 1.66741 6.35877 1.56488 6.09695 1.56488C5.83611 1.56488 5.60241 1.66741 5.43559 1.83344H5.43079C5.26247 1.99867 5.1577 2.22933 5.1577 2.48462C5.1577 2.74087 5.26247 2.96959 5.43079 3.13385L5.43559 3.13757C5.60241 3.30279 5.83611 3.40436 6.09695 3.40436C6.35877 3.40436 6.59429 3.30279 6.7631 3.13757L6.76559 3.13385C6.93473 2.96959 7.03851 2.74087 7.03851 2.48462C7.03851 2.22933 6.93473 1.99867 6.76559 1.83344H6.7631ZM6.09695 14.4233C6.35877 14.4233 6.59429 14.3189 6.7631 14.1557L6.76559 14.1508C6.93473 13.9878 7.03851 13.7572 7.03851 13.5037C7.03851 13.2474 6.93473 13.0177 6.76559 12.8517H6.7631C6.59429 12.6837 6.35877 12.5822 6.09695 12.5822C5.83611 12.5822 5.60241 12.6837 5.43559 12.8517H5.43079C5.26247 13.0177 5.1577 13.2474 5.1577 13.5037C5.1577 13.7572 5.26247 13.9878 5.43079 14.1508L5.43559 14.1557C5.60241 14.3189 5.83611 14.4233 6.09695 14.4233ZM11.217 11.6368C11.4499 11.5771 11.6607 11.4308 11.7893 11.2097L11.8067 11.1774C11.9211 10.9677 11.9419 10.7257 11.8809 10.5112C11.8193 10.2815 11.668 10.0784 11.4426 9.95123L11.4295 9.94264C11.2099 9.82488 10.9597 9.79929 10.7298 9.86003C10.4961 9.91705 10.2862 10.0698 10.1583 10.2891C10.0287 10.5063 10.0015 10.7569 10.0636 10.9876C10.1277 11.2144 10.2774 11.4194 10.5014 11.5476H10.5029C10.7273 11.6738 10.9815 11.6966 11.217 11.6368ZM7.06134 7.05157C6.81441 6.81054 6.47413 6.65957 6.09695 6.65957C5.72125 6.65957 5.3818 6.81054 5.13536 7.05157C4.89008 7.29179 4.73881 7.62402 4.73881 7.9922C4.73881 8.36136 4.89008 8.69456 5.13536 8.93754C5.3818 9.17663 5.72125 9.32662 6.09695 9.32662C6.47413 9.32662 6.81441 9.17663 7.06134 8.93754C7.30712 8.69456 7.45839 8.36136 7.45839 7.9922C7.45839 7.62402 7.30712 7.29179 7.06134 7.05157ZM6.51915 5.4839C7.06565 5.57201 7.55736 5.82827 7.93257 6.1984H7.93554C7.99513 6.2572 8.05338 6.32086 8.10717 6.38533L9.04542 5.85403C8.91931 5.48098 8.91352 5.09092 9.0148 4.72549C9.1487 4.23565 9.47309 3.79717 9.95934 3.52196L9.9754 3.51256C10.4564 3.24578 11.0032 3.1907 11.4969 3.32175C11.9967 3.45263 12.4477 3.77157 12.7284 4.24715V4.24813C13.0078 4.72079 13.0646 5.2636 12.9312 5.75149C12.7983 6.241 12.4724 6.68241 11.9866 6.95567L11.8585 7.02986H11.8454C11.3961 7.23947 10.9019 7.27187 10.4481 7.15508C10.0754 7.05821 9.73343 6.85508 9.46581 6.56562L8.52905 7.0953C8.63663 7.37424 8.69637 7.6752 8.69637 7.9922C8.69637 8.30823 8.63663 8.61292 8.52905 8.8938L9.46581 9.42154C9.73343 9.12835 10.0754 8.92895 10.4481 8.83209C10.9479 8.69829 11.5022 8.75531 11.9866 9.03149L12.0176 9.04574V9.04769C12.4856 9.32468 12.7997 9.75377 12.9312 10.2378C13.0646 10.7228 13.0078 11.2657 12.7284 11.7394L12.7115 11.7726L12.7095 11.7696C12.4288 12.2263 11.9866 12.5357 11.4984 12.6666C10.9974 12.7957 10.4433 12.7406 9.95934 12.4683V12.4644C9.47309 12.1892 9.1487 11.7497 9.0148 11.261C8.91352 10.8966 8.91931 10.5063 9.04542 10.1335L8.10717 9.60377C8.05338 9.66841 7.99513 9.72915 7.93554 9.78795L7.93257 9.7907C7.55736 10.1591 7.06565 10.4153 6.51915 10.5007V11.5618C6.90858 11.6415 7.25763 11.8323 7.53121 12.0999L7.53254 12.1028C7.89913 12.4597 8.12604 12.957 8.12604 13.5037C8.12604 14.0486 7.89913 14.5428 7.53254 14.9016L7.53121 14.9073C7.16214 15.2661 6.65553 15.4881 6.09695 15.4881C5.54134 15.4881 5.03407 15.2661 4.66599 14.9073H4.66466V14.9016C4.29757 14.5428 4.07017 14.0486 4.07017 13.5037C4.07017 12.957 4.29757 12.4597 4.66466 12.1028V12.0999H4.66599C4.93907 11.8323 5.28862 11.6415 5.67706 11.5618V10.5007C5.13006 10.4153 4.63984 10.1591 4.26513 9.7907L4.26116 9.78795C3.79278 9.32759 3.5 8.69456 3.5 7.9922C3.5 7.29179 3.79278 6.65876 4.26116 6.1984H4.26513C4.63984 5.82827 5.13006 5.57201 5.67706 5.4839V4.42744C5.28862 4.34483 4.93907 4.15418 4.66599 3.88836H4.66466V3.88545C4.29757 3.52487 4.07017 3.03131 4.07017 2.48462C4.07017 1.94068 4.29757 1.44242 4.66466 1.08363L4.66599 1.08184C5.03407 0.722079 5.54134 0.5 6.09695 0.5C6.65553 0.5 7.16214 0.722079 7.53121 1.08184V1.08363H7.53254C7.89913 1.44242 8.12604 1.94068 8.12604 2.48462C8.12604 3.03131 7.89913 3.52487 7.53254 3.88545L7.53121 3.88836C7.25763 4.15418 6.90858 4.34483 6.51915 4.42744V5.4839ZM11.7893 4.77959L11.7816 4.76825C11.652 4.5546 11.4454 4.41222 11.217 4.3505C10.9815 4.28976 10.7273 4.31551 10.5014 4.4417H10.5029C10.2774 4.56691 10.1267 4.77198 10.0636 5.00167C10.0015 5.22942 10.0287 5.48098 10.1583 5.70014L10.1626 5.70597C10.2925 5.92222 10.4991 6.06736 10.7298 6.12616C10.9616 6.18982 11.22 6.16325 11.4426 6.0361L11.4547 6.03043C11.6738 5.9023 11.8198 5.70014 11.8809 5.47807C11.9429 5.24934 11.9183 4.99876 11.7893 4.77959Z", fill: "#1A1919" })),

package/lib/icons/LaunchIcon/LaunchIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const LaunchIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/LaunchIcon/LaunchIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LaunchIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M13 14H3C2.73489 13.9996 2.48075 13.8942 2.29329 13.7067C2.10583 13.5193 2.00036 13.2651 2 13V3C2.00036 2.73489 2.10583 2.48075 2.29329 2.29329C2.48075 2.10583 2.73489 2.00036 3 2H8V3H3V13H13V8H14V13C13.9996 13.2651 13.8942 13.5193 13.7067 13.7067C13.5193 13.8942 13.2651 13.9996 13 14Z" }),
     react_1.default.createElement("path", { d: "M10 1V2H13.293L9 6.293L9.707 7L14 2.707V6H15V1H10Z" })));

package/lib/icons/LinkIcon/LinkIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const LinkIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/LinkIcon/LinkIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LinkIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M14.625 3.37992C14.3463 3.10024 14.0151 2.87833 13.6505 2.72692C13.2858 2.5755 12.8949 2.49756 12.5 2.49756C12.1052 2.49756 11.7142 2.5755 11.3496 2.72692C10.9849 2.87833 10.6537 3.10024 10.375 3.37992L11.085 4.08992C11.2712 3.90378 11.4922 3.75611 11.7354 3.65537C11.9786 3.55463 12.2393 3.50278 12.5025 3.50278C12.7658 3.50278 13.0264 3.55463 13.2697 3.65537C13.5129 3.75611 13.7339 3.90378 13.92 4.08992C14.1062 4.27607 14.2538 4.49706 14.3546 4.74028C14.4553 4.98349 14.5072 5.24417 14.5072 5.50742C14.5072 5.77068 14.4553 6.03135 14.3546 6.27457C14.2538 6.51778 14.1062 6.73878 13.92 6.92492L9.92002 10.9249C9.54473 11.3009 9.03548 11.5123 8.50428 11.5128C7.97309 11.5133 7.46346 11.3027 7.08752 10.9274C6.71157 10.5521 6.5001 10.0429 6.49964 9.51169C6.49917 8.98049 6.70973 8.47087 7.08502 8.09492L7.79002 7.38492L7.08502 6.67492L6.37502 7.38492C6.09534 7.66363 5.87343 7.99481 5.72201 8.35947C5.57059 8.72412 5.49265 9.11508 5.49265 9.50992C5.49265 9.90477 5.57059 10.2957 5.72201 10.6604C5.87343 11.025 6.09534 11.3562 6.37502 11.6349C6.94076 12.1934 7.70505 12.5045 8.50002 12.4999C8.89637 12.5016 9.28913 12.4246 9.65558 12.2736C10.022 12.1225 10.3549 11.9004 10.635 11.6199L14.635 7.61992C15.1955 7.0561 15.5093 6.29286 15.5074 5.49785C15.5055 4.70285 15.1881 3.9411 14.625 3.37992Z" }),
     react_1.default.createElement("path", { d: "M2.09502 12.4099C1.90831 12.2241 1.76016 12.0032 1.65907 11.7599C1.55798 11.5167 1.50593 11.2559 1.50593 10.9924C1.50593 10.729 1.55798 10.4682 1.65907 10.2249C1.76016 9.98165 1.90831 9.76076 2.09502 9.57492L6.09502 5.57492C6.28085 5.38822 6.50174 5.24007 6.745 5.13898C6.98826 5.03788 7.24909 4.98584 7.51252 4.98584C7.77594 4.98584 8.03677 5.03788 8.28003 5.13898C8.52329 5.24007 8.74418 5.38822 8.93002 5.57492C9.11554 5.76222 9.26158 5.98486 9.35949 6.22963C9.4574 6.47441 9.50519 6.73634 9.50002 6.99992C9.50154 7.26433 9.45062 7.52641 9.35021 7.771C9.2498 8.0156 9.10188 8.23786 8.91502 8.42492L7.85502 9.49992L8.56501 10.2099L9.62502 9.14992C10.1893 8.58568 10.5063 7.82039 10.5063 7.02242C10.5063 6.22446 10.1893 5.45917 9.62502 4.89492C9.06077 4.33068 8.29548 4.01368 7.49752 4.01368C6.69955 4.01368 5.93426 4.33068 5.37002 4.89492L1.37002 8.89492C1.08958 9.17373 0.867037 9.50522 0.715177 9.87033C0.563316 10.2354 0.485138 10.627 0.485138 11.0224C0.485138 11.4179 0.563316 11.8094 0.715177 12.1745C0.867037 12.5396 1.08958 12.8711 1.37002 13.1499C1.93943 13.7042 2.70546 14.0099 3.50002 13.9999C4.30157 14.0007 5.07087 13.6843 5.64002 13.1199L4.93002 12.4099C4.74418 12.5966 4.52329 12.7448 4.28003 12.8459C4.03677 12.947 3.77594 12.999 3.51252 12.999C3.24909 12.999 2.98826 12.947 2.745 12.8459C2.50174 12.7448 2.28085 12.5966 2.09502 12.4099Z" })));

package/lib/icons/LogoutIcon/LogoutIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const LogoutIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/LogoutIcon/LogoutIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LogoutIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M3 15H9C9.26512 14.9997 9.5193 14.8942 9.70677 14.7068C9.89424 14.5193 9.9997 14.2651 10 14V12.5H9V14H3V2H9V3.5H10V2C9.9997 1.73488 9.89424 1.4807 9.70677 1.29323C9.5193 1.10576 9.26512 1.0003 9 1H3C2.73488 1.0003 2.4807 1.10576 2.29323 1.29323C2.10576 1.4807 2.0003 1.73488 2 2V14C2.0003 14.2651 2.10576 14.5193 2.29323 14.7068C2.4807 14.8942 2.73488 14.9997 3 15Z" }),
     react_1.default.createElement("path", { d: "M10.293 10.293L12.086 8.5H5V7.5H12.086L10.293 5.707L11 5L14 8L11 11L10.293 10.293Z" })));

package/lib/icons/MarkdownFullIcon/MarkdownFullIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '@redocly/theme/icons/types';
+export declare const MarkdownFullIcon: 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/MarkdownFullIcon/MarkdownFullIcon.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.MarkdownFullIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("@redocly/theme/core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M15.2308 4.17188C15.2308 3.95614 15.0586 3.78125 14.8462 3.78125H1.15385C0.941429 3.78125 0.769231 3.95614 0.769231 4.17188V11.8281C0.769231 12.0439 0.941429 12.2188 1.15385 12.2188H14.8462C15.0586 12.2188 15.2308 12.0439 15.2308 11.8281V4.17188ZM16 11.8281C16 12.4753 15.4834 13 14.8462 13H1.15385C0.516595 13 0 12.4753 0 11.8281V4.17188C0 3.52467 0.516595 3 1.15385 3H14.8462C15.4834 3 16 3.52467 16 4.17188V11.8281Z" }),
+    react_1.default.createElement("path", { d: "M2.30769 10.6562V5.34375H3.84615L5.38462 7.29688L6.92308 5.34375H8.46154V10.6562H6.92308V7.60938L5.38462 9.5625L3.84615 7.60938V10.6562H2.30769ZM11.9231 10.6562L9.61539 8.07812H11.1538V5.34375H12.6923V8.07812H14.2308L11.9231 10.6562Z" })));
+exports.MarkdownFullIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/MarkdownFullIcon/MarkdownFullIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=MarkdownFullIcon.js.map

package/lib/icons/MaximizeIcon/MaximizeIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const MaximizeIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/MaximizeIcon/MaximizeIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MaximizeIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M10 1V2H13.293L9 6.291L9.707 7L14 2.707V6H15V1H10Z" }),
     react_1.default.createElement("path", { d: "M7 9.708L6.296 9L2 13.293V10H1V15H6V14H2.707L7 9.708Z" })));

package/lib/icons/MenuIcon/MenuIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const MenuIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/MenuIcon/MenuIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MenuIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 3.5H14.5V4.5H1.5V3.5ZM1.5 7.5H14.5V8.5H1.5V7.5ZM1.5 11.5H14.5V12.5H1.5V11.5Z" })));
 exports.MenuIcon = (0, styled_components_1.default)(Icon).attrs(() => ({

package/lib/icons/MinimizeIcon/MinimizeIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const MinimizeIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/MinimizeIcon/MinimizeIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MinimizeIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M2 9V10H5.293L1 14.291L1.707 15L6 10.707V14H7V9H2Z" }),
     react_1.default.createElement("path", { d: "M15 1.708L14.296 1L10 5.293V2H9V7H14V6H10.707L15 1.708Z" })));

package/lib/icons/MobileSidebarIcon/MobileSidebarIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { JSX } from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const MobileSidebarIcon: import("styled-components").StyledComponent<(props: IconProps) => JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/MobileSidebarIcon/MobileSidebarIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MobileSidebarIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "25px", height: "25px", viewBox: "0 0 294.842 294.842" }, props),
     react_1.default.createElement("path", { d: "M292.128,214.846c-2.342-2.344-6.143-2.344-8.484,0l-59.512,59.511V6c0-3.313-2.687-6-6-6s-6,2.687-6,6v268.356 l-59.513-59.512c-2.342-2.342-6.142-2.343-8.485,0.001c-2.343,2.343-2.343,6.142,0.001,8.485l69.755,69.754 c1.171,1.171,2.707,1.757,4.242,1.757s3.071-0.586,4.242-1.758l69.754-69.754C294.472,220.987,294.472,217.188,292.128,214.846z" }),
     react_1.default.createElement("path", { d: "M6.956,12h180.137c3.313,0,6-2.687,6-6s-2.687-6-6-6H6.956c-3.313,0-6,2.687-6,6S3.643,12,6.956,12z" }),

package/lib/icons/MoleculesIcon/MoleculesIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '@redocly/theme/icons/types';
+export declare const MoleculesIcon: 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/MoleculesIcon/MoleculesIcon.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoleculesIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("@redocly/theme/core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16" }, props),
+    react_1.default.createElement("path", { d: "M13.625 11.375C13.2277 11.3769 12.8386 11.4878 12.5 11.6956L10.7619 9.95188C11.1663 9.38137 11.3835 8.69932 11.3835 8C11.3835 7.30068 11.1663 6.61863 10.7619 6.04813L12.5 4.30438C12.8386 4.51216 13.2277 4.62306 13.625 4.625C14.07 4.625 14.505 4.49304 14.875 4.24581C15.245 3.99857 15.5334 3.64717 15.7037 3.23604C15.874 2.8249 15.9186 2.3725 15.8318 1.93605C15.745 1.49959 15.5307 1.09868 15.216 0.784011C14.9013 0.469343 14.5004 0.255051 14.064 0.168234C13.6275 0.0814174 13.1751 0.125975 12.764 0.296272C12.3528 0.466569 12.0014 0.754957 11.7542 1.12497C11.507 1.49498 11.375 1.92999 11.375 2.375C11.3769 2.77227 11.4878 3.1614 11.6956 3.5L9.95188 5.23813C9.38137 4.83369 8.69932 4.61645 8 4.61645C7.30068 4.61645 6.61863 4.83369 6.04813 5.23813L4.30438 3.5C4.51216 3.1614 4.62306 2.77227 4.625 2.375C4.625 1.92999 4.49304 1.49498 4.24581 1.12497C3.99857 0.754957 3.64717 0.466569 3.23604 0.296272C2.8249 0.125975 2.3725 0.0814174 1.93605 0.168234C1.49959 0.255051 1.09868 0.469343 0.784011 0.784011C0.469343 1.09868 0.255051 1.49959 0.168234 1.93605C0.0814174 2.3725 0.125975 2.8249 0.296272 3.23604C0.466569 3.64717 0.754957 3.99857 1.12497 4.24581C1.49498 4.49304 1.92999 4.625 2.375 4.625C2.77227 4.62306 3.1614 4.51216 3.5 4.30438L5.23813 6.04813C4.83369 6.61863 4.61645 7.30068 4.61645 8C4.61645 8.69932 4.83369 9.38137 5.23813 9.95188L3.5 11.6956C3.1614 11.4878 2.77227 11.3769 2.375 11.375C1.92999 11.375 1.49498 11.507 1.12497 11.7542C0.754957 12.0014 0.466569 12.3528 0.296272 12.764C0.125975 13.1751 0.0814174 13.6275 0.168234 14.064C0.255051 14.5004 0.469343 14.9013 0.784011 15.216C1.09868 15.5307 1.49959 15.745 1.93605 15.8318C2.3725 15.9186 2.8249 15.874 3.23604 15.7037C3.64717 15.5334 3.99857 15.245 4.24581 14.875C4.49304 14.505 4.625 14.07 4.625 13.625C4.62306 13.2277 4.51216 12.8386 4.30438 12.5L6.04813 10.7619C6.61863 11.1663 7.30068 11.3835 8 11.3835C8.69932 11.3835 9.38137 11.1663 9.95188 10.7619L11.6956 12.5C11.4878 12.8386 11.3769 13.2277 11.375 13.625C11.375 14.07 11.507 14.505 11.7542 14.875C12.0014 15.245 12.3528 15.5334 12.764 15.7037C13.1751 15.874 13.6275 15.9186 14.064 15.8318C14.5004 15.745 14.9013 15.5307 15.216 15.216C15.5307 14.9013 15.745 14.5004 15.8318 14.064C15.9186 13.6275 15.874 13.1751 15.7037 12.764C15.5334 12.3528 15.245 12.0014 14.875 11.7542C14.505 11.507 14.07 11.375 13.625 11.375ZM13.625 1.25C13.8475 1.25 14.065 1.31598 14.25 1.4396C14.435 1.56321 14.5792 1.73892 14.6644 1.94448C14.7495 2.15005 14.7718 2.37625 14.7284 2.59448C14.685 2.81271 14.5778 3.01316 14.4205 3.1705C14.2632 3.32783 14.0627 3.43498 13.8445 3.47838C13.6262 3.52179 13.4 3.49951 13.1945 3.41437C12.9889 3.32922 12.8132 3.18502 12.6896 3.00002C12.566 2.81501 12.5 2.59751 12.5 2.375C12.5 2.07663 12.6185 1.79048 12.8295 1.57951C13.0405 1.36853 13.3266 1.25 13.625 1.25ZM1.25 2.375C1.25 2.1525 1.31598 1.93499 1.4396 1.74998C1.56321 1.56498 1.73892 1.42078 1.94448 1.33564C2.15005 1.25049 2.37625 1.22821 2.59448 1.27162C2.81271 1.31503 3.01316 1.42217 3.1705 1.57951C3.32783 1.73684 3.43498 1.9373 3.47838 2.15552C3.52179 2.37375 3.49951 2.59995 3.41437 2.80552C3.32922 3.01109 3.18502 3.18679 3.00002 3.3104C2.81501 3.43402 2.59751 3.5 2.375 3.5C2.07663 3.5 1.79048 3.38147 1.57951 3.1705C1.36853 2.95952 1.25 2.67337 1.25 2.375ZM2.375 14.75C2.1525 14.75 1.93499 14.684 1.74998 14.5604C1.56498 14.4368 1.42078 14.2611 1.33564 14.0555C1.25049 13.85 1.22821 13.6238 1.27162 13.4055C1.31503 13.1873 1.42217 12.9868 1.57951 12.8295C1.73684 12.6722 1.9373 12.565 2.15552 12.5216C2.37375 12.4782 2.59995 12.5005 2.80552 12.5856C3.01109 12.6708 3.18679 12.815 3.3104 13C3.43402 13.185 3.5 13.4025 3.5 13.625C3.5 13.9234 3.38147 14.2095 3.1705 14.4205C2.95952 14.6315 2.67337 14.75 2.375 14.75ZM8 10.25C7.55499 10.25 7.11998 10.118 6.74997 9.87081C6.37996 9.62357 6.09157 9.27217 5.92127 8.86104C5.75097 8.4499 5.70642 7.99751 5.79323 7.56105C5.88005 7.12459 6.09434 6.72368 6.40901 6.40901C6.72368 6.09434 7.12459 5.88005 7.56105 5.79323C7.99751 5.70642 8.4499 5.75097 8.86104 5.92127C9.27217 6.09157 9.62357 6.37996 9.87081 6.74997C10.118 7.11998 10.25 7.55499 10.25 8C10.25 8.59674 10.0129 9.16903 9.59099 9.59099C9.16903 10.0129 8.59674 10.25 8 10.25ZM13.625 14.75C13.4025 14.75 13.185 14.684 13 14.5604C12.815 14.4368 12.6708 14.2611 12.5856 14.0555C12.5005 13.85 12.4782 13.6238 12.5216 13.4055C12.565 13.1873 12.6722 12.9868 12.8295 12.8295C12.9868 12.6722 13.1873 12.565 13.4055 12.5216C13.6238 12.4782 13.85 12.5005 14.0555 12.5856C14.2611 12.6708 14.4368 12.815 14.5604 13C14.684 13.185 14.75 13.4025 14.75 13.625C14.75 13.9234 14.6315 14.2095 14.4205 14.4205C14.2095 14.6315 13.9234 14.75 13.625 14.75Z" })));
+exports.MoleculesIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/MoleculesIcon/MoleculesIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=MoleculesIcon.js.map

package/lib/icons/MoonIcon/MoonIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const MoonIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/MoonIcon/MoonIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoonIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M6.75126 2.7068C6.52204 3.68541 6.49085 4.69999 6.65953 5.69083C6.82821 6.68168 7.19334 7.62878 7.73346 8.47643C8.27357 9.32407 8.97776 10.0551 9.80458 10.6266C10.6314 11.1981 11.5642 11.5984 12.548 11.8041C12.0307 12.3392 11.4112 12.765 10.7263 13.0561C10.0413 13.3472 9.30482 13.4977 8.56056 13.4987C8.49131 13.4987 8.42146 13.5013 8.35166 13.4987C7.05599 13.4529 5.81731 12.9547 4.85075 12.0906C3.88418 11.2265 3.25081 10.0512 3.06063 8.76875C2.87044 7.48629 3.13547 6.17773 3.80967 5.07034C4.48387 3.96295 5.52466 3.12669 6.75126 2.7068ZM7.49001 1.5C7.46074 1.50005 7.43153 1.50266 7.40271 1.5078C5.81059 1.79059 4.37942 2.65251 3.38485 3.92753C2.39029 5.20254 1.90269 6.80048 2.01597 8.41355C2.12925 10.0266 2.8354 11.5407 3.9984 12.6642C5.1614 13.7877 6.69899 14.4412 8.31501 14.4986C8.39706 14.5016 8.47911 14.4986 8.56046 14.4986C9.60987 14.4992 10.644 14.2471 11.5754 13.7636C12.5068 13.2801 13.308 12.5794 13.9115 11.7208C13.9604 11.6469 13.9889 11.5613 13.9943 11.4728C13.9996 11.3842 13.9815 11.2958 13.9418 11.2165C13.902 11.1372 13.8421 11.0698 13.7681 11.021C13.694 10.9722 13.6084 10.9438 13.5198 10.9387C12.5209 10.851 11.5555 10.5349 10.6983 10.0146C9.84106 9.49439 9.11494 8.784 8.57605 7.93837C8.03716 7.09274 7.69993 6.13452 7.59045 5.13777C7.48096 4.14102 7.60213 3.13245 7.94461 2.19C7.97375 2.1146 7.98445 2.03332 7.97582 1.95295C7.96719 1.87257 7.93949 1.79542 7.89501 1.72792C7.85054 1.66042 7.79058 1.60452 7.72014 1.56487C7.64969 1.52523 7.57079 1.50299 7.49001 1.5Z" })));
 exports.MoonIcon = (0, styled_components_1.default)(Icon).attrs(() => ({

package/lib/icons/NetworkIcon/NetworkIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '@redocly/theme/icons/types';
+export declare const NetworkIcon: 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/NetworkIcon/NetworkIcon.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.NetworkIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("@redocly/theme/core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, props),
+    react_1.default.createElement("rect", { width: "18", height: "18" }),
+    react_1.default.createElement("path", { d: "M16.3125 13.6036V4.39644C16.9659 4.16323 17.4375 3.54471 17.4375 2.8125C17.4375 1.88196 16.6805 1.125 15.75 1.125C14.8195 1.125 14.0625 1.88196 14.0625 2.8125C14.0625 3.03278 14.1078 3.2418 14.1847 3.43462L9 7.97141L3.81527 3.43485C3.89233 3.24174 3.9375 3.03278 3.9375 2.8125C3.9375 1.88196 3.18054 1.125 2.25 1.125C1.31946 1.125 0.5625 1.88196 0.5625 2.8125C0.5625 3.54476 1.0341 4.16329 1.6875 4.39616V13.6038C1.0341 13.8367 0.5625 14.4552 0.5625 15.1874C0.5625 16.118 1.31946 16.8749 2.25 16.8749C3.18054 16.8749 3.9375 16.118 3.9375 15.1874C3.9375 14.8125 3.81049 14.4692 3.6027 14.1888L6.60279 11.5636L7.93283 13.8911C7.55724 14.2009 7.3125 14.6636 7.3125 15.1874C7.3125 16.118 8.06946 16.8749 9 16.8749C9.93054 16.8749 10.6875 16.118 10.6875 15.1874C10.6875 14.6636 10.4426 14.2009 10.0672 13.8911L11.3972 11.5636L14.3973 14.1888C14.1895 14.4692 14.0625 14.8125 14.0625 15.1874C14.0625 16.118 14.8195 16.8749 15.75 16.8749C16.6805 16.8749 17.4375 16.118 17.4375 15.1874C17.4375 14.4552 16.9659 13.8367 16.3125 13.6036ZM15.75 2.25C16.0602 2.25 16.3125 2.50239 16.3125 2.8125C16.3125 3.12261 16.0602 3.375 15.75 3.375C15.4398 3.375 15.1875 3.12261 15.1875 2.8125C15.1875 2.50239 15.4398 2.25 15.75 2.25ZM13.6001 5.44101L11.1028 9.81135L9.85421 8.71875L13.6001 5.44101ZM8.14584 8.71875L6.89709 9.81135L4.39976 5.44101L8.14584 8.71875ZM2.25 2.25C2.56022 2.25 2.8125 2.50239 2.8125 2.8125C2.8125 3.12261 2.56022 3.375 2.25 3.375C1.93978 3.375 1.6875 3.12261 1.6875 2.8125C1.6875 2.50239 1.93978 2.25 2.25 2.25ZM2.25 15.75C1.93978 15.75 1.6875 15.4976 1.6875 15.1875C1.6875 14.8774 1.93978 14.625 2.25 14.625C2.56022 14.625 2.8125 14.8774 2.8125 15.1875C2.8125 15.4976 2.56022 15.75 2.25 15.75ZM2.8125 13.3855V4.93065L6.03343 10.5672L2.8125 13.3855ZM9 15.75C8.68978 15.75 8.4375 15.4976 8.4375 15.1875C8.4375 14.8774 8.68978 14.625 9 14.625C9.31022 14.625 9.5625 14.8774 9.5625 15.1875C9.5625 15.4976 9.31022 15.75 9 15.75ZM9 13.4915L7.46657 10.8078L9 9.46609L10.5334 10.8078L9 13.4915ZM15.1875 4.93042V13.3855L11.9666 10.5672L15.1875 4.93042ZM15.75 15.7501C15.4398 15.7501 15.1875 15.4977 15.1875 15.1876C15.1875 14.8774 15.4398 14.6251 15.75 14.6251C16.0602 14.6251 16.3125 14.8774 16.3125 15.1876C16.3125 15.4977 16.0602 15.7501 15.75 15.7501Z" })));
+exports.NetworkIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/NetworkIcon/NetworkIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NetworkIcon.js.map

package/lib/icons/NoneIcon/NoneIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '@redocly/theme/icons/types';
+export declare const NoneIcon: 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/NoneIcon/NoneIcon.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NoneIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M0 0h24v24H0z", fill: "none" })));
+exports.NoneIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/NoneIcon/NoneIcon',
+})) `
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NoneIcon.js.map

package/lib/icons/NotesIcon/NotesIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '@redocly/theme/icons/types';
+export declare const NotesIcon: 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/NotesIcon/NotesIcon.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotesIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("@redocly/theme/core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" }, props),
+    react_1.default.createElement("path", { d: "M15.25 5.875H10.25V7.125H15.25V5.875Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M7.75 10.875H2.75V12.125H7.75V10.875Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M5.25 9C4.75555 9 4.2722 8.85338 3.86107 8.57867C3.44995 8.30397 3.12952 7.91352 2.9403 7.45671C2.75108 6.99989 2.70157 6.49723 2.79804 6.01227C2.8945 5.52732 3.1326 5.08186 3.48223 4.73223C3.83186 4.3826 4.27732 4.1445 4.76227 4.04804C5.24723 3.95157 5.74989 4.00108 6.20671 4.1903C6.66352 4.37952 7.05397 4.69995 7.32867 5.11107C7.60338 5.5222 7.75 6.00555 7.75 6.5C7.74926 7.16281 7.48562 7.79826 7.01694 8.26694C6.54826 8.73562 5.91281 8.99926 5.25 9ZM5.25 5.25C5.00277 5.25 4.7611 5.32331 4.55554 5.46066C4.34998 5.59801 4.18976 5.79324 4.09515 6.02165C4.00054 6.25005 3.97579 6.50139 4.02402 6.74386C4.07225 6.98634 4.1913 7.20907 4.36612 7.38388C4.54093 7.5587 4.76366 7.67775 5.00614 7.72598C5.24861 7.77421 5.49995 7.74946 5.72835 7.65485C5.95676 7.56024 6.15199 7.40002 6.28934 7.19446C6.42669 6.9889 6.5 6.74723 6.5 6.5C6.49967 6.16858 6.36787 5.85083 6.13352 5.61648C5.89917 5.38213 5.58142 5.25033 5.25 5.25Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M12.75 14C12.2555 14 11.7722 13.8534 11.3611 13.5787C10.95 13.304 10.6295 12.9135 10.4403 12.4567C10.2511 11.9999 10.2016 11.4972 10.298 11.0123C10.3945 10.5273 10.6326 10.0819 10.9822 9.73223C11.3319 9.3826 11.7773 9.1445 12.2623 9.04804C12.7472 8.95157 13.2499 9.00108 13.7067 9.1903C14.1635 9.37952 14.554 9.69995 14.8287 10.1111C15.1034 10.5222 15.25 11.0055 15.25 11.5C15.2493 12.1628 14.9856 12.7983 14.5169 13.2669C14.0483 13.7356 13.4128 13.9993 12.75 14ZM12.75 10.25C12.5028 10.25 12.2611 10.3233 12.0555 10.4607C11.85 10.598 11.6898 10.7932 11.5951 11.0216C11.5005 11.2501 11.4758 11.5014 11.524 11.7439C11.5723 11.9863 11.6913 12.2091 11.8661 12.3839C12.0409 12.5587 12.2637 12.6777 12.5061 12.726C12.7486 12.7742 12.9999 12.7495 13.2284 12.6549C13.4568 12.5602 13.652 12.4 13.7893 12.1945C13.9267 11.9889 14 11.7472 14 11.5C13.9997 11.1686 13.8679 10.8508 13.6335 10.6165C13.3992 10.3821 13.0814 10.2503 12.75 10.25Z", fill: "currentColor" }),
+    react_1.default.createElement("path", { d: "M16.5 17.75H1.5C1.16859 17.7497 0.850846 17.6178 0.6165 17.3835C0.382155 17.1492 0.250347 16.8314 0.25 16.5V1.5C0.250347 1.16859 0.382155 0.850846 0.6165 0.6165C0.850846 0.382155 1.16859 0.250347 1.5 0.25H16.5C16.8314 0.250347 17.1492 0.382155 17.3835 0.6165C17.6178 0.850846 17.7497 1.16859 17.75 1.5V16.5C17.7497 16.8314 17.6178 17.1492 17.3835 17.3835C17.1492 17.6178 16.8314 17.7497 16.5 17.75ZM1.5 1.5V16.5H16.5V1.5H1.5Z", fill: "currentColor" })));
+exports.NotesIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/NotesIcon/NotesIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=NotesIcon.js.map

package/lib/icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const OverflowMenuHorizontalIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OverflowMenuHorizontalIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M3.2 9.1998C3.86274 9.1998 4.4 8.66255 4.4 7.9998C4.4 7.33706 3.86274 6.7998 3.2 6.7998C2.53726 6.7998 2 7.33706 2 7.9998C2 8.66255 2.53726 9.1998 3.2 9.1998Z" }),
     react_1.default.createElement("path", { d: "M8 9.1998C8.66274 9.1998 9.2 8.66255 9.2 7.9998C9.2 7.33706 8.66274 6.7998 8 6.7998C7.33726 6.7998 6.8 7.33706 6.8 7.9998C6.8 8.66255 7.33726 9.1998 8 9.1998Z" }),

package/lib/icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const OverflowMenuVerticalIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OverflowMenuVerticalIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M7.99999 4.4C8.66273 4.4 9.19999 3.86274 9.19999 3.2C9.19999 2.53726 8.66273 2 7.99999 2C7.33725 2 6.79999 2.53726 6.79999 3.2C6.79999 3.86274 7.33725 4.4 7.99999 4.4Z" }),
     react_1.default.createElement("path", { d: "M7.99999 9.2C8.66273 9.2 9.19999 8.66274 9.19999 8C9.19999 7.33726 8.66273 6.8 7.99999 6.8C7.33725 6.8 6.79999 7.33726 6.79999 8C6.79999 8.66274 7.33725 9.2 7.99999 9.2Z" }),

package/lib/icons/PeopleIcon/PeopleIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const PeopleIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {

package/lib/icons/PeopleIcon/PeopleIcon.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PeopleIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const utils_1 = require("../../core/utils");
+const utils_1 = require("@redocly/theme/core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 18 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M14.625 6.875H13.5V8H14.625C15.0724 8.00049 15.5013 8.17844 15.8177 8.4948C16.1341 8.81116 16.312 9.2401 16.3125 9.6875V11.9375H17.4375V9.6875C17.4366 8.94184 17.14 8.22697 16.6128 7.69972C16.0855 7.17246 15.3707 6.87586 14.625 6.875Z", fill: "#1F7CFF" }),
     react_1.default.createElement("path", { d: "M13.5 1.25C13.8338 1.25 14.16 1.34897 14.4375 1.5344C14.715 1.71982 14.9313 1.98337 15.059 2.29172C15.1868 2.60007 15.2202 2.93937 15.1551 3.26671C15.09 3.59406 14.9292 3.89474 14.6932 4.13074C14.4572 4.36674 14.1566 4.52746 13.8292 4.59258C13.5019 4.65769 13.1626 4.62427 12.8542 4.49655C12.5459 4.36882 12.2823 4.15253 12.0969 3.87502C11.9115 3.59752 11.8125 3.27126 11.8125 2.9375C11.8125 2.48995 11.9903 2.06072 12.3068 1.74426C12.6232 1.42779 13.0524 1.25 13.5 1.25ZM13.5 0.125C12.9437 0.125 12.4 0.28995 11.9375 0.598992C11.4749 0.908033 11.1145 1.34729 10.9016 1.8612C10.6887 2.37512 10.633 2.94062 10.7415 3.48619C10.8501 4.03176 11.1179 4.5329 11.5113 4.92624C11.9046 5.31957 12.4057 5.58744 12.9513 5.69596C13.4969 5.80448 14.0624 5.74878 14.5763 5.53591C15.0902 5.32304 15.5295 4.96255 15.8385 4.50004C16.1475 4.03753 16.3125 3.49376 16.3125 2.9375C16.3125 2.19158 16.0162 1.47621 15.4887 0.948762C14.9613 0.421316 14.2459 0.125 13.5 0.125Z", fill: "#1F7CFF" }),

package/lib/icons/PlaylistIcon/PlaylistIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { IconProps } from '../../icons/types';
+import type { IconProps } from '@redocly/theme/icons/types';
 export declare const PlaylistIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {