@redocly/theme 0.66.0-next.1 → 0.66.0-next.3

package/lib/icons/ChevronRightIcon/ChevronRightIcon.js

@@ -9,9 +9,9 @@ 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: "M11 8L6.00002 13L5.30002 12.3L9.60002 8L5.30002 3.7L6.00002 3L11 8Z" })));
-exports.ChevronRightIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.ChevronRightIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ChevronRightIcon/ChevronRightIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/ChevronSortIcon/ChevronSortIcon.d.ts

@@ -1,11 +1,33 @@
 import React from 'react';
-type IconProps = {
+import type { IconProps } from '../../icons/types';
+export declare const ChevronSortIcon: 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> & {
+    onClick?: () => void;
+}, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
     color?: string;
+    size?: string;
     className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement> & {
+    onClick?: () => void;
+}, "data-component-name"> & Partial<Pick<import("styled-components").FastOmit<{
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement> & {
+    onClick?: () => void;
+}, "data-component-name" | "size" | keyof React.SVGProps<SVGSVGElement>> & {
+    color?: string;
+    size?: string;
+    className?: string;
+    'data-component-name'?: string;
+} & React.SVGProps<SVGSVGElement> & {
+    onClick?: () => void;
+}, "data-component-name">>> & string & Omit<({ className, onClick }: IconProps & {
     onClick?: () => void;
-};
-export declare const ChevronSortIcon: import("styled-components").StyledComponent<({ className, onClick }: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & IconProps, "data-component-name">;
-export {};
+}) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/ChevronSortIcon/ChevronSortIcon.js

@@ -10,9 +10,9 @@ const utils_1 = require("../../core/utils");
 const Icon = ({ className, onClick }) => (react_1.default.createElement("svg", { className: className, onClick: onClick, xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "inherit" },
     react_1.default.createElement("path", { d: "M7 12.25L3.9375 9.1875L4.55437 8.57063L7 11.0119L9.44563 8.57063L10.0625 9.1875L7 12.25Z" }),
     react_1.default.createElement("path", { d: "M7 1.75L10.0625 4.8125L9.44563 5.42937L7 2.98812L4.55437 5.42937L3.9375 4.8125L7 1.75Z" })));
-exports.ChevronSortIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.ChevronSortIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ChevronSortIcon/ChevronSortIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/ChevronUpIcon/ChevronUpIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const ChevronUpIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const ChevronUpIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/ChevronUpIcon/ChevronUpIcon.js

@@ -9,9 +9,9 @@ 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 5L13 10L12.3 10.7L8 6.4L3.7 10.7L3 10L8 5Z" })));
-exports.ChevronUpIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.ChevronUpIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ChevronUpIcon/ChevronUpIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CircleDashIcon/CircleDashIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CircleDashIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CircleDashIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/CircleDashIcon/CircleDashIcon.js

@@ -18,9 +18,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M14.6 5.80009C14.3681 5.10288 14.0309 4.44526 13.6 3.85009L12.8 4.45009C13.1614 4.9562 13.4477 5.51196 13.65 6.10009L14.6 5.80009Z" }),
     react_1.default.createElement("path", { d: "M12.05 2.30009C11.4548 1.86921 10.7972 1.53197 10.1 1.30009L9.79997 2.25009C10.3881 2.45233 10.9439 2.73863 11.45 3.10009L12.05 2.30009Z" }),
     react_1.default.createElement("path", { d: "M10.15 14.6501L9.84997 13.7001C9.25391 13.9008 8.62891 14.0021 7.99997 14.0001V15.0001C8.72667 14.9568 9.44706 14.8395 10.15 14.6501Z" })));
-exports.CircleDashIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CircleDashIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CircleDashIcon/CircleDashIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/ClaudeIcon/ClaudeIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const ClaudeIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const ClaudeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/ClaudeIcon/ClaudeIcon.js

@@ -9,9 +9,9 @@ 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: "M4.03188 9.88255L6.60172 8.62367L6.64494 8.51434L6.60172 8.45352H6.47649L6.04701 8.43042L4.57865 8.39577L3.3052 8.34957L2.07142 8.29182L1.761 8.23408L1.46997 7.89915L1.49996 7.73207L1.761 7.57884L2.13492 7.60733L2.96126 7.65661L4.2012 7.7313L5.10074 7.77749L6.43328 7.89838H6.64494L6.67492 7.82369L6.60261 7.77749L6.54616 7.7313L5.26301 6.97212L3.87402 6.16983L3.14646 5.70785L2.75313 5.47379L2.5547 5.25435L2.46916 4.77544L2.82633 4.43204L3.30608 4.46052L3.42866 4.48901L3.91459 4.81548L4.95258 5.5169L6.30805 6.38849L6.50648 6.53248L6.58585 6.4832L6.59555 6.44855L6.50648 6.31843L5.76921 5.15503L4.98256 3.9716L4.63245 3.48114L4.53985 3.18702C4.50722 3.06614 4.48341 2.9645 4.48341 2.84054L4.88996 2.35855L5.11485 2.29541L5.65721 2.35855L5.88562 2.53179L6.22251 3.20473L6.7684 4.26419L7.61502 5.70477L7.86284 6.1321L7.99512 6.52786L8.04451 6.64874H8.13005V6.57944L8.19972 5.76791L8.32848 4.77159L8.45371 3.48961L8.49692 3.1285L8.70152 2.69579L9.10807 2.46172L9.42556 2.59415L9.6866 2.92061L9.65044 3.13158L9.49523 4.01241L9.19097 5.39217L8.99254 6.31612H9.10807L9.24036 6.20062L9.77567 5.58004L10.6752 4.59835L11.0721 4.20875L11.5351 3.77834L11.8323 3.57354H12.394L12.8076 4.1102L12.6224 4.66456L12.0439 5.30517L11.5642 5.84799L10.8763 6.65644L10.4468 7.3032L10.4865 7.35479L10.5888 7.34632L12.1427 7.05759L12.9822 6.92515L13.9841 6.77501L14.4374 6.9598L14.4868 7.14767L14.3086 7.53188L13.2371 7.76287L11.9804 7.9823L10.109 8.36882L10.0861 8.38345L10.1126 8.41194L10.9556 8.48123L11.3163 8.49817H12.1991L13.843 8.6052L14.2725 8.85312L14.53 9.15649L14.4868 9.38747L13.8253 9.68159L12.9329 9.4968L10.8498 9.06409L10.1355 8.90856H10.0367V8.96014L10.632 9.46832L11.7229 10.3284L13.089 11.4371L13.1586 11.7112L12.9831 11.9276L12.7979 11.9045L11.5977 11.116L11.1347 10.7611L10.0861 9.99035H10.0164V10.0712L10.2581 10.3799L11.5342 12.0546L11.6003 12.5682L11.5077 12.7352L11.177 12.8361L10.8137 12.7784L10.0667 11.8629L9.29592 10.8319L8.67418 9.90796L8.59834 9.94569L8.23147 13.3959L8.0595 13.5722L7.66264 13.7046L7.33193 13.4852L7.15644 13.1302L7.33193 12.4288L7.54359 11.5133L7.71556 10.7857L7.87077 9.88178L7.96337 9.5815L7.9572 9.56148L7.88136 9.56995L7.10088 10.5054L5.91385 11.906L4.97463 12.7837L4.74974 12.8615L4.35994 12.6852L4.3961 12.3703L4.61393 12.09L5.91385 10.6463L6.69785 9.75166L7.20406 9.23502L7.20053 9.16033H7.17055L3.71792 11.1176L3.10324 11.1869L2.83867 10.9705L2.8713 10.6155L2.99653 10.5001L4.03452 9.87639L4.031 9.87947L4.03188 9.88255Z" })));
-exports.ClaudeIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.ClaudeIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ClaudeIcon/ClaudeIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CleanIcon/CleanIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CleanIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CleanIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/CleanIcon/CleanIcon.js

@@ -12,9 +12,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M15.4999 17.25H18.1249V16.375H15.4999V17.25Z" }),
     react_1.default.createElement("path", { d: "M14.6249 15.5H17.2499V14.625H14.6249V15.5Z" }),
     react_1.default.createElement("path", { d: "M12.4386 13.75C12.4355 13.3808 12.337 13.0187 12.1527 12.6989C11.9684 12.379 11.7045 12.1122 11.3867 11.9244L14.6249 6.3125L13.8676 5.875L10.5532 11.6176C10.1463 11.5267 9.72319 11.5392 9.32244 11.6541C8.9217 11.769 8.55615 11.9825 8.25925 12.2751C6.62142 13.855 6.74825 17.5484 6.75425 17.705C6.75877 17.818 6.80685 17.9248 6.88841 18.0031C6.96998 18.0814 7.07868 18.1251 7.19175 18.125H13.7504C13.8422 18.125 13.9317 18.0961 14.0062 18.0424C14.0807 17.9887 14.1364 17.913 14.1654 17.8258C14.1945 17.7387 14.1954 17.6447 14.168 17.5571C14.1406 17.4694 14.0864 17.3926 14.0129 17.3375C12.4643 16.1755 12.4386 13.7735 12.4386 13.75ZM10.2192 12.4362C10.5694 12.4401 10.9046 12.5788 11.1551 12.8235C11.4056 13.0682 11.5521 13.4 11.5642 13.75C11.5642 13.7667 11.565 13.841 11.5715 13.9551L8.99053 12.8073C9.16053 12.6671 9.3567 12.5621 9.56764 12.4984C9.77857 12.4347 10.0001 12.4136 10.2192 12.4362ZM11.759 17.25C11.4094 16.8939 11.1866 16.4327 11.1249 15.9375H10.2499C10.2812 16.4031 10.4268 16.8539 10.6735 17.25H9.70085C9.52091 16.6822 9.41143 16.0945 9.37487 15.5H8.49987C8.52811 16.0927 8.62579 16.6801 8.7909 17.25H7.62487C7.63843 16.4466 7.75175 14.6722 8.41355 13.5082L11.7092 14.9738C11.8678 15.796 12.2055 16.5732 12.6985 17.25H11.759Z" })));
-exports.CleanIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CleanIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CookieIcon/CookieIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CloseFilledIcon/CloseFilledIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CloseFilledIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CloseFilledIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/CloseFilledIcon/CloseFilledIcon.js

@@ -9,9 +9,9 @@ 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 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM10.7 11.5L8 8.8L5.3 11.5L4.5 10.7L7.2 8L4.5 5.3L5.3 4.5L8 7.2L10.7 4.5L11.5 5.3L8.8 8L11.5 10.7L10.7 11.5Z" })));
-exports.CloseFilledIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CloseFilledIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CloseFilledIcon/CloseFilledIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CloseIcon/CloseIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CloseIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CloseIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/CloseIcon/CloseIcon.js

@@ -10,9 +10,9 @@ const utils_1 = require("../../core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "inherit", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("rect", { fill: "none" }),
     react_1.default.createElement("path", { d: "M18 7.05L16.95 6L12 10.95L7.05 6L6 7.05L10.95 12L6 16.95L7.05 18L12 13.05L16.95 18L18 16.95L13.05 12L18 7.05Z" })));
-exports.CloseIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CloseIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CloseIcon/CloseIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CloseOutlineIcon/CloseOutlineIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CloseOutlineIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CloseOutlineIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/CloseOutlineIcon/CloseOutlineIcon.js

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xm
     react_1.default.createElement("g", null,
         react_1.default.createElement("path", { d: "M7 0.875C3.5875 0.875 0.875 3.5875 0.875 7C0.875 10.4125 3.5875 13.125 7 13.125C10.4125 13.125 13.125 10.4125 13.125 7C13.125 3.5875 10.4125 0.875 7 0.875ZM7 12.25C4.1125 12.25 1.75 9.8875 1.75 7C1.75 4.1125 4.1125 1.75 7 1.75C9.8875 1.75 12.25 4.1125 12.25 7C12.25 9.8875 9.8875 12.25 7 12.25Z" }),
         react_1.default.createElement("path", { d: "M9.3625 10.0625L7 7.7L4.6375 10.0625L3.9375 9.3625L6.3 7L3.9375 4.6375L4.6375 3.9375L7 6.3L9.3625 3.9375L10.0625 4.6375L7.7 7L10.0625 9.3625L9.3625 10.0625Z" }))));
-exports.CloseOutlineIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CloseOutlineIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CloseOutlineIcon/CloseOutlineIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CloudUploadIcon/CloudUploadIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CloudUploadIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CloudUploadIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/CloudUploadIcon/CloudUploadIcon.js

@@ -10,9 +10,9 @@ 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: "M5.50001 8.99979L6.20501 9.70479L7.50001 8.41479V14.4998H8.50001V8.41479L9.79501 9.70479L10.5 8.99979L8.00001 6.49979L5.50001 8.99979Z" }),
     react_1.default.createElement("path", { d: "M11.75 10.9998H11.5V9.99979H11.75C12.3467 10.0237 12.9285 9.80949 13.3674 9.40442C13.8062 8.99934 14.0661 8.43652 14.09 7.83979C14.1139 7.24305 13.8997 6.66127 13.4946 6.22243C13.0896 5.7836 12.5267 5.52365 11.93 5.49979H11.5L11.45 5.08979C11.3391 4.24801 10.9259 3.47526 10.2876 2.91548C9.64916 2.3557 8.82906 2.04706 7.98001 2.04706C7.13095 2.04706 6.31085 2.3557 5.67246 2.91548C5.03407 3.47526 4.62093 4.24801 4.51001 5.08979L4.50001 5.49979H4.07001C3.47327 5.52365 2.91045 5.7836 2.50538 6.22243C2.1003 6.66127 1.88614 7.24305 1.91001 7.83979C1.93387 8.43652 2.19382 8.99934 2.63265 9.40442C3.07149 9.80949 3.65327 10.0237 4.25001 9.99979H4.50001V10.9998H4.25001C3.44821 10.9947 2.67659 10.6934 2.0835 10.1538C1.49041 9.61425 1.11771 8.87447 1.03707 8.07672C0.956428 7.27898 1.17353 6.47957 1.64663 5.83221C2.11974 5.18485 2.81545 4.73523 3.60001 4.56979C3.81586 3.56305 4.37042 2.66077 5.17116 2.01352C5.9719 1.36627 6.97038 1.01318 8.00001 1.01318C9.02963 1.01318 10.0281 1.36627 10.8288 2.01352C11.6296 2.66077 12.1842 3.56305 12.4 4.56979C13.1846 4.73523 13.8803 5.18485 14.3534 5.83221C14.8265 6.47957 15.0436 7.27898 14.9629 8.07672C14.8823 8.87447 14.5096 9.61425 13.9165 10.1538C13.3234 10.6934 12.5518 10.9947 11.75 10.9998Z" })));
-exports.CloudUploadIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CloudUploadIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CloudUploadIcon/CloudUploadIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CodeIcon/CodeIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CodeIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CodeIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/CodeIcon/CodeIcon.js

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M15.5 8.00002L12 11.5L11.295 10.795L14.085 8.00002L11.295 5.20502L12 4.50002L15.5 8.00002Z" }),
     react_1.default.createElement("path", { d: "M0.5 8.00002L4 4.50002L4.705 5.20502L1.915 8.00002L4.705 10.795L4 11.5L0.5 8.00002Z" }),
     react_1.default.createElement("path", { d: "M8.81944 3.00049L6.20925 12.7418L7.17518 13.0007L9.78537 3.25931L8.81944 3.00049Z" })));
-exports.CodeIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CodeIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CodeIcon/CodeIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/ColorPaletteIcon/ColorPaletteIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const ColorPaletteIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const ColorPaletteIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/ColorPaletteIcon/ColorPaletteIcon.js

@@ -14,9 +14,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M9.1875 7.87956C9.67075 7.87956 10.0625 7.48781 10.0625 7.00456C10.0625 6.52131 9.67075 6.12956 9.1875 6.12956C8.70425 6.12956 8.3125 6.52131 8.3125 7.00456C8.3125 7.48781 8.70425 7.87956 9.1875 7.87956Z" }),
     react_1.default.createElement("path", { d: "M7.4375 10.0671C7.92075 10.0671 8.3125 9.67531 8.3125 9.19206C8.3125 8.70881 7.92075 8.31706 7.4375 8.31706C6.95425 8.31706 6.5625 8.70881 6.5625 9.19206C6.5625 9.67531 6.95425 10.0671 7.4375 10.0671Z" }),
     react_1.default.createElement("path", { d: "M6.36125 0.00455826C5.53725 -0.0272487 4.7153 0.107661 3.9447 0.401198C3.17409 0.694735 2.4707 1.14086 1.87668 1.71281C1.28266 2.28477 0.810249 2.97079 0.487771 3.72974C0.165293 4.48869 -0.000611956 5.30494 1.69613e-06 6.12956C-2.00107e-05 6.45389 0.074769 6.77385 0.218553 7.06457C0.362337 7.35528 0.57124 7.60891 0.829017 7.80574C1.08679 8.00256 1.3865 8.13728 1.70482 8.1994C2.02315 8.26153 2.35151 8.24939 2.66438 8.16393L3.15438 8.02831C3.3493 7.9751 3.55388 7.96761 3.75217 8.00643C3.95047 8.04526 4.13712 8.12934 4.29759 8.25212C4.45806 8.37491 4.58801 8.53309 4.67733 8.71433C4.76664 8.89558 4.8129 9.095 4.8125 9.29706V10.9421C4.8125 11.2902 4.95078 11.624 5.19692 11.8701C5.44307 12.1163 5.77691 12.2546 6.125 12.2546C6.94962 12.2552 7.76587 12.0893 8.52482 11.7668C9.28377 11.4443 9.96979 10.9719 10.5417 10.3779C11.1137 9.78386 11.5598 9.08046 11.8534 8.30986C12.1469 7.53926 12.2818 6.71731 12.25 5.89331C12.1865 4.35185 11.5457 2.89063 10.4548 1.79973C9.36393 0.708834 7.90271 0.0680368 6.36125 0.00455826ZM9.90938 9.76518C9.42087 10.2766 8.83352 10.6835 8.18297 10.961C7.53243 11.2385 6.83227 11.3809 6.125 11.3796C6.00897 11.3796 5.89769 11.3335 5.81564 11.2514C5.7336 11.1694 5.6875 11.0581 5.6875 10.9421V9.29706C5.6875 8.7169 5.45703 8.1605 5.0468 7.75026C4.63656 7.34003 4.08016 7.10956 3.5 7.10956C3.30341 7.10991 3.10774 7.13639 2.91813 7.18831L2.42813 7.32393C2.24511 7.37298 2.05326 7.37922 1.86744 7.34216C1.68163 7.3051 1.50685 7.22574 1.35665 7.11024C1.20645 6.99474 1.08488 6.84619 1.00135 6.67612C0.917824 6.50605 0.87459 6.31903 0.875002 6.12956C0.874459 5.42247 1.01676 4.72256 1.29336 4.07181C1.56996 3.42107 1.97517 2.83291 2.48466 2.34261C2.99416 1.85232 3.59745 1.47 4.25833 1.21859C4.91922 0.967181 5.62408 0.851864 6.33063 0.879558C7.64627 0.948081 8.8899 1.50154 9.82146 2.4331C10.753 3.36466 11.3065 4.60829 11.375 5.92393C11.4051 6.63092 11.2907 7.33662 11.0387 7.99785C10.7867 8.65908 10.4024 9.26195 9.90938 9.76956V9.76518Z" })));
-exports.ColorPaletteIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.ColorPaletteIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ColorPaletteIcon/ColorPaletteIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

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

@@ -1,9 +1,23 @@
 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;
-} & {
+export declare const ConnectIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/ConnectIcon/ConnectIcon.js

@@ -8,9 +8,9 @@ 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(() => ({
+exports.ConnectIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ConnectIcon/ConnectIcon',
-})) `
+}) `
   height: ${({ size }) => size || '14px'};
   width: ${({ size }) => size || '14px'};
 `;

package/lib/icons/ContrastIcon/ContrastIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const ContrastIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const ContrastIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<{
     color?: string;
     size?: string;
     className?: string;
-} & React.SVGProps<SVGSVGElement>, "data-component-name">;
+    '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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/ContrastIcon/ContrastIcon.js

@@ -9,9 +9,9 @@ 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.685 5.92C14.5508 5.48498 14.3732 5.06454 14.155 4.665C13.8323 4.07201 13.4265 3.52818 12.95 3.05C11.971 2.07111 10.7237 1.40449 9.36586 1.13445C8.00801 0.864415 6.60058 1.00308 5.32154 1.53291C4.0425 2.06275 2.94929 2.95996 2.18015 4.11109C1.41101 5.26221 1.00049 6.61556 1.00049 8C1.00049 9.38444 1.41101 10.7378 2.18015 11.8889C2.94929 13.04 4.0425 13.9373 5.32154 14.4671C6.60058 14.9969 8.00801 15.1356 9.36586 14.8656C10.7237 14.5955 11.971 13.9289 12.95 12.95C13.4265 12.4718 13.8323 11.928 14.155 11.335C14.3732 10.9355 14.5508 10.515 14.685 10.08C15.1065 8.72538 15.1065 7.27463 14.685 5.92ZM1.99998 8C1.99998 6.4087 2.63212 4.88258 3.75734 3.75736C4.88256 2.63214 6.40868 2 7.99998 2V14C6.40868 14 4.88256 13.3679 3.75734 12.2426C2.63212 11.1174 1.99998 9.5913 1.99998 8Z" })));
-exports.ContrastIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.ContrastIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ContrastIcon/ContrastIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }