@redocly/theme 0.70.0-next.9 → 0.70.1

package/lib/icons/SpinnerIcon/SpinnerIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const SpinnerIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/SpinnerIcon/SpinnerIcon.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpinnerIcon = 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 -1 38 40", strokeOpacity: ".5" }, props),
+    react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
+        react_1.default.createElement("g", { transform: "translate(1 1)", strokeWidth: "4" },
+            react_1.default.createElement("circle", { strokeOpacity: ".3", cx: "18", cy: "18", r: "18" }),
+            react_1.default.createElement("path", { d: "M36 18c0-9.94-8.06-18-18-18" },
+                react_1.default.createElement("animateTransform", { attributeName: "transform", type: "rotate", from: "0 18 18", to: "360 18 18", dur: "1s", repeatCount: "indefinite" }))))));
+exports.SpinnerIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/SpinnerIcon/SpinnerIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '1em'};
+  width: ${({ size }) => size || '1em'};
+  cursor: pointer;
+  left: 0.8em;
+  stroke: var(--search-input-text-color);
+
+  @media screen and (min-width: ${utils_1.breakpoints.medium}) {
+    width: 1.2em;
+    height: 1.2em;
+  }
+`;
+//# sourceMappingURL=SpinnerIcon.js.map

package/lib/icons/StarFilledIcon/StarFilledIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const StarFilledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/StarFilledIcon/StarFilledIcon.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.StarFilledIcon = 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 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M8.00001 1L5.72501 5.61L0.640015 6.345L4.32001 9.935L3.45001 15L8.00001 12.61L12.55 15L11.68 9.935L15.36 6.35L10.275 5.61L8.00001 1Z" })));
+exports.StarFilledIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/StarFilledIcon/StarFilledIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=StarFilledIcon.js.map

package/lib/icons/StarIcon/StarIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const StarIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/StarIcon/StarIcon.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.StarIcon = 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 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M8.00001 3.26L9.38001 6.05L9.61001 6.55L10.11 6.625L13.19 7.07L11 9.22L10.625 9.585L10.715 10.085L11.24 13.15L8.48501 11.705L8.00001 11.5L7.53501 11.745L4.78001 13.17L5.28001 10.105L5.37001 9.605L5.00001 9.22L2.79001 7.045L5.87001 6.6L6.37001 6.525L6.60001 6.025L8.00001 3.26ZM8.00001 1L5.72501 5.61L0.640015 6.345L4.32001 9.935L3.45001 15L8.00001 12.61L12.55 15L11.68 9.935L15.36 6.35L10.275 5.61L8.00001 1Z" })));
+exports.StarIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/StarIcon/StarIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=StarIcon.js.map

package/lib/icons/StopIcon/StopIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const StopIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/StopIcon/StopIcon.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.StopIcon = 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({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none" }, props),
+    react_1.default.createElement("path", { d: "M10.5 3.5V10.5H3.5V3.5H10.5ZM10.5 2.625H3.5C3.26794 2.625 3.04538 2.71719 2.88128 2.88128C2.71719 3.04538 2.625 3.26794 2.625 3.5V10.5C2.625 10.7321 2.71719 10.9546 2.88128 11.1187C3.04538 11.2828 3.26794 11.375 3.5 11.375H10.5C10.7321 11.375 10.9546 11.2828 11.1187 11.1187C11.2828 10.9546 11.375 10.7321 11.375 10.5V3.5C11.375 3.26794 11.2828 3.04538 11.1187 2.88128C10.9546 2.71719 10.7321 2.625 10.5 2.625Z" })));
+exports.StopIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/StopIcon/StopIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=StopIcon.js.map

package/lib/icons/SubtractIcon/SubtractIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const SubtractIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/SubtractIcon/SubtractIcon.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.SubtractIcon = 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("path", { d: "M12 7.5H4V8.5H12V7.5Z" })));
+exports.SubtractIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/SubtractIcon/SubtractIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=SubtractIcon.js.map

package/lib/icons/SunIcon/SunIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const SunIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/SunIcon/SunIcon.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SunIcon = 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 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M8 6.00293C8.39556 6.00293 8.78224 6.12023 9.11114 6.33999C9.44004 6.55975 9.69638 6.87211 9.84776 7.23756C9.99913 7.60301 10.0387 8.00515 9.96157 8.39311C9.8844 8.78107 9.69392 9.13744 9.41421 9.41714C9.13451 9.69685 8.77814 9.88733 8.39018 9.9645C8.00222 10.0417 7.60009 10.0021 7.23463 9.85069C6.86918 9.69931 6.55682 9.44297 6.33706 9.11407C6.1173 8.78517 6 8.39849 6 8.00293C6.0006 7.47268 6.2115 6.96432 6.58644 6.58937C6.96139 6.21443 7.46975 6.00353 8 6.00293ZM8 5.00293C7.40666 5.00293 6.82664 5.17888 6.33329 5.50852C5.83994 5.83817 5.45542 6.3067 5.22836 6.85488C5.0013 7.40306 4.94189 8.00626 5.05764 8.5882C5.1734 9.17014 5.45912 9.70469 5.87868 10.1243C6.29824 10.5438 6.83279 10.8295 7.41473 10.9453C7.99667 11.061 8.59987 11.0016 9.14805 10.7746C9.69623 10.5475 10.1648 10.163 10.4944 9.66964C10.8241 9.17629 11 8.59627 11 8.00293C11 7.20728 10.6839 6.44422 10.1213 5.88161C9.55871 5.319 8.79565 5.00293 8 5.00293Z" }),
+    react_1.default.createElement("path", { d: "M3.40382 2.6997L2.69679 3.40674L4.4497 5.15966L5.15674 4.45262L3.40382 2.6997Z" }),
+    react_1.default.createElement("path", { d: "M3.5 7.50293H1V8.50293H3.5V7.50293Z" }),
+    react_1.default.createElement("path", { d: "M4.4497 10.8462L2.69678 12.5991L3.40382 13.3062L5.15674 11.5532L4.4497 10.8462Z" }),
+    react_1.default.createElement("path", { d: "M8.5 12.5029H7.5V15.0029H8.5V12.5029Z" }),
+    react_1.default.createElement("path", { d: "M11.5503 10.8462L10.8433 11.5532L12.5962 13.3062L13.3032 12.5991L11.5503 10.8462Z" }),
+    react_1.default.createElement("path", { d: "M15 7.50293H12.5V8.50293H15V7.50293Z" }),
+    react_1.default.createElement("path", { d: "M12.5962 2.69971L10.8433 4.45263L11.5503 5.15966L13.3032 3.40674L12.5962 2.69971Z" }),
+    react_1.default.createElement("path", { d: "M8.5 1.00293H7.5V3.50293H8.5V1.00293Z" })));
+exports.SunIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/MoonIcon/MoonIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=SunIcon.js.map

package/lib/icons/TableBuiltIcon/TableBuiltIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const TableBuiltIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/TableBuiltIcon/TableBuiltIcon.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.TableBuiltIcon = 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 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M14 4H12V2C11.9997 1.73489 11.8942 1.48072 11.7067 1.29326C11.5193 1.10579 11.2651 1.00033 11 1H2C1.73489 1.00033 1.48072 1.10579 1.29326 1.29326C1.10579 1.48072 1.00033 1.73489 1 2V11C1.00033 11.2651 1.10579 11.5193 1.29326 11.7067C1.48072 11.8942 1.73489 11.9997 2 12H4V14C4.00033 14.2651 4.10579 14.5193 4.29326 14.7067C4.48072 14.8942 4.73488 14.9997 5 15H14C14.2651 14.9997 14.5193 14.8942 14.7067 14.7067C14.8942 14.5193 14.9997 14.2651 15 14V5C14.9997 4.73488 14.8942 4.48072 14.7067 4.29326C14.5193 4.10579 14.2651 4.00033 14 4ZM11 11H7V8.5H11V11ZM11 7.5H7V5H11V7.5ZM6 7.5H2V5H6V7.5ZM11 2V4H2V2H11ZM2 11V8.5H6V11H2ZM14 14H5V12H11C11.2651 11.9997 11.5193 11.8942 11.7067 11.7067C11.8942 11.5193 11.9997 11.2651 12 11V5H14V14Z" })));
+exports.TableBuiltIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/TableBuiltIcon/TableBuiltIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=TableBuiltIcon.js.map

package/lib/icons/TableIcon/TableIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const TableIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/TableIcon/TableIcon.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.TableIcon = 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 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M13.5 1.5C13.5 1.23478 13.3946 0.98043 13.2071 0.792893C13.0196 0.605357 12.7652 0.5 12.5 0.5H1.5C1.23478 0.5 0.98043 0.605357 0.792893 0.792893C0.605357 0.98043 0.5 1.23478 0.5 1.5V12.5C0.5 12.7652 0.605357 13.0196 0.792893 13.2071C0.98043 13.3946 1.23478 13.5 1.5 13.5H12.5C12.7652 13.5 13.0196 13.3946 13.2071 13.2071C13.3946 13.0196 13.5 12.7652 13.5 12.5V1.5ZM12.5 1.5V3.5H1.5V1.5H12.5ZM12.5 12.5H1.5V10.5H12.5V12.5ZM12.5 9.5H1.5V7.5H12.5V9.5ZM12.5 6.5H1.5V4.5H12.5V6.5Z", fill: "#22242B" })));
+exports.TableIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/TableIcon/TableIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=TableIcon.js.map

package/lib/icons/TagsIcon/TagsIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const TagsIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/TagsIcon/TagsIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TagsIcon = 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: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M6.25 10C6.94036 10 7.5 9.44036 7.5 8.75C7.5 8.05964 6.94036 7.5 6.25 7.5C5.55964 7.5 5 8.05964 5 8.75C5 9.44036 5.55964 10 6.25 10Z", fill: "#555761" }),
+    react_1.default.createElement("path", { d: "M10 18.75C9.91775 18.7505 9.83621 18.7347 9.76006 18.7036C9.68391 18.6725 9.61465 18.6267 9.55625 18.5687L2.86875 11.875C2.63401 11.6417 2.5014 11.3247 2.5 10.9937V6.25C2.5 5.91848 2.6317 5.60054 2.86612 5.36612C3.10054 5.1317 3.41848 5 3.75 5H8.49375C8.82474 5.0014 9.14166 5.13401 9.375 5.36875L16.0687 12.0563C16.1273 12.1144 16.1738 12.1835 16.2056 12.2596C16.2373 12.3358 16.2536 12.4175 16.2536 12.5C16.2536 12.5825 16.2373 12.6642 16.2056 12.7404C16.1738 12.8165 16.1273 12.8856 16.0687 12.9437L10.4437 18.5687C10.3853 18.6267 10.3161 18.6725 10.2399 18.7036C10.1638 18.7347 10.0823 18.7505 10 18.75ZM3.75 6.25V10.9937L10 17.2437L14.7437 12.5L8.49375 6.25H3.75Z", fill: "#555761" }),
+    react_1.default.createElement("path", { d: "M17.3187 8.30625L10.625 1.61875C10.3917 1.38401 10.0747 1.2514 9.74375 1.25H5C4.66848 1.25 4.35054 1.3817 4.11612 1.61612C3.8817 1.85054 3.75 2.16848 3.75 2.5V3.75H5V2.5H9.74375L15.9937 8.75L15.1813 9.55625L16.0687 10.4437L17.3187 9.19375C17.3773 9.13565 17.4238 9.06652 17.4556 8.99036C17.4873 8.9142 17.5036 8.83251 17.5036 8.75C17.5036 8.66749 17.4873 8.5858 17.4556 8.50964C17.4238 8.43348 17.3773 8.36435 17.3187 8.30625Z", fill: "#555761" })));
+exports.TagsIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/TagsIcon/TagsIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '18px'};
+`;
+//# sourceMappingURL=TagsIcon.js.map

package/lib/icons/TaskViewIcon/TaskViewIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const TaskViewIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

package/lib/icons/TaskViewIcon/TaskViewIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TaskViewIcon = 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({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none" }, props),
+    react_1.default.createElement("path", { d: "M9.625 11.375C10.1082 11.375 10.5 10.9832 10.5 10.5C10.5 10.0168 10.1082 9.625 9.625 9.625C9.14175 9.625 8.75 10.0168 8.75 10.5C8.75 10.9832 9.14175 11.375 9.625 11.375Z", fill: "#3B3C45" }),
+    react_1.default.createElement("path", { d: "M13.0274 10.2718C12.757 9.58322 12.2906 8.98906 11.6858 8.563C11.081 8.13695 10.3644 7.89773 9.625 7.875C8.88555 7.89773 8.16903 8.13695 7.56424 8.563C6.95944 8.98906 6.49296 9.58322 6.22261 10.2718L6.125 10.5L6.22261 10.7282C6.49296 11.4168 6.95944 12.0109 7.56424 12.437C8.16903 12.863 8.88555 13.1023 9.625 13.125C10.3644 13.1023 11.081 12.863 11.6858 12.437C12.2906 12.0109 12.757 11.4168 13.0274 10.7282L13.125 10.5L13.0274 10.2718ZM9.625 12.25C9.27888 12.25 8.94054 12.1474 8.65275 11.9551C8.36497 11.7628 8.14066 11.4895 8.00821 11.1697C7.87576 10.8499 7.8411 10.4981 7.90863 10.1586C7.97615 9.81913 8.14282 9.50731 8.38756 9.26256C8.63231 9.01782 8.94413 8.85115 9.28359 8.78363C9.62306 8.7161 9.97493 8.75076 10.2947 8.88321C10.6145 9.01566 10.8878 9.23997 11.0801 9.52775C11.2724 9.81554 11.375 10.1539 11.375 10.5C11.3745 10.964 11.1899 11.4088 10.8619 11.7369C10.5338 12.0649 10.089 12.2495 9.625 12.25Z", fill: "#3B3C45" }),
+    react_1.default.createElement("path", { d: "M5.25 12.25H3.0625V3.0625H4.375V4.375H9.625V3.0625H10.9375V7H11.8125V3.0625C11.8125 2.83044 11.7203 2.60788 11.5562 2.44378C11.3921 2.27969 11.1696 2.1875 10.9375 2.1875H9.625V1.75C9.625 1.51794 9.53281 1.29538 9.36872 1.13128C9.20462 0.967187 8.98206 0.875 8.75 0.875H5.25C5.01794 0.875 4.79538 0.967187 4.63128 1.13128C4.46719 1.29538 4.375 1.51794 4.375 1.75V2.1875H3.0625C2.83044 2.1875 2.60788 2.27969 2.44378 2.44378C2.27969 2.60788 2.1875 2.83044 2.1875 3.0625V12.25C2.1875 12.4821 2.27969 12.7046 2.44378 12.8687C2.60788 13.0328 2.83044 13.125 3.0625 13.125H5.25V12.25ZM5.25 1.75H8.75V3.5H5.25V1.75Z", fill: "#3B3C45" })));
+exports.TaskViewIcon = (0, styled_components_1.default)(Icon).attrs({
+    'data-component-name': 'icons/TaskViewIcon/TaskViewIcon',
+}) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=TaskViewIcon.js.map

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const ThumbDownFilledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};

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/ThumbDownIcon/ThumbDownIcon.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+declare const Icon: (props: IconProps) => React.JSX.Element;
+export declare const ThumbDownIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">>> & string & Omit<typeof Icon, keyof React.Component<any, {}, any>>;
+export {};