@redocly/theme 0.59.0-rc.3 → 0.60.0-custom.2

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

@@ -22,6 +22,7 @@ export type SearchHit = {
     httpMethod?: string;
     httpPath?: string | string[];
     deprecated?: boolean;
+    isAdditionalOperation?: boolean;
     security?: string[];
     parameters?: OperationParameter[];
     version?: string;
@@ -82,11 +83,18 @@ export type AiSearchErrorConfig = {
     messageKey: string;
     messageDefault: string;
 };
+export declare enum FeedbackType {
+    Like = "like",
+    Dislike = "dislike"
+}
+export type SearchAiMessageResource = {
+    url: string;
+    title: string;
+};
 export type AiSearchConversationItem = {
     role: AiSearchConversationRole;
     content: string;
-    resources?: {
-        url: string;
-        title: string;
-    }[];
+    resources?: SearchAiMessageResource[];
+    messageId?: string;
+    feedback?: FeedbackType;
 };

package/lib/core/types/search.js

@@ -1,3 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.FeedbackType = void 0;
+var FeedbackType;
+(function (FeedbackType) {
+    FeedbackType["Like"] = "like";
+    FeedbackType["Dislike"] = "dislike";
+})(FeedbackType || (exports.FeedbackType = FeedbackType = {}));
 //# sourceMappingURL=search.js.map

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

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { SelectOption } from './select';
+export type SegmentedOption<T> = SelectOption<T> & {
+    divider?: React.ReactNode;
+};
+export type SegmentedProps<T = any> = {
+    options: SegmentedOption<T>[];
+    value: T;
+    onChange: ({ label, value }: SegmentedOption<T>) => void;
+    className?: string;
+    size?: 'regular' | 'small';
+};

package/lib/core/types/segmented.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=segmented.js.map

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

@@ -43,6 +43,7 @@ export type ItemState = Omit<SidebarNavItem, 'items'> & {
     languageInsensitive?: boolean;
     modified?: boolean;
     deprecated?: boolean;
+    isAdditionalOperation?: boolean;
 };
 export type DrilldownMenuItemDetails = {
     previousLink?: string;

package/lib/core/utils/{dynamic.js → Dynamic.js}

@@ -56,4 +56,4 @@ function dynamic(factory, { ssr = true, loading } = {}) {
             react_1.default.createElement(Component, Object.assign({}, props))));
     };
 }
-//# sourceMappingURL=dynamic.js.map
+//# sourceMappingURL=Dynamic.js.map

package/lib/core/utils/{get-file-icon.js → GetFileIcon.js}

@@ -124,4 +124,4 @@ function getFileIconByLanguage(language) {
     const iconName = fileIconMap[language] || languageIconMap[language] || 'document';
     return React.createElement(CDNIcon_1.CDNIcon, { name: iconName, pack: "code", mode: "background" });
 }
-//# sourceMappingURL=get-file-icon.js.map
+//# sourceMappingURL=GetFileIcon.js.map

package/lib/core/utils/args-typecheck.d.ts

@@ -1,2 +1,2 @@
-export declare function isEmptyArray(items: any): boolean;
-export declare function isPrimitive(arg: any): boolean;
+export declare function isEmptyArray(items: unknown): boolean;
+export declare function isPrimitive(arg: unknown): boolean;

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

