@redocly/theme 0.44.2 → 0.44.4

package/lib/core/utils/markdoc.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isTag = void 0;
+exports.isTag = isTag;
 function isTag(value) {
     return !!((value === null || value === void 0 ? void 0 : value.$$mdtype) === 'Tag');
 }
-exports.isTag = isTag;
 //# sourceMappingURL=markdoc.js.map

package/lib/core/utils/menu.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMenuItemType = exports.buildVersionSection = exports.buildLanguagesGroup = exports.isItemActive = exports.mapNavbarItems = void 0;
+exports.buildVersionSection = exports.buildLanguagesGroup = exports.isItemActive = exports.mapNavbarItems = void 0;
+exports.getMenuItemType = getMenuItemType;
 const urls_1 = require("../../core/utils/urls");
 const utils_1 = require("../../core/utils");
 const constants_1 = require("../../core/constants");
@@ -91,5 +92,4 @@ function getMenuItemType(item) {
     else
         return constants_1.MenuItemType.Default;
 }
-exports.getMenuItemType = getMenuItemType;
 //# sourceMappingURL=menu.js.map

package/lib/core/utils/replace-hash-in-color.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.replaceHashInColor = void 0;
+exports.replaceHashInColor = replaceHashInColor;
 function replaceHashInColor(color) {
     return color.replace('#', '%23');
 }
-exports.replaceHashInColor = replaceHashInColor;
 //# sourceMappingURL=replace-hash-in-color.js.map

package/lib/core/utils/text-transform.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.capitalize = void 0;
+exports.capitalize = capitalize;
 function capitalize(input) {
     return input.charAt(0).toUpperCase() + input.slice(1);
 }
-exports.capitalize = capitalize;
 //# sourceMappingURL=text-transform.js.map

package/lib/core/utils/text-trimmer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.trimText = void 0;
+exports.trimText = trimText;
 function trimText(text, maxLength = 150) {
     if (typeof text === 'string') {
         if (text.length <= maxLength) {
@@ -12,5 +12,4 @@ function trimText(text, maxLength = 150) {
     else
         return text;
 }
-exports.trimText = trimText;
 //# sourceMappingURL=text-trimmer.js.map

package/lib/core/utils/theme-helpers.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateCodeBlockTokens = exports.typography = exports.getTypographyCssRulesByComponentName = void 0;
+exports.getTypographyCssRulesByComponentName = getTypographyCssRulesByComponentName;
+exports.typography = typography;
+exports.generateCodeBlockTokens = generateCodeBlockTokens;
 const styled_components_1 = require("styled-components");
 var Token;
 (function (Token) {
@@ -53,13 +55,11 @@ function getTypographyCssRulesByComponentName(componentName, fallbackName) {
     }
     return result;
 }
-exports.getTypographyCssRulesByComponentName = getTypographyCssRulesByComponentName;
 function typography(componentName, fallbackName) {
     return (0, styled_components_1.css) `
     ${getTypographyCssRulesByComponentName(componentName, fallbackName)}
   `;
 }
-exports.typography = typography;
 function generateCodeBlockTokens() {
     let res = '';
     for (const token of Object.values(Token)) {
@@ -73,5 +73,4 @@ function generateCodeBlockTokens() {
     ${res}
   `;
 }
-exports.generateCodeBlockTokens = generateCodeBlockTokens;
 //# sourceMappingURL=theme-helpers.js.map

package/lib/core/utils/toc.js

@@ -1,6 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLeastDepth = exports.getDisplayedHeadingsIds = exports.getDisplayedHeadings = void 0;
+exports.getDisplayedHeadings = getDisplayedHeadings;
+exports.getDisplayedHeadingsIds = getDisplayedHeadingsIds;
+exports.getLeastDepth = getLeastDepth;
 function getDisplayedHeadings(headings, tocDepth) {
     if (!headings) {
         return [];
@@ -15,14 +17,12 @@ function getDisplayedHeadings(headings, tocDepth) {
         return !(heading.depth && heading.depth > tocDepth);
     });
 }
-exports.getDisplayedHeadings = getDisplayedHeadings;
 function getDisplayedHeadingsIds(headings) {
     if (!headings) {
         return [];
     }
     return headings.map((header) => header === null || header === void 0 ? void 0 : header.id);
 }
-exports.getDisplayedHeadingsIds = getDisplayedHeadingsIds;
 function getLeastDepth(headings) {
     if (!headings || headings.length === 0) {
         return 1;
@@ -37,5 +37,4 @@ function getLeastDepth(headings) {
     }
     return depth !== null && depth !== void 0 ? depth : 1;
 }
-exports.getLeastDepth = getLeastDepth;
 //# sourceMappingURL=toc.js.map

package/lib/core/utils/type-guards.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isObject = exports.isNotNull = exports.isString = exports.isNull = exports.isUndefined = void 0;
+exports.isObject = void 0;
+exports.isUndefined = isUndefined;
+exports.isNull = isNull;
+exports.isString = isString;
+exports.isNotNull = isNotNull;
 function isUndefined(value) {
     return value === undefined;
 }
-exports.isUndefined = isUndefined;
 function isNull(value) {
     return value === null;
 }
-exports.isNull = isNull;
 function isString(value) {
     return typeof value === 'string';
 }
-exports.isString = isString;
 function isNotNull(value) {
     return !isNull(value);
 }
-exports.isNotNull = isNotNull;
 const isObject = (item) => {
     return isNotNull(item) && typeof item === 'object';
 };

package/lib/core/utils/urls.js

@@ -1,6 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLocaleFromPathname = exports.getPathnameForLocale = exports.addTrailingSlash = exports.slash = exports.isPathInFolder = exports.removeLeadingSlash = exports.removeTrailingSlash = exports.addLeadingSlash = exports.normalizePathPrefix = exports.getPathPrefix = exports.withoutHash = exports.withoutPathPrefix = exports.withPathPrefix = exports.combineUrls = void 0;
+exports.combineUrls = combineUrls;
+exports.withPathPrefix = withPathPrefix;
+exports.withoutPathPrefix = withoutPathPrefix;
+exports.withoutHash = withoutHash;
+exports.getPathPrefix = getPathPrefix;
+exports.normalizePathPrefix = normalizePathPrefix;
+exports.addLeadingSlash = addLeadingSlash;
+exports.removeTrailingSlash = removeTrailingSlash;
+exports.removeLeadingSlash = removeLeadingSlash;
+exports.isPathInFolder = isPathInFolder;
+exports.slash = slash;
+exports.addTrailingSlash = addTrailingSlash;
+exports.getPathnameForLocale = getPathnameForLocale;
+exports.getLocaleFromPathname = getLocaleFromPathname;
 const constants_1 = require("../../core/constants");
 function combineUrls(baseURL, ...relativeURLs) {
     let res = baseURL;
@@ -11,54 +24,44 @@ function combineUrls(baseURL, ...relativeURLs) {
     }
     return res;
 }
-exports.combineUrls = combineUrls;
 function withPathPrefix(url) {
     return combineUrls(getPathPrefix(), url);
 }
-exports.withPathPrefix = withPathPrefix;
 function withoutPathPrefix(pathname) {
     const pathPrefix = getPathPrefix();
     return pathPrefix && pathname.startsWith(pathPrefix)
         ? pathname.slice(pathPrefix.length)
         : pathname;
 }
-exports.withoutPathPrefix = withoutPathPrefix;
 function withoutHash(url) {
     if (url == null)
         return undefined;
     return url.split('#')[0];
 }
-exports.withoutHash = withoutHash;
 function getPathPrefix() {
     if (process.env.REDOCLY_PREFIX_PATHS) {
         return normalizePathPrefix(process.env.REDOCLY_PREFIX_PATHS);
     }
     return '';
 }
-exports.getPathPrefix = getPathPrefix;
 function normalizePathPrefix(prefix) {
     const withoutTrailing = removeTrailingSlash(prefix);
     return addLeadingSlash(withoutTrailing === '.' ? '' : withoutTrailing);
 }
-exports.normalizePathPrefix = normalizePathPrefix;
 function addLeadingSlash(url) {
     return url.startsWith('/') ? url : `/${url}`;
 }
-exports.addLeadingSlash = addLeadingSlash;
 function removeTrailingSlash(url) {
     return url.endsWith('/') ? url.substring(0, url.length - 1) : url;
 }
-exports.removeTrailingSlash = removeTrailingSlash;
 function removeLeadingSlash(url) {
     return url.startsWith('/') ? url.substring(1) : url;
 }
-exports.removeLeadingSlash = removeLeadingSlash;
 function isPathInFolder(child, parent) {
     parent = removeTrailingSlash(removeLeadingSlash(slash(parent)));
     child = removeTrailingSlash(removeLeadingSlash(slash(child)));
     return child === parent || child.startsWith(parent + '/');
 }
-exports.isPathInFolder = isPathInFolder;
 /**
  * Convert Windows backslash paths to slash paths: foo\\bar ➔ foo/bar
  *
@@ -72,11 +75,9 @@ function slash(path) {
     }
     return path.replace(/\\/g, `/`);
 }
-exports.slash = slash;
 function addTrailingSlash(url) {
     return url.endsWith('/') ? url : `${url}/`;
 }
-exports.addTrailingSlash = addTrailingSlash;
 /**
  * Adds locale to pathname, or replaces current locale in pathname with a new one
  * Also handles path prefix
@@ -93,12 +94,10 @@ function getPathnameForLocale(originalPathname, defaultLocale, newLocale, allLoc
     const newLocalePrefix = newLocale === defaultLocale ? '' : '/' + newLocale;
     return `${newLocalePrefix.toLowerCase()}${pathnameWithoutLocale}`;
 }
-exports.getPathnameForLocale = getPathnameForLocale;
 function getLocaleFromPathname(pathname, defaultLocale = constants_1.DEFAULT_LOCALE_PLACEHOLDER, allLocales = []) {
     var _a;
     const maybeLocale = (_a = withoutPathPrefix(pathname)) === null || _a === void 0 ? void 0 : _a.split('/')[1];
     const locale = allLocales.find((locale) => locale.code.toLowerCase() === maybeLocale);
     return (locale === null || locale === void 0 ? void 0 : locale.code) || defaultLocale;
 }
-exports.getLocaleFromPathname = getLocaleFromPathname;
 //# sourceMappingURL=urls.js.map

package/lib/core/utils/with-load-progress.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withLoadProgress = void 0;
+exports.withLoadProgress = withLoadProgress;
 const nprogress_1 = __importDefault(require("nprogress"));
 nprogress_1.default.configure({
     trickleSpeed: 100,
@@ -35,5 +35,4 @@ function withLoadProgress(loadTarget) {
         });
     });
 }
-exports.withLoadProgress = withLoadProgress;
 //# sourceMappingURL=with-load-progress.js.map

package/lib/icons/AddIcon/AddIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const AddIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ArrowLeftIcon/ArrowLeftIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ArrowLeftIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ArrowRightIcon/ArrowRightIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ArrowRightIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ArrowUpRightIcon/ArrowUpRightIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ArrowUpRightIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/BareMetalServerIcon/BareMetalServerIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const BareMetalServerIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/BookmarkAddIcon/BookmarkAddIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const BookmarkAddIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/CertificateIcon/CertificateIcon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IconProps } from '../../icons/types';
+export declare const CertificateIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
+    'data-component-name': string;
+} & {
+    color?: string;
+    size?: string;
+    className?: string;
+} & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/CertificateIcon/CertificateIcon.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CertificateIcon = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const utils_1 = require("../../core/utils");
+const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    react_1.default.createElement("path", { d: "M10.5 6.4375L11.3365 8.05756L13.125 8.31744L11.8125 9.5L12.1498 11.25L10.5 10.2656L8.85019 11.25L9.1875 9.5L7.875 8.31744L9.7125 8.05756L10.5 6.4375Z", fill: "#1A1C21" }),
+    react_1.default.createElement("path", { d: "M5.25 6H2.625V6.875H5.25V6Z", fill: "#1A1C21" }),
+    react_1.default.createElement("path", { d: "M7 4.25H2.625V5.125H7V4.25Z", fill: "#1A1C21" }),
+    react_1.default.createElement("path", { d: "M7 2.5H2.625V3.375H7V2.5Z", fill: "#1A1C21" }),
+    react_1.default.createElement("path", { d: "M7 10.375H1.75V1.625H12.25V6H13.125V1.625C13.125 1.39294 13.0328 1.17038 12.8687 1.00628C12.7046 0.842187 12.4821 0.75 12.25 0.75H1.75C1.51794 0.75 1.29538 0.842187 1.13128 1.00628C0.967187 1.17038 0.875 1.39294 0.875 1.625V10.375C0.875 10.6071 0.967187 10.8296 1.13128 10.9937C1.29538 11.1578 1.51794 11.25 1.75 11.25H7V10.375Z", fill: "#1A1C21" })));
+exports.CertificateIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+    'data-component-name': 'icons/CertificateIcon/CertificateIcon',
+})) `
+  path {
+    fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
+  }
+
+  height: ${({ size }) => size || '16px'};
+  width: ${({ size }) => size || '16px'};
+`;
+//# sourceMappingURL=CertificateIcon.js.map

package/lib/icons/CharacterIcon/CharacterIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CharacterIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/CheckboxIcon/CheckboxIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 export declare const CheckboxIcon: import("styled-components").StyledComponent<({ className, checked, onClick, }: {
-    className?: string | undefined;
-    checked?: boolean | undefined;
-    onClick?: (() => void) | undefined;
+    className?: string;
+    checked?: boolean;
+    onClick?: () => void;
 }) => React.JSX.Element, any, {}, never>;

package/lib/icons/CheckmarkFilledIcon/CheckmarkFilledIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CheckmarkFilledIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/CheckmarkIcon/CheckmarkIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CheckmarkIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ChevronDownIcon/ChevronDownIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ChevronDownIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ChevronLeftIcon/ChevronLeftIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ChevronLeftIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/ChevronRightIcon/ChevronRightIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ChevronRightIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ChevronUpIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CircleDashIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CleanIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CloseFilledIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CloseIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CloseOutlineIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CloudUploadIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CodeIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const ContrastIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

package/lib/icons/CookieIcon/CookieIcon.d.ts

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CookieIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CopyIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const CopyLinkIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const DataFormatIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;

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

@@ -3,7 +3,7 @@ import type { IconProps } from '../../icons/types';
 export declare const DatabaseIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
     'data-component-name': string;
 } & {
-    color?: string | undefined;
-    size?: string | undefined;
-    className?: string | undefined;
+    color?: string;
+    size?: string;
+    className?: string;
 } & React.SVGProps<SVGSVGElement>, "data-component-name">;