@redocly/theme 0.66.0-next.2 → 0.66.0-next.4

package/lib/icons/NotesIcon/NotesIcon.js

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

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

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const OverflowMenuHorizontalIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const OverflowMenuHorizontalIcon: 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/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon.js

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M3.2 9.1998C3.86274 9.1998 4.4 8.66255 4.4 7.9998C4.4 7.33706 3.86274 6.7998 3.2 6.7998C2.53726 6.7998 2 7.33706 2 7.9998C2 8.66255 2.53726 9.1998 3.2 9.1998Z" }),
     react_1.default.createElement("path", { d: "M8 9.1998C8.66274 9.1998 9.2 8.66255 9.2 7.9998C9.2 7.33706 8.66274 6.7998 8 6.7998C7.33726 6.7998 6.8 7.33706 6.8 7.9998C6.8 8.66255 7.33726 9.1998 8 9.1998Z" }),
     react_1.default.createElement("path", { d: "M12.8 9.1998C13.4627 9.1998 14 8.66255 14 7.9998C14 7.33706 13.4627 6.7998 12.8 6.7998C12.1373 6.7998 11.6 7.33706 11.6 7.9998C11.6 8.66255 12.1373 9.1998 12.8 9.1998Z" })));
-exports.OverflowMenuHorizontalIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.OverflowMenuHorizontalIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/OverflowMenuHorizontalIcon/OverflowMenuHorizontalIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

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

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const OverflowMenuVerticalIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const OverflowMenuVerticalIcon: 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/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon.js

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M7.99999 4.4C8.66273 4.4 9.19999 3.86274 9.19999 3.2C9.19999 2.53726 8.66273 2 7.99999 2C7.33725 2 6.79999 2.53726 6.79999 3.2C6.79999 3.86274 7.33725 4.4 7.99999 4.4Z" }),
     react_1.default.createElement("path", { d: "M7.99999 9.2C8.66273 9.2 9.19999 8.66274 9.19999 8C9.19999 7.33726 8.66273 6.8 7.99999 6.8C7.33725 6.8 6.79999 7.33726 6.79999 8C6.79999 8.66274 7.33725 9.2 7.99999 9.2Z" }),
     react_1.default.createElement("path", { d: "M7.99999 14C8.66273 14 9.19999 13.4627 9.19999 12.8C9.19999 12.1373 8.66273 11.6 7.99999 11.6C7.33725 11.6 6.79999 12.1373 6.79999 12.8C6.79999 13.4627 7.33725 14 7.99999 14Z" })));
-exports.OverflowMenuVerticalIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.OverflowMenuVerticalIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/OverflowMenuVerticalIcon/OverflowMenuVerticalIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

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

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const PeopleIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const PeopleIcon: 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/PeopleIcon/PeopleIcon.js

@@ -14,9 +14,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M9 6.3125C9.33376 6.3125 9.66002 6.41147 9.93752 6.5969C10.215 6.78232 10.4313 7.04587 10.559 7.35422C10.6868 7.66257 10.7202 8.00187 10.6551 8.32922C10.59 8.65656 10.4292 8.95724 10.1932 9.19324C9.95724 9.42924 9.65656 9.58996 9.32922 9.65508C9.00187 9.72019 8.66257 9.68677 8.35422 9.55905C8.04587 9.43132 7.78232 9.21503 7.5969 8.93752C7.41147 8.66002 7.3125 8.33376 7.3125 8C7.3125 7.55245 7.49029 7.12322 7.80676 6.80676C8.12322 6.49029 8.55245 6.3125 9 6.3125ZM9 5.1875C8.44374 5.1875 7.89997 5.35245 7.43746 5.66149C6.97495 5.97053 6.61446 6.40979 6.40159 6.9237C6.18872 7.43762 6.13302 8.00312 6.24154 8.54869C6.35006 9.09426 6.61793 9.5954 7.01126 9.98874C7.4046 10.3821 7.90574 10.6499 8.45131 10.7585C8.99688 10.867 9.56238 10.8113 10.0763 10.5984C10.5902 10.3855 11.0295 10.0251 11.3385 9.56254C11.6475 9.10003 11.8125 8.55626 11.8125 8C11.8125 7.25408 11.5162 6.53871 10.9887 6.01126C10.4613 5.48382 9.74592 5.1875 9 5.1875Z", fill: "#1F7CFF" }),
     react_1.default.createElement("path", { d: "M4.5 6.875H3.375C2.62935 6.87588 1.91449 7.17248 1.38723 7.69973C0.859976 8.22699 0.563378 8.94185 0.5625 9.6875V11.9375H1.6875V9.6875C1.68799 9.2401 1.86594 8.81116 2.1823 8.4948C2.49866 8.17844 2.9276 8.00049 3.375 8H4.5V6.875Z", fill: "#1F7CFF" }),
     react_1.default.createElement("path", { d: "M4.5 1.25C4.83376 1.25 5.16002 1.34897 5.43752 1.5344C5.71503 1.71982 5.93132 1.98337 6.05905 2.29172C6.18677 2.60007 6.22019 2.93937 6.15508 3.26671C6.08996 3.59406 5.92924 3.89474 5.69324 4.13074C5.45724 4.36674 5.15656 4.52746 4.82922 4.59258C4.50187 4.65769 4.16257 4.62427 3.85422 4.49655C3.54587 4.36882 3.28232 4.15253 3.0969 3.87502C2.91147 3.59752 2.8125 3.27126 2.8125 2.9375C2.8125 2.48995 2.99029 2.06072 3.30676 1.74426C3.62322 1.42779 4.05245 1.25 4.5 1.25ZM4.5 0.125C3.94374 0.125 3.39997 0.28995 2.93746 0.598992C2.47495 0.908033 2.11446 1.34729 1.90159 1.8612C1.68872 2.37512 1.63302 2.94062 1.74154 3.48619C1.85006 4.03176 2.11793 4.5329 2.51126 4.92624C2.9046 5.31957 3.40574 5.58744 3.95131 5.69596C4.49688 5.80448 5.06238 5.74878 5.5763 5.53591C6.09021 5.32304 6.52947 4.96255 6.83851 4.50004C7.14755 4.03753 7.3125 3.49376 7.3125 2.9375C7.3125 2.19158 7.01618 1.47621 6.48874 0.948762C5.96129 0.421316 5.24592 0.125 4.5 0.125Z", fill: "#1F7CFF" })));
-exports.PeopleIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.PeopleIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/PeopleIcon/PeopleIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/PlayIcon/PlayIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const PlayIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const PlayIcon: 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/PlayIcon/PlayIcon.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 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M3.0625 12.25C2.94647 12.25 2.83519 12.2039 2.75314 12.1219C2.67109 12.0398 2.625 11.9286 2.625 11.8125V2.18753C2.62499 2.1115 2.6448 2.03678 2.68247 1.97074C2.72014 1.9047 2.77437 1.84961 2.83981 1.81092C2.90526 1.77222 2.97965 1.75124 3.05567 1.75005C3.13169 1.74887 3.20671 1.76751 3.27333 1.80415L12.0233 6.61665C12.092 6.6544 12.1492 6.70989 12.1891 6.77733C12.229 6.84476 12.25 6.92167 12.25 7.00001C12.25 7.07835 12.229 7.15526 12.1891 7.22269C12.1492 7.29013 12.092 7.34562 12.0233 7.38337L3.27333 12.1959C3.20874 12.2314 3.13622 12.25 3.0625 12.25ZM3.5 2.9273V11.0726L10.9046 7.00003L3.5 2.9273Z" })));
-exports.PlayIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.PlayIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/PlayIcon/PlayIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

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

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const PlaylistIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const PlaylistIcon: 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/PlaylistIcon/PlaylistIcon.js

@@ -12,9 +12,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xm
     react_1.default.createElement("path", { d: "M9.625 5.25H1.75V6.125H9.625V5.25Z", fill: "#1A1C21" }),
     react_1.default.createElement("path", { d: "M7 7.875H1.75V8.75H7V7.875Z", fill: "#1A1C21" }),
     react_1.default.createElement("path", { d: "M9.1875 7.875L12.25 10.0625L9.1875 12.25V7.875Z", fill: "#1A1C21" })));
-exports.PlaylistIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.PlaylistIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/PlaylistIcon/PlaylistIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/PlusCustomIcon/PlusCustomIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const PlusCustomIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const PlusCustomIcon: 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/PlusCustomIcon/PlusCustomIcon.js

@@ -10,9 +10,9 @@ const utils_1 = require("../../core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("rect", { x: "2.5", y: "2.5", width: "19", height: "19", rx: "9.5", stroke: "#DCDDE5" }),
     react_1.default.createElement("path", { d: "M12.5 11.5V8H11.5V11.5H8V12.5H11.5V16H12.5V12.5H16V11.5H12.5Z", fill: "#3B3C45" })));
-exports.PlusCustomIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.PlusCustomIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/PlusCustomIcon/PlusCustomIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/RabbitMQIcon/RabbitMQIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const RabbitMQIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const RabbitMQIcon: 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/RabbitMQIcon/RabbitMQIcon.js