@@ -15,7 +15,9 @@ class ClipboardService {
         }
         let range;
         let selection;
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         if (document.body.createTextRange) {
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             range = document.body.createTextRange();
             range.moveToElementText(element);
             range.select();

package/lib/core/utils/frontmatter-translate.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Utility function for use in React frontmatter
+ * This function creates a string that will be processed by the frontmatter loader
+ * to convert it into a translation key object
+ */
+export declare const frontmatterTranslate: (key: string, defaultValue: string) => string;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.frontmatterTranslate = void 0;
+/**
+ * Utility function for use in React frontmatter
+ * This function creates a string that will be processed by the frontmatter loader
+ * to convert it into a translation key object
+ */
+const frontmatterTranslate = (key, defaultValue) => {
+    const escapedDefaultValue = defaultValue.replace(/'/g, "\\'");
+    return `frontmatterTranslate('${key}', '${escapedDefaultValue}')`;
+};
+exports.frontmatterTranslate = frontmatterTranslate;
+//# sourceMappingURL=frontmatter-translate.js.map

package/lib/core/utils/get-operation-color.d.ts

@@ -0,0 +1,7 @@
+type OperationColorProps = {
+    deprecated?: boolean;
+    isAdditionalOperation?: boolean;
+    httpVerb: string;
+};
+export declare function getOperationColor({ deprecated, isAdditionalOperation, httpVerb, }: OperationColorProps): string;
+export {};

package/lib/core/utils/get-operation-color.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOperationColor = getOperationColor;
+function getOperationColor({ deprecated, isAdditionalOperation, httpVerb, }) {
+    if (deprecated) {
+        return 'http-deprecated';
+    }
+    else if (isAdditionalOperation) {
+        return 'http-additional-operation';
+    }
+    return httpVerb;
+}
+//# sourceMappingURL=get-operation-color.js.map

package/lib/core/utils/get-user-agent.js

@@ -5,6 +5,7 @@ exports.getUserAgent = getUserAgent;
  * Returns user agent. Handles SSR and browser.
  */
 function getUserAgent() {
+    /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
     const ssrUserAgent = globalThis['SSR_USER_AGENT'];
     if (ssrUserAgent) {
         return ssrUserAgent;

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

@@ -1,6 +1,7 @@
 export * from './clipboard-service';
 export * from './css-variables';
 export * from './add-line-numbers';
+export * from './mcp';
 export * from './media-css';
 export * from './theme-helpers';
 export * from './class-names';
@@ -27,7 +28,7 @@ export * from './with-load-progress';
 export * from './text-trimmer';
 export * from './get-code-walkthrough-file-text';
 export * from './download-code-walkthrough';
-export * from './get-file-icon';
+export * from './GetFileIcon';
 export * from './match-code-walkthrough-conditions';
 export * from './replace-inputs-with-value';
 export * from './find-closest-common-directory';
@@ -36,5 +37,7 @@ export * from './parse-style-string';
 export * from './lang-to-name';
 export * from './enhanced-smoothstep';
 export * from './icon-resolver';
-export * from './dynamic';
+export * from './Dynamic';
 export * from './tabs';
+export * from './get-operation-color';
+export * from './frontmatter-translate';

package/lib/core/utils/index.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./clipboard-service"), exports);
 __exportStar(require("./css-variables"), exports);
 __exportStar(require("./add-line-numbers"), exports);
+__exportStar(require("./mcp"), exports);
 __exportStar(require("./media-css"), exports);
 __exportStar(require("./theme-helpers"), exports);
 __exportStar(require("./class-names"), exports);
@@ -43,7 +44,7 @@ __exportStar(require("./with-load-progress"), exports);
 __exportStar(require("./text-trimmer"), exports);
 __exportStar(require("./get-code-walkthrough-file-text"), exports);
 __exportStar(require("./download-code-walkthrough"), exports);
-__exportStar(require("./get-file-icon"), exports);
+__exportStar(require("./GetFileIcon"), exports);
 __exportStar(require("./match-code-walkthrough-conditions"), exports);
 __exportStar(require("./replace-inputs-with-value"), exports);
 __exportStar(require("./find-closest-common-directory"), exports);
@@ -52,6 +53,8 @@ __exportStar(require("./parse-style-string"), exports);
 __exportStar(require("./lang-to-name"), exports);
 __exportStar(require("./enhanced-smoothstep"), exports);
 __exportStar(require("./icon-resolver"), exports);
-__exportStar(require("./dynamic"), exports);
+__exportStar(require("./Dynamic"), exports);
 __exportStar(require("./tabs"), exports);
+__exportStar(require("./get-operation-color"), exports);
+__exportStar(require("./frontmatter-translate"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -6,7 +6,7 @@ export declare function toStringIfDefined(value: unknown): string | undefined;
  * Returns true when the function executed in browser.
  */
 export declare function isBrowser(): boolean;
-export declare function isPlainObject(obj: any): boolean;
+export declare function isPlainObject(obj: unknown): boolean;
 /**
  * Returns the previous and next values in an array for a given index.
  *

package/lib/core/utils/load-and-navigate.js

@@ -19,6 +19,7 @@ function loadAndNavigate(_a) {
         lastNavigatedPath = to;
         const { pathname, hash, search } = new URL(to, window.location.origin + window.location.pathname);
         // use window-shared loader instead of importing to prevent circular import issue
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
         const loader = window['__LOADER'];
         const result = yield (0, with_load_progress_1.withLoadProgress)(loader.tryLoad(pathname));
         // @ts-ignore

package/lib/core/utils/markdoc.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isTag = isTag;
+/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
 function isTag(value) {
     return !!((value === null || value === void 0 ? void 0 : value.$$mdtype) === 'Tag');
 }

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

@@ -0,0 +1,2 @@
+import type { MCPClientType, McpConnectionParams } from '../types';
+export declare function generateMCPDeepLink(clientType: MCPClientType, config: McpConnectionParams): string;

package/lib/core/utils/mcp.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateMCPDeepLink = generateMCPDeepLink;
+function generateCursorMCPDeepLink(config) {
+    const cursorConfig = {
+        url: config.url,
+        description: 'MCP Server',
+    };
+    const encodedConfig = btoa(JSON.stringify(cursorConfig));
+    return `cursor://anysphere.cursor-deeplink/mcp/install?name=${config.serverName}&config=${encodedConfig}`;
+}
+function generateVSCodeMCPDeepLink(config) {
+    const vscodeConfig = {
+        name: config.serverName,
+        url: config.url,
+        type: 'http',
+    };
+    const encodedConfig = encodeURIComponent(JSON.stringify(vscodeConfig));
+    return `vscode:mcp/install?${encodedConfig}`;
+}
+function generateMCPDeepLink(clientType, config) {
+    switch (clientType) {
+        case 'cursor':
+            return generateCursorMCPDeepLink(config);
+        case 'vscode':
+            return generateVSCodeMCPDeepLink(config);
+        default:
+            return generateCursorMCPDeepLink(config);
+    }
+}
+//# sourceMappingURL=mcp.js.map

package/lib/core/utils/parse-style-string.js

@@ -15,6 +15,7 @@ function parseStyleString(styleString) {
             const camelCaseKey = key.replace(/-[a-z]/g, (match) => {
                 return match[1].toUpperCase();
             });
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             styleObj[camelCaseKey] = value;
         }
         return styleObj;

package/lib/ext/configure.d.ts

@@ -1,4 +1,4 @@
-import { UserClaims, OpenAPIServer } from '../core/types';
+import type { UserClaims, OpenAPIServer } from '../core/types';
 export type SecurityDetails = {
     password?: string;
     username?: string;
@@ -16,7 +16,7 @@ export type ConfigureRequestValues = {
     query?: Record<string, string>;
     path?: Record<string, string>;
     cookie?: Record<string, string>;
-    security?: SecurityDetails;
+    security?: Record<string, SecurityDetails>;
     envVariables?: Record<string, string>;
     serverVariables?: Record<string, string>;
 };

package/lib/ext/configure.js

@@ -7,8 +7,10 @@ function configure(_context) {
     //     name: 'Default Product'
     //   },
     //   security: {
-    //     username: 'default_api_user',
-    //     password: 'secureP@ssword123'
+    //     default: {
+    //       username: 'default_api_user',
+    //       password: 'secureP@ssword123'
+    //     },
     //   },
     //   envVariables: {
     //     customLocation: 'default'
@@ -19,8 +21,10 @@ function configure(_context) {
     //     name: 'Development Product'
     //   },
     //   security: {
-    //     username: 'dev_api_user',
-    //     password: 'Dev@P!T3st'
+    //     default: {
+    //       username: 'dev_api_user',
+    //       password: 'Dev@P!T3st'
+    //     },
     //   },
     //   envVariables: {
     //     customLocation: 'dev'
@@ -31,8 +35,10 @@ function configure(_context) {
     //     name: 'Production Product'
     //   },
     //   security: {
-    //     username: 'prod_api_user',
-    //     password: 'Pr0d@P!S3cur3'
+    //     default: {
+    //       username: 'prod_api_user',
+    //       password: 'Pr0d@P!S3cur3'
+    //     },
     //   },
     //   envVariables: {
     //     customLocation: 'prod'

package/lib/ext/{useConfigureReplay.js → use-configure-replay.js}

@@ -26,11 +26,12 @@ function getReplayConfiguration(_context) {
         //     throw new Error(`HTTP error! status: ${response.status}`);
         //   }
         //   const { token } = await response.json();
-        //
         //   return {
         //     security: {
-        //       token: {
-        //         access_token: token,
+        //       default: {
+        //         token: {
+        //           access_token: token,
+        //         }
         //       }
         //     }
         //   };
@@ -61,4 +62,4 @@ function useConfigureReplay(context, isOpened) {
     }, [isOpened, refresh]);
     return { config, refresh };
 }
-//# sourceMappingURL=useConfigureReplay.js.map
+//# sourceMappingURL=use-configure-replay.js.map

package/lib/icons/AiStarsGradientIcon/AiStarsGradientIcon.js

@@ -1,4 +1,37 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -15,14 +48,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AiStarsGradientIcon = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("../../core/utils");
 const Icon = (props) => {
     const { color = '', background, borderRadius, padding, margin } = props, restProps = __rest(props, ["color", "background", "borderRadius", "padding", "margin"]);
-    const resolvedColor = color.startsWith('var(')
-        ? getComputedStyle(document.documentElement).getPropertyValue(color.slice(4, -1)).trim()
-        : color;
+    const [resolvedColor, setResolvedColor] = (0, react_1.useState)(color);
+    (0, react_1.useEffect)(() => {
+        const resolvedColor = color.startsWith('var(')
+            ? window
+                .getComputedStyle(document.documentElement)
+                .getPropertyValue(color.slice(4, -1))
+                .trim()
+            : color;
+        setResolvedColor(resolvedColor);
+    }, [color]);
     const isColorOverridden = resolvedColor && resolvedColor !== 'none';
     const fill = isColorOverridden ? resolvedColor : 'url(#gradient)';
     return (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, restProps),

package/lib/icons/AiStarsIcon/AiStarsIcon.js

@@ -30,18 +30,27 @@ exports.AiStarsIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
   height: ${({ size }) => size || '16px'};
   width: ${({ size }) => size || '16px'};
 
-  ${({ background, borderRadius, margin }) => background &&
+  ${({ background, borderRadius, margin, padding, size }) => background &&
     `
       display: flex;
       align-items: center;
       justify-content: center;
+      flex-shrink: 0;
 
       background: ${(0, utils_1.getCssColorVariable)(background)};
+      width: ${size || '16px'};
+      height: ${size || '16px'};
 
-      padding: var(--spacing-xs);
+      padding: ${padding || 'var(--spacing-xs)'};
       margin: ${margin || '0'};
       
       border-radius: ${background && borderRadius ? borderRadius : 'none'};
+      
+      svg {
+        width: calc(${size || '16px'} - 2 * (${padding || 'var(--spacing-xs)'}));
+        height: calc(${size || '16px'} - 2 * (${padding || 'var(--spacing-xs)'}));
+        flex-shrink: 0;
+      }
     `}
 
   color: ${({ color }) => color && (0, utils_1.getCssColorVariable)(color)};

package/lib/icons/ConnectIcon/ConnectIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const ConnectIcon: 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/ConnectIcon/ConnectIcon.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.ConnectIcon = 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({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M10.5 7.00875C9.74669 7.00947 9.01371 7.25321 8.40999 7.70375L6.29999 5.59375C6.75586 4.99443 7.00185 4.26175 6.99999 3.50875C7.00197 2.72021 6.73759 1.9541 6.24973 1.33459C5.76186 0.715073 5.07908 0.278462 4.31205 0.0955081C3.54502 -0.0874454 2.73868 -0.00601915 2.02371 0.326591C1.30874 0.659201 0.727035 1.2235 0.372873 1.92805C0.0187108 2.63259 -0.087157 3.43608 0.0724264 4.20832C0.23201 4.98055 0.647693 5.67627 1.25211 6.18272C1.85652 6.68917 2.61425 6.97668 3.4025 6.99864C4.19074 7.02061 4.96331 6.77576 5.59499 6.30375L7.69999 8.41375C7.22812 9.04527 6.98326 9.81759 7.00508 10.6056C7.0269 11.3937 7.31412 12.1512 7.82021 12.7557C8.32631 13.3601 9.02164 13.776 9.79358 13.9359C10.5655 14.0959 11.3688 13.9906 12.0735 13.637C12.7781 13.2834 13.3427 12.7024 13.6758 11.9879C14.009 11.2734 14.0912 10.4674 13.9091 9.70036C13.727 8.93334 13.2913 8.25026 12.6726 7.76174C12.0539 7.27323 11.2883 7.00791 10.5 7.00875ZM0.999993 3.50875C0.999993 3.0143 1.14662 2.53095 1.42132 2.11983C1.69602 1.70871 2.08647 1.38827 2.54328 1.19906C3.0001 1.00984 3.50277 0.960328 3.98772 1.05679C4.47267 1.15325 4.91813 1.39136 5.26776 1.74099C5.61739 2.09062 5.85549 2.53608 5.95196 3.02103C6.04842 3.50598 5.99891 4.00865 5.80969 4.46546C5.62047 4.92228 5.30004 5.31272 4.88892 5.58743C4.4778 5.86213 3.99445 6.00875 3.49999 6.00875C2.83695 6.00875 2.20107 5.74536 1.73223 5.27652C1.26339 4.80768 0.999993 4.1718 0.999993 3.50875Z", fill: "currentColor" })));
+exports.ConnectIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/ConnectIcon/ConnectIcon',
+})) `
+  height: ${({ size }) => size || '14px'};
+  width: ${({ size }) => size || '14px'};
+`;
+//# sourceMappingURL=ConnectIcon.js.map

package/lib/icons/CubeIcon/CubeIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const CubeIcon: 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/CubeIcon/CubeIcon.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.CubeIcon = 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({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, props),
+    react_1.default.createElement("path", { d: "M14.252 4.06812L8.25195 0.568119C8.17548 0.523507 8.08853 0.5 8 0.5C7.91147 0.5 7.82452 0.523507 7.74805 0.568119L1.74805 4.06812C1.67257 4.11215 1.60994 4.1752 1.56642 4.25099C1.5229 4.32677 1.5 4.41263 1.5 4.50002V11.5C1.5 11.5874 1.5229 11.6733 1.56642 11.7491C1.60994 11.8248 1.67257 11.8879 1.74805 11.9319L7.74805 15.4319C7.82452 15.4765 7.91147 15.5 8 15.5C8.08853 15.5 8.17548 15.4765 8.25195 15.4319L14.252 11.9319C14.3274 11.8879 14.3901 11.8248 14.4336 11.7491C14.4771 11.6733 14.5 11.5874 14.5 11.5V4.50002C14.5 4.41263 14.4771 4.32677 14.4336 4.25099C14.3901 4.1752 14.3274 4.11215 14.252 4.06812ZM8 1.57887L13.0078 4.50002L8 7.42117L2.9922 4.50002L8 1.57887ZM2.5 5.37062L7.5 8.28712V14.1294L2.5 11.2129V5.37062ZM8.5 14.1294V8.28712L13.5 5.37062V11.2129L8.5 14.1294Z", fill: "currentColor" })));
+exports.CubeIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/CubeIcon/CubeIcon',
+})) `
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=CubeIcon.js.map

package/lib/icons/HashtagIcon/HashtagIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const HashtagIcon: 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/HashtagIcon/HashtagIcon.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.HashtagIcon = 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({ viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M10.5 4.5V3.75H8.25V1.5H7.5V3.75H4.5V1.5H3.75V3.75H1.5V4.5H3.75V7.5H1.5V8.25H3.75V10.5H4.5V8.25H7.5V10.5H8.25V8.25H10.5V7.5H8.25V4.5H10.5ZM7.5 7.5H4.5V4.5H7.5V7.5Z" })));
+exports.HashtagIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/HashtagIcon/HashtagIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=HashtagIcon.js.map

package/lib/icons/RedoclyIcon/RedoclyIcon.js

@@ -7,13 +7,10 @@ exports.RedoclyIcon = 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: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    react_1.default.createElement("g", { clipPath: "url(#clip0_4053_1165)" },
-        react_1.default.createElement("path", { d: "M14.625 6.19973C14.625 8.69176 12.6173 10.712 10.1406 10.712H2.8125V10.2717C5.04753 10.2717 6.85938 8.44864 6.85938 6.19973C6.85938 3.95082 5.04753 2.12772 2.8125 2.12772V1.6875H10.1406C12.6173 1.6875 14.625 3.70769 14.625 6.19973Z", fill: "#2467F2" }),
-        react_1.default.createElement("path", { d: "M14.625 16.875C14.625 14.383 12.6173 12.3628 10.1406 12.3628H2.8125V12.803C5.04753 12.803 6.85938 14.6261 6.85938 16.875H14.625Z", fill: "#2467F2" })),
-    react_1.default.createElement("defs", null,
-        react_1.default.createElement("clipPath", { id: "clip0_4053_1165" },
-            react_1.default.createElement("rect", { width: "18", height: "18", fill: "white" })))));
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("g", null,
+        react_1.default.createElement("path", { d: "M14.625 6.19973C14.625 8.69176 12.6173 10.712 10.1406 10.712H2.8125V10.2717C5.04753 10.2717 6.85938 8.44864 6.85938 6.19973C6.85938 3.95082 5.04753 2.12772 2.8125 2.12772V1.6875H10.1406C12.6173 1.6875 14.625 3.70769 14.625 6.19973Z" }),
+        react_1.default.createElement("path", { d: "M14.625 16.875C14.625 14.383 12.6173 12.3628 10.1406 12.3628H2.8125V12.803C5.04753 12.803 6.85938 14.6261 6.85938 16.875H14.625Z" }))));
 exports.RedoclyIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
     'data-component-name': 'icons/RedoclyIcon/RedoclyIcon',
 })) `

package/lib/icons/ThumbDownFilledIcon/ThumbDownFilledIcon.d.ts

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

@@ -0,0 +1,34 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThumbDownFilledIcon = 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) => {
+    const { color } = props, restProps = __rest(props, ["color"]);
+    return (react_1.default.createElement("svg", Object.assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, restProps),
+        react_1.default.createElement("path", { d: "M3.0625 0.875H0.875V7H3.0625V0.875Z", fill: (0, utils_1.getCssColorVariable)(color) || '#DCDDE5' }),
+        react_1.default.createElement("path", { d: "M10.0625 0.875H3.9375V7.35118L5.26846 9.34771L5.63828 11.9362C5.66886 12.1443 5.77308 12.3346 5.932 12.4725C6.09092 12.6103 6.29402 12.6866 6.5044 12.6875H6.5625C6.91048 12.6871 7.2441 12.5487 7.49016 12.3027C7.73621 12.0566 7.87462 11.723 7.875 11.375V8.75H11.375C11.839 8.74948 12.2838 8.56494 12.6119 8.23686C12.9399 7.90879 13.1245 7.46397 13.125 7V3.9375C13.1241 3.12555 12.8012 2.34712 12.227 1.77298C11.6529 1.19885 10.8744 0.875903 10.0625 0.875Z", fill: (0, utils_1.getCssColorVariable)(color) || '#DCDDE5' })));
+};
+exports.ThumbDownFilledIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/ThumbDownFilledIcon/ThumbDownFilledIcon',
+})) `
+  height: ${({ size }) => size || '14px'};
+  width: ${({ size }) => size || '14px'};
+  color: ${({ color }) => color && (0, utils_1.getCssColorVariable)(color)};
+`;
+//# sourceMappingURL=ThumbDownFilledIcon.js.map

package/lib/icons/ThumbUpFilledIcon/ThumbUpFilledIcon.d.ts

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