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

package/lib/icons/CookieIcon/CookieIcon.js

@@ -16,9 +16,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M14.5 2C14.7761 2 15 1.77614 15 1.5C15 1.22386 14.7761 1 14.5 1C14.2239 1 14 1.22386 14 1.5C14 1.77614 14.2239 2 14.5 2Z" }),
     react_1.default.createElement("path", { d: "M8 12C8.27614 12 8.5 11.7761 8.5 11.5C8.5 11.2239 8.27614 11 8 11C7.72386 11 7.5 11.2239 7.5 11.5C7.5 11.7761 7.72386 12 8 12Z" }),
     react_1.default.createElement("path", { d: "M8 15C4.15 15 1 11.85 1 8C1 4.15 4.15 1 8 1C8.05 1 8.1 1 8.15 1L8.85 1.05L8.7 1.65C8.65 1.85 8.6 2.1 8.6 2.3C8.6 3.7 9.7 4.8 11.1 4.8C11.6 4.8 12.1 4.65 12.55 4.35L13.2 5.1C13 5.3 12.9 5.55 12.9 5.8C12.9 6.45 13.55 7 14.25 6.75L14.85 6.5L14.95 7.15C15 7.45 15 7.75 15 8C15 11.85 11.85 15 8 15ZM7.65 2C4.5 2.2 2 4.8 2 8C2 11.3 4.7 14 8 14C11.3 14 14 11.3 14 8C14 7.95 14 7.85 14 7.8C12.85 7.85 11.9 6.95 11.9 5.8C11.9 5.75 11.9 5.75 11.9 5.7C11.65 5.75 11.4 5.8 11.1 5.8C9.15 5.8 7.6 4.25 7.6 2.3C7.6 2.2 7.6 2.1 7.65 2Z" })));
-exports.CookieIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CookieIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CookieIcon/CookieIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CopyIcon/CopyIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CopyIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CopyIcon: 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/CopyIcon/CopyIcon.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", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.16667 2.66667C5.16667 2.57462 5.24129 2.5 5.33333 2.5H12C12.092 2.5 12.1667 2.57462 12.1667 2.66667V10.6667C12.1667 10.7587 12.092 10.8333 12 10.8333H10H5.33333C5.24129 10.8333 5.16667 10.7587 5.16667 10.6667V4.66667V2.66667ZM4.16667 4.16667V2.66667C4.16667 2.02233 4.689 1.5 5.33333 1.5H12C12.6443 1.5 13.1667 2.02233 13.1667 2.66667V10.6667C13.1667 11.311 12.6443 11.8333 12 11.8333H10.5V13.3333C10.5 13.6428 10.3771 13.9395 10.1583 14.1583C9.9395 14.3771 9.64275 14.5 9.33333 14.5H2.66667C2.35725 14.5 2.0605 14.3771 1.84171 14.1583C1.62292 13.9395 1.5 13.6428 1.5 13.3333V5.33333C1.5 5.02391 1.62292 4.72717 1.84171 4.50838C2.0605 4.28958 2.35725 4.16667 2.66667 4.16667H4.16667ZM9.5 11.8333V13.3333C9.5 13.3775 9.48244 13.4199 9.45118 13.4512C9.41993 13.4824 9.37754 13.5 9.33333 13.5H2.66667C2.62246 13.5 2.58007 13.4824 2.54882 13.4512C2.51756 13.4199 2.5 13.3775 2.5 13.3333V5.33333C2.5 5.28913 2.51756 5.24674 2.54882 5.21548C2.58007 5.18423 2.62246 5.16667 2.66667 5.16667H4.16667V10.6667C4.16667 11.311 4.689 11.8333 5.33333 11.8333H9.5Z" })));
-exports.CopyIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CopyIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CopyIcon/CopyIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/CopyLinkIcon/CopyLinkIcon.d.ts

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

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M5.9737 9.50005C5.48436 9.50016 5.00598 9.35513 4.59907 9.08332C4.19217 8.81151 3.87501 8.42512 3.68773 7.97304C3.50045 7.52096 3.45145 7.02348 3.54693 6.54355C3.64242 6.06361 3.87809 5.62278 4.22415 5.2768L6.7768 2.72465C7.24077 2.26065 7.87006 1.99996 8.52624 1.99994C9.18241 1.99992 9.81172 2.26056 10.2757 2.72453C10.7397 3.1885 11.0004 3.81779 11.0004 4.47397C11.0005 5.13014 10.7398 5.75945 10.2759 6.22345L9.9997 6.49975L9.2918 5.7933L9.57065 5.51435C9.84599 5.23762 10.0004 4.86301 10 4.47263C9.99967 4.08224 9.84456 3.70793 9.5687 3.4317C9.28782 3.16364 8.91447 3.01408 8.5262 3.01408C8.13793 3.01408 7.76458 3.16364 7.4837 3.4317L4.93135 5.9837C4.79443 6.12056 4.68582 6.28305 4.61172 6.46189C4.53762 6.64073 4.49948 6.83242 4.49948 7.026C4.49948 7.21959 4.53762 7.41128 4.61172 7.59012C4.68582 7.76896 4.79443 7.93145 4.93135 8.0683C5.21223 8.33636 5.58558 8.48592 5.97385 8.48592C6.36212 8.48592 6.73547 8.33636 7.01635 8.0683L7.7235 8.77555C7.49421 9.00599 7.2215 9.18867 6.92115 9.31303C6.6208 9.43739 6.29878 9.50096 5.9737 9.50005Z" }),
     react_1.default.createElement("path", { d: "M9.9737 8.50005C9.48436 8.50016 9.00598 8.35513 8.59907 8.08332C8.19217 7.81151 7.87501 7.42512 7.68773 6.97304C7.50045 6.52096 7.45145 6.02348 7.54693 5.54355C7.64242 5.06361 7.87809 4.62278 8.22415 4.2768L8.50045 4.0005L9.2076 4.7078L8.9313 4.98395C8.79442 5.12081 8.68583 5.28329 8.61175 5.46212C8.53767 5.64095 8.49954 5.83261 8.49954 6.02618C8.49954 6.21974 8.53767 6.41141 8.61175 6.59024C8.68583 6.76906 8.79442 6.93154 8.9313 7.0684C9.21218 7.33646 9.58553 7.48602 9.9738 7.48602C10.3621 7.48602 10.7354 7.33646 11.0163 7.0684C11.1463 6.9384 13.3809 4.70375 13.5689 4.51615C13.8449 4.23954 14 3.86474 14 3.47398C14 3.08322 13.8449 2.70842 13.5689 2.4318C13.2881 2.16374 12.9147 2.01418 12.5265 2.01418C12.1382 2.01418 11.7648 2.16374 11.4839 2.4318L10.7768 1.72455C11.2409 1.26126 11.87 1.00118 12.5258 1.00147C13.1816 1.00175 13.8104 1.26239 14.2742 1.72609C14.7379 2.18979 14.9985 2.81863 14.9989 3.47442C14.9992 4.13021 14.7391 4.7593 14.2759 5.22345C14.0876 5.41145 11.8539 7.64485 11.724 7.7752C11.4946 8.00572 11.2218 8.18847 10.9214 8.31289C10.621 8.43731 10.2989 8.50092 9.9737 8.50005Z" }),
     react_1.default.createElement("path", { d: "M12 15.0001H2C1.73487 14.9998 1.48068 14.8943 1.2932 14.7069C1.10572 14.5194 1.00028 14.2652 1 14.0001V4.00005C1.00028 3.73492 1.10572 3.48073 1.2932 3.29325C1.48068 3.10578 1.73487 3.00033 2 3.00005H4V4.00005H2V14.0001H12V9.00005H13V14.0001C12.9997 14.2652 12.8943 14.5194 12.7068 14.7069C12.5193 14.8943 12.2651 14.9998 12 15.0001Z" })));
-exports.CopyLinkIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CopyLinkIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CopyLinkIcon/CopyLinkIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

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

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

package/lib/icons/CursorIcon/CursorIcon.d.ts

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

@@ -13,9 +13,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ wi
     react_1.default.createElement("path", { d: "M8.00025 1V4.49995L14 4.49979L8.00025 1Z", fill: "#444444" }),
     react_1.default.createElement("path", { d: "M2 4.49979L8.00025 4.49995V1L2 4.49979ZM13.9999 11.4998L10.9999 9.74987L7.99956 15L13.9999 11.4998Z", fill: "#939393" }),
     react_1.default.createElement("path", { d: "M14 4.49979L10.9999 9.74987L13.9999 11.4998L14 4.49979ZM7.99956 8.0001L2 11.4999V4.49979L7.99956 8.0001Z", fill: "#444444" })));
-exports.CursorIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CursorIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CursorIcon/CursorIcon',
-})) `
+}) `
   height: ${({ size }) => size || '16px'};
   width: ${({ size }) => size || '16px'};
 `;

package/lib/icons/CurveAutoColonIcon/CurveAutoColonIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const CurveAutoColonIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const CurveAutoColonIcon: 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/CurveAutoColonIcon/CurveAutoColonIcon.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.74999 4.00001H10.05C10.1739 4.60703 10.5188 5.14642 11.0178 5.5136C11.5168 5.88079 12.1344 6.04962 12.7508 5.98735C13.3672 5.92508 13.9385 5.63615 14.354 5.17658C14.7694 4.71701 14.9995 4.11954 14.9995 3.50001C14.9995 2.88047 14.7694 2.283 14.354 1.82343C13.9385 1.36386 13.3672 1.07493 12.7508 1.01267C12.1344 0.950396 11.5168 1.11922 11.0178 1.48641C10.5188 1.85359 10.1739 2.39298 10.05 3.00001H4.74999C4.02065 3.00001 3.32117 3.28974 2.80545 3.80546C2.28972 4.32119 1.99999 5.02066 1.99999 5.75001C1.99999 6.47935 2.28972 7.17882 2.80545 7.69455C3.32117 8.21027 4.02065 8.50001 4.74999 8.50001H10.25C10.7141 8.50001 11.1592 8.68438 11.4874 9.01257C11.8156 9.34076 12 9.78588 12 10.25C12 10.7141 11.8156 11.1593 11.4874 11.4874C11.1592 11.8156 10.7141 12 10.25 12H5.94999C5.82609 11.393 5.4812 10.8536 4.9822 10.4864C4.4832 10.1192 3.86563 9.9504 3.24923 10.0127C2.63283 10.0749 2.06151 10.3639 1.64603 10.8234C1.23054 11.283 1.0005 11.8805 1.0005 12.5C1.0005 13.1195 1.23054 13.717 1.64603 14.1766C2.06151 14.6362 2.63283 14.9251 3.24923 14.9873C3.86563 15.0496 4.4832 14.8808 4.9822 14.5136C5.4812 14.1464 5.82609 13.607 5.94999 13H10.25C10.9793 13 11.6788 12.7103 12.1945 12.1945C12.7103 11.6788 13 10.9794 13 10.25C13 9.52066 12.7103 8.82119 12.1945 8.30546C11.6788 7.78974 10.9793 7.50001 10.25 7.50001H4.74999C4.28586 7.50001 3.84075 7.31563 3.51256 6.98744C3.18437 6.65925 2.99999 6.21413 2.99999 5.75001C2.99999 5.28588 3.18437 4.84076 3.51256 4.51257C3.84075 4.18438 4.28586 4.00001 4.74999 4.00001ZM12.5 2.00001C12.7967 2.00001 13.0867 2.08798 13.3333 2.2528C13.58 2.41762 13.7723 2.65189 13.8858 2.92598C13.9993 3.20007 14.029 3.50167 13.9712 3.79264C13.9133 4.08361 13.7704 4.35089 13.5607 4.56067C13.3509 4.77044 13.0836 4.91331 12.7926 4.97118C12.5017 5.02906 12.2001 4.99936 11.926 4.88582C11.6519 4.77229 11.4176 4.58003 11.2528 4.33336C11.088 4.08669 11 3.79668 11 3.50001C11 3.10218 11.158 2.72065 11.4393 2.43935C11.7206 2.15804 12.1022 2.00001 12.5 2.00001ZM3.49999 14C3.20332 14 2.91331 13.912 2.66664 13.7472C2.41996 13.5824 2.22771 13.3481 2.11417 13.074C2.00064 12.7999 1.97094 12.4983 2.02882 12.2074C2.08669 11.9164 2.22955 11.6491 2.43933 11.4393C2.64911 11.2296 2.91639 11.0867 3.20736 11.0288C3.49833 10.971 3.79993 11.0007 4.07402 11.1142C4.34811 11.2277 4.58238 11.42 4.7472 11.6667C4.91202 11.9133 4.99999 12.2033 4.99999 12.5C4.99999 12.8978 4.84196 13.2794 4.56065 13.5607C4.27935 13.842 3.89782 14 3.49999 14Z", fill: "#1A1C21" })));
-exports.CurveAutoColonIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.CurveAutoColonIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/CurveAutoColonIcon/CurveAutoColonIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DataFormatIcon/DataFormatIcon.d.ts

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

@@ -13,9 +13,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M5 8C4.60444 8 4.21776 7.8827 3.88886 7.66294C3.55996 7.44318 3.30362 7.13082 3.15224 6.76537C3.00087 6.39991 2.96126 5.99778 3.03843 5.60982C3.1156 5.22186 3.30608 4.86549 3.58579 4.58579C3.86549 4.30608 4.22186 4.1156 4.60982 4.03843C4.99778 3.96126 5.39991 4.00087 5.76537 4.15224C6.13082 4.30362 6.44318 4.55996 6.66294 4.88886C6.8827 5.21776 7 5.60444 7 6C6.9994 6.53025 6.7885 7.03861 6.41356 7.41356C6.03861 7.7885 5.53025 7.9994 5 8ZM5 5C4.80222 5 4.60888 5.05865 4.44443 5.16853C4.27998 5.27841 4.15181 5.43459 4.07612 5.61732C4.00043 5.80004 3.98063 6.00111 4.01921 6.19509C4.0578 6.38907 4.15304 6.56725 4.29289 6.70711C4.43275 6.84696 4.61093 6.9422 4.80491 6.98079C4.99889 7.01937 5.19996 6.99957 5.38268 6.92388C5.56541 6.84819 5.72159 6.72002 5.83147 6.55557C5.94135 6.39112 6 6.19778 6 6C5.99974 5.73486 5.89429 5.48066 5.70681 5.29319C5.51934 5.10571 5.26514 5.00026 5 5Z" }),
     react_1.default.createElement("path", { d: "M11 12C10.6044 12 10.2178 11.8827 9.88886 11.6629C9.55996 11.4432 9.30362 11.1308 9.15224 10.7654C9.00087 10.3999 8.96126 9.99778 9.03843 9.60982C9.1156 9.22186 9.30608 8.86549 9.58579 8.58579C9.86549 8.30608 10.2219 8.1156 10.6098 8.03843C10.9978 7.96126 11.3999 8.00087 11.7654 8.15224C12.1308 8.30362 12.4432 8.55996 12.6629 8.88886C12.8827 9.21776 13 9.60444 13 10C12.9994 10.5303 12.7885 11.0386 12.4136 11.4136C12.0386 11.7885 11.5303 11.9994 11 12ZM11 9C10.8022 9 10.6089 9.05865 10.4444 9.16853C10.28 9.27841 10.1518 9.43459 10.0761 9.61732C10.0004 9.80004 9.98063 10.0011 10.0192 10.1951C10.0578 10.3891 10.153 10.5673 10.2929 10.7071C10.4327 10.847 10.6109 10.9422 10.8049 10.9808C10.9989 11.0194 11.2 10.9996 11.3827 10.9239C11.5654 10.8482 11.7216 10.72 11.8315 10.5556C11.9414 10.3911 12 10.1978 12 10C11.9997 9.73487 11.8943 9.48066 11.7068 9.29319C11.5193 9.10571 11.2651 9.00027 11 9Z" }),
     react_1.default.createElement("path", { d: "M14 15H2C1.73487 14.9997 1.48068 14.8943 1.2932 14.7068C1.10572 14.5193 1.00028 14.2651 1 14V2C1.00028 1.73487 1.10572 1.48068 1.2932 1.2932C1.48068 1.10572 1.73487 1.00028 2 1H14C14.2651 1.00028 14.5193 1.10572 14.7068 1.2932C14.8943 1.48068 14.9997 1.73487 15 2V14C14.9997 14.2651 14.8943 14.5193 14.7068 14.7068C14.5193 14.8943 14.2651 14.9997 14 15ZM2 2V14H14V2H2Z" })));
-exports.DataFormatIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DataFormatIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DataFormatIcon/DataFormatIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DataRefineryIcon/DataRefineryIcon.d.ts

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

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xm
     react_1.default.createElement("path", { d: "M3.0625 13.125C2.62985 13.125 2.20692 12.9967 1.84719 12.7563C1.48746 12.516 1.20708 12.1743 1.04151 11.7746C0.875948 11.3749 0.832628 10.9351 0.917033 10.5107C1.00144 10.0864 1.20978 9.69663 1.5157 9.3907C1.82163 9.08478 2.21141 8.87644 2.63574 8.79203C3.06007 8.70763 3.49991 8.75095 3.89962 8.91651C4.29933 9.08208 4.64097 9.36246 4.88134 9.72219C5.12171 10.0819 5.25 10.5049 5.25 10.9375C5.24932 11.5175 5.01863 12.0735 4.60854 12.4835C4.19845 12.8936 3.64245 13.1243 3.0625 13.125ZM3.0625 9.625C2.80291 9.625 2.54915 9.70198 2.33331 9.8462C2.11748 9.99042 1.94925 10.1954 1.84991 10.4352C1.75057 10.6751 1.72458 10.939 1.77522 11.1936C1.82586 11.4482 1.95087 11.682 2.13442 11.8656C2.31798 12.0491 2.55184 12.1741 2.80645 12.2248C3.06105 12.2754 3.32494 12.2494 3.56477 12.1501C3.8046 12.0508 4.00959 11.8825 4.1538 11.6667C4.29802 11.4508 4.375 11.1971 4.375 10.9375C4.37462 10.5895 4.23622 10.2559 3.99016 10.0098C3.7441 9.76379 3.41048 9.62538 3.0625 9.625Z", fill: "#3B3C45" }),
     react_1.default.createElement("path", { d: "M10.5 11.375H6.125V10.5H10.5V7.4375H3.5C3.26801 7.43726 3.04559 7.34499 2.88155 7.18095C2.71751 7.01691 2.62524 6.79449 2.625 6.5625V3.5C2.62524 3.26801 2.71751 3.04559 2.88155 2.88155C3.04559 2.71751 3.26801 2.62524 3.5 2.625H7.875V3.5H3.5V6.5625H10.5C10.732 6.56274 10.9544 6.65501 11.1185 6.81905C11.2825 6.98309 11.3748 7.20551 11.375 7.4375V10.5C11.3748 10.732 11.2825 10.9544 11.1185 11.1184C10.9544 11.2825 10.732 11.3748 10.5 11.375Z", fill: "#3B3C45" }),
     react_1.default.createElement("path", { d: "M12.25 5.25H9.625C9.39302 5.24973 9.17061 5.15746 9.00658 4.99342C8.84254 4.82939 8.75027 4.60698 8.75 4.375V1.75C8.75027 1.51802 8.84254 1.29561 9.00658 1.13158C9.17061 0.967539 9.39302 0.875266 9.625 0.875H12.25C12.482 0.875266 12.7044 0.967539 12.8684 1.13158C13.0325 1.29561 13.1247 1.51802 13.125 1.75V4.375C13.1247 4.60698 13.0325 4.82939 12.8684 4.99342C12.7044 5.15746 12.482 5.24973 12.25 5.25ZM9.625 1.75V4.375H12.25V1.75H9.625Z", fill: "#3B3C45" })));
-exports.DataRefineryIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DataRefineryIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DataRefineryIcon/DataRefineryIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DatabaseIcon/DatabaseIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const DatabaseIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const DatabaseIcon: 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/DatabaseIcon/DatabaseIcon.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 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M8 2.01318C5.35105 2.01318 2.5 2.63918 2.5 4.01318V13.0132C2.5 14.3872 5.35105 15.0132 8 15.0132C10.649 15.0132 13.5 14.3872 13.5 13.0132V4.01318C13.5 2.63918 10.649 2.01318 8 2.01318ZM8 3.01318C10.8988 3.01318 12.3974 3.73023 12.4984 4.01318C12.3974 4.29613 10.8988 5.01318 8 5.01318C5.07935 5.01318 3.5803 4.28538 3.5 4.02198V4.01953C3.5803 3.74098 5.07935 3.01318 8 3.01318ZM3.5 5.22703C4.56395 5.76073 6.3213 6.01318 8 6.01318C9.6787 6.01318 11.4361 5.76073 12.5 5.22703V7.00683C12.4197 7.28538 10.9207 8.01318 8 8.01318C5.07495 8.01318 3.57545 7.28318 3.5 7.01318V5.22703ZM3.5 8.22703C4.56395 8.76073 6.3213 9.01318 8 9.01318C9.6787 9.01318 11.4361 8.76073 12.5 8.22703V10.0068C12.4197 10.2854 10.9207 11.0132 8 11.0132C5.07495 11.0132 3.57545 10.2832 3.5 10.0132V8.22703ZM8 14.0132C5.07495 14.0132 3.57545 13.2832 3.5 13.0132V11.227C4.56395 11.7607 6.3213 12.0132 8 12.0132C9.6787 12.0132 11.4361 11.7607 12.5 11.227V13.0068C12.4197 13.2854 10.9207 14.0132 8 14.0132Z" })));
-exports.DatabaseIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DatabaseIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DatabaseIcon/DatabaseIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DescSortIcon/DescSortIcon.d.ts

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

@@ -12,9 +12,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M8 3H1V4H8V3Z", fill: "#22242B" }),
     react_1.default.createElement("path", { d: "M8 6H3V7H8V6Z", fill: "#22242B" }),
     react_1.default.createElement("path", { d: "M8 9H5V10H8V9Z", fill: "#22242B" })));
-exports.DescSortIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DescSortIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DescSortIcon/DescSortIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DeselectIcon/DeselectIcon.d.ts

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

@@ -12,9 +12,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ "d
     react_1.default.createElement("path", { d: "M10.5 3.64746H1.5V4.64746H10.5V3.64746Z", fill: "currentColor" }),
     react_1.default.createElement("path", { d: "M10.5 6.64746H1.5V7.64746H10.5V6.64746Z", fill: "currentColor" }),
     react_1.default.createElement("path", { d: "M7.5 9.64746H1.5V10.6475H7.5V9.64746Z", fill: "currentColor" })));
-exports.DeselectIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DeselectIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DeselectIcon/DeselectIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DirectionRightIcon/DirectionRightIcon.d.ts

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

@@ -10,9 +10,9 @@ 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: "M9.5 4L8.79295 4.70705L11.0859 7H5C4.73478 7 4.48043 7.10536 4.29289 7.29289C4.10536 7.48043 4 7.73478 4 8V14H5V8H11.0859L8.79295 10.2929L9.5 11L13 7.5L9.5 4Z", fill: "#1A1C21" }),
     react_1.default.createElement("path", { d: "M5 2H4V6H5V2Z", fill: "#1A1C21" })));
-exports.DirectionRightIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DirectionRightIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DirectionRightIcon/DirectionRightIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DocumentAddIcon/DocumentAddIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const DocumentAddIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const DocumentAddIcon: 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/DocumentAddIcon/DocumentAddIcon.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: "M15 11.9999H13V9.99993H12V11.9999H10V12.9999H12V14.9999H13V12.9999H15V11.9999Z" }),
     react_1.default.createElement("path", { d: "M8 13.9999H4V1.99993H8V4.99993C8.00077 5.26491 8.10637 5.51882 8.29374 5.70619C8.48111 5.89356 8.73502 5.99916 9 5.99993H12V7.99993H13V4.99993C13.0018 4.93421 12.9893 4.86889 12.9634 4.80847C12.9375 4.74804 12.8988 4.69395 12.85 4.64993L9.35 1.14993C9.30599 1.10109 9.2519 1.06239 9.19147 1.03649C9.13104 1.01059 9.06572 0.99812 9 0.999928H4C3.73502 1.00069 3.48111 1.1063 3.29374 1.29367C3.10637 1.48104 3.00077 1.73495 3 1.99993V13.9999C3.00077 14.2649 3.10637 14.5188 3.29374 14.7062C3.48111 14.8936 3.73502 14.9992 4 14.9999H8V13.9999ZM9 2.19993L11.8 4.99993H9V2.19993Z" })));
-exports.DocumentAddIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DocumentAddIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DocumentAddIcon/DocumentAddIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DocumentBlankIcon/DocumentBlankIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const DocumentBlankIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const DocumentBlankIcon: 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/DocumentBlankIcon/DocumentBlankIcon.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: "M12.85 4.64993L9.35 1.14993C9.30601 1.10107 9.25192 1.06236 9.19149 1.03646C9.13106 1.01056 9.06572 0.998095 9 0.999933H4C3.73502 1.00071 3.48112 1.10632 3.29375 1.29369C3.10638 1.48105 3.00078 1.73496 3 1.99993V13.9999C3.00078 14.2649 3.10638 14.5188 3.29375 14.7062C3.48112 14.8935 3.73502 14.9992 4 14.9999H12C12.265 14.9992 12.5189 14.8935 12.7062 14.7062C12.8936 14.5188 12.9992 14.2649 13 13.9999V4.99993C13.0018 4.93421 12.9894 4.86887 12.9635 4.80844C12.9376 4.74801 12.8989 4.69393 12.85 4.64993ZM9 2.19993L11.8 4.99993H9V2.19993ZM12 13.9999H4V1.99993H8V4.99993C8.00078 5.26491 8.10638 5.51881 8.29375 5.70618C8.48112 5.89355 8.73502 5.99916 9 5.99993H12V13.9999Z" })));
-exports.DocumentBlankIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.DocumentBlankIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/DocumentBlankIcon/DocumentBlankIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/DocumentCssIcon/DocumentCssIcon.d.ts

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