@@ -13,9 +13,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ wi
     react_1.default.createElement("defs", null,
         react_1.default.createElement("clipPath", { id: "clip0_15358_36168" },
             react_1.default.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(2 2)" })))));
-exports.RabbitMQIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.RabbitMQIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/RabbitMQIcon/RabbitMQIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/RadioCheckButtonIcon/RadioCheckButtonIcon.d.ts

@@ -1,4 +1,23 @@
 import React from 'react';
-export declare const RadioCheckButtonIcon: import("styled-components").StyledComponent<() => React.JSX.Element, any, {
-    'data-component-name': string;
-}, "data-component-name">;
+import type { IconProps } from '../../icons/types';
+export declare const RadioCheckButtonIcon: 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<(props: IconProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;

package/lib/icons/RadioCheckButtonIcon/RadioCheckButtonIcon.js

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioCheckButtonIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Icon = () => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" },
+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: "none" }, props),
     react_1.default.createElement("rect", { width: "16", height: "16", fill: "none" }),
     react_1.default.createElement("path", { d: "M8 1C6.61553 1 5.26216 1.41054 4.11101 2.17971C2.95987 2.94888 2.06266 4.04213 1.53285 5.32122C1.00303 6.6003 0.86441 8.00776 1.13451 9.36563C1.4046 10.7235 2.07129 11.9708 3.05026 12.9497C4.02922 13.9287 5.2765 14.5954 6.63437 14.8655C7.99224 15.1356 9.3997 14.997 10.6788 14.4672C11.9579 13.9373 13.0511 13.0401 13.8203 11.889C14.5895 10.7378 15 9.38447 15 8C15 6.14348 14.2625 4.36301 12.9497 3.05025C11.637 1.7375 9.85652 1 8 1ZM8 14C6.81332 14 5.65328 13.6481 4.66658 12.9888C3.67989 12.3295 2.91085 11.3925 2.45673 10.2961C2.0026 9.19974 1.88378 7.99334 2.11529 6.82946C2.3468 5.66557 2.91825 4.59647 3.75736 3.75736C4.59648 2.91824 5.66558 2.3468 6.82946 2.11529C7.99335 1.88378 9.19975 2.0026 10.2961 2.45672C11.3925 2.91085 12.3295 3.67988 12.9888 4.66658C13.6481 5.65327 14 6.81331 14 8C14 9.5913 13.3679 11.1174 12.2426 12.2426C11.1174 13.3679 9.5913 14 8 14Z", fill: "currentColor" }),
     react_1.default.createElement("path", { d: "M7 10.625L4.5 8.145L5.295 7.375L7 9.05L10.705 5.375L11.5 6.165L7 10.625Z", fill: "currentColor" })));
-exports.RadioCheckButtonIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.RadioCheckButtonIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/RadioCheckButtonIcon/RadioCheckButtonIcon',
-})) ``;
+}) ``;
 //# sourceMappingURL=RadioCheckButtonIcon.js.map

package/lib/icons/RecentlyViewedIcon/RecentlyViewedIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const RecentlyViewedIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const RecentlyViewedIcon: 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/RecentlyViewedIcon/RecentlyViewedIcon.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", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M10.295 11L7.5 8.205V3.5H8.5V7.79L11 10.295L10.295 11Z" }),
     react_1.default.createElement("path", { d: "M8 1C7.06748 1.00013 6.14446 1.18739 5.28562 1.55068C4.42677 1.91397 3.64955 2.44591 3 3.115V1H2V5H6V4H3.54C4.47801 2.95765 5.75149 2.27676 7.13926 2.0756C8.52703 1.87444 9.94142 2.16571 11.1368 2.89882C12.3322 3.63193 13.233 4.76057 13.6829 6.08873C14.1327 7.41689 14.1032 8.86066 13.5993 10.1693C13.0955 11.4779 12.1492 12.5688 10.9249 13.2523C9.7005 13.9359 8.27537 14.1691 6.897 13.9113C5.51862 13.6535 4.27407 12.9211 3.3795 11.8412C2.48492 10.7614 1.99683 9.40227 2 8H1C1 9.38447 1.41054 10.7378 2.17971 11.889C2.94888 13.0401 4.04213 13.9373 5.32122 14.4672C6.6003 14.997 8.00776 15.1356 9.36563 14.8655C10.7235 14.5954 11.9708 13.9287 12.9497 12.9497C13.9287 11.9708 14.5954 10.7235 14.8655 9.36563C15.1356 8.00776 14.997 6.6003 14.4672 5.32122C13.9373 4.04213 13.0401 2.94888 11.889 2.17971C10.7378 1.41054 9.38447 1 8 1Z" })));
-exports.RecentlyViewedIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.RecentlyViewedIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/RecentlyViewedIcon/RecentlyViewedIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/RedoclyIcon/RedoclyIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const RedoclyIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const RedoclyIcon: 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/RedoclyIcon/RedoclyIcon.js

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     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(() => ({
+exports.RedoclyIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/RedoclyIcon/RedoclyIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/RenewIcon/RenewIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const RenewIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const RenewIcon: 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/RenewIcon/RenewIcon.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: "M6 4.99986H3.39C4.03668 4.00602 4.98721 3.24777 6.09991 2.83815C7.21262 2.42852 8.4279 2.38944 9.56462 2.72675C10.7013 3.06405 11.6986 3.75967 12.4078 4.70992C13.117 5.66017 13.5001 6.81415 13.5 7.99986H14.5C14.5014 6.6626 14.0903 5.35747 13.3227 4.26241C12.5552 3.16736 11.4686 2.33568 10.2111 1.88079C8.95358 1.4259 7.58637 1.36994 6.29589 1.72053C5.00541 2.07112 3.85447 2.8112 3 3.83986V1.99986H2V5.99986H6V4.99986Z" }),
     react_1.default.createElement("path", { d: "M10 10.9999H12.61C11.9633 11.9937 11.0128 12.7519 9.90009 13.1616C8.78739 13.5712 7.5721 13.6103 6.43539 13.273C5.29867 12.9357 4.30139 12.24 3.59221 11.2898C2.88303 10.3395 2.49993 9.18556 2.5 7.99986H1.5C1.49863 9.33711 1.90973 10.6422 2.67727 11.7373C3.4448 12.8324 4.53141 13.664 5.78892 14.1189C7.04642 14.5738 8.41363 14.6298 9.70411 14.2792C10.9946 13.9286 12.1455 13.1885 13 12.1599V13.9999H14V9.99986H10V10.9999Z" })));
-exports.RenewIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.RenewIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/RenewIcon/RenewIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/ResetIcon/ResetIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const ResetIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const ResetIcon: 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/ResetIcon/ResetIcon.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: "M9 14C10.1867 14 11.3467 13.6481 12.3334 12.9888C13.3201 12.3295 14.0892 11.3925 14.5433 10.2961C14.9974 9.19975 15.1162 7.99335 14.8847 6.82946C14.6532 5.66558 14.0818 4.59648 13.2426 3.75736C12.4035 2.91825 11.3344 2.3468 10.1705 2.11529C9.00666 1.88378 7.80026 2.0026 6.7039 2.45673C5.60754 2.91085 4.67047 3.67989 4.01118 4.66658C3.35189 5.65328 3 6.81331 3 8V11.1L1.2 9.3L0.5 10L3.5 13L6.5 10L5.8 9.3L4 11.1V8C4 7.0111 4.29324 6.0444 4.84265 5.22215C5.39206 4.39991 6.17295 3.75904 7.08658 3.38061C8.00021 3.00217 9.00555 2.90315 9.97545 3.09608C10.9454 3.289 11.8363 3.76521 12.5355 4.46447C13.2348 5.16373 13.711 6.05465 13.9039 7.02455C14.0969 7.99446 13.9978 8.99979 13.6194 9.91342C13.241 10.8271 12.6001 11.6079 11.7779 12.1574C10.9556 12.7068 9.98891 13 9 13V14Z", fill: "#1A1C21" })));
-exports.ResetIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.ResetIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/ResetIcon/ResetIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/RestartIcon/RestartIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const RestartIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const RestartIcon: 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/RestartIcon/RestartIcon.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: "M13 9C13 9.98891 12.7068 10.9556 12.1574 11.7779C11.6079 12.6001 10.8271 13.241 9.91342 13.6194C8.99979 13.9978 7.99446 14.0969 7.02455 13.9039C6.05465 13.711 5.16373 13.2348 4.46447 12.5355C3.76521 11.8363 3.289 10.9454 3.09608 9.97545C2.90315 9.00555 3.00217 8.00021 3.38061 7.08658C3.75904 6.17295 4.39991 5.39206 5.22215 4.84265C6.0444 4.29324 7.0111 4 8 4H11.0911L9.29885 5.7927L10 6.5L13 3.5L10 0.5L9.29885 1.207L11.0926 3H8C6.81331 3 5.65328 3.35189 4.66658 4.01118C3.67989 4.67047 2.91085 5.60754 2.45673 6.7039C2.0026 7.80026 1.88378 9.00666 2.11529 10.1705C2.3468 11.3344 2.91825 12.4035 3.75736 13.2426C4.59648 14.0818 5.66558 14.6532 6.82946 14.8847C7.99335 15.1162 9.19975 14.9974 10.2961 14.5433C11.3925 14.0892 12.3295 13.3201 12.9888 12.3334C13.6481 11.3467 14 10.1867 14 9H13Z" })));
-exports.RestartIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.RestartIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/RestartIcon/RestartIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }