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

package/lib/icons/WarningAltFilledIcon/WarningAltFilledIcon.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: "M8.001 2.83571H7.999L2.32435 13.7483L2.3253 13.75H13.6747L13.6757 13.7483L8.001 2.83571ZM7.4375 5.75001H8.5625V10.25H7.4375V5.75001ZM8 12.75C7.85167 12.75 7.70666 12.706 7.58333 12.6236C7.45999 12.5412 7.36386 12.4241 7.30709 12.287C7.25033 12.15 7.23548 11.9992 7.26441 11.8537C7.29335 11.7082 7.36478 11.5746 7.46967 11.4697C7.57456 11.3648 7.7082 11.2934 7.85369 11.2644C7.99917 11.2355 8.14997 11.2503 8.28702 11.3071C8.42406 11.3639 8.54119 11.46 8.62361 11.5833C8.70602 11.7067 8.75 11.8517 8.75 12C8.75 12.1989 8.67099 12.3897 8.53033 12.5303C8.38968 12.671 8.19892 12.75 8 12.75Z" }),
     react_1.default.createElement("path", { d: "M14.5 14.75H1.5C1.4141 14.75 1.32965 14.7279 1.25478 14.6857C1.17992 14.6436 1.11718 14.5829 1.0726 14.5095C1.02802 14.436 1.00311 14.3524 1.00027 14.2665C0.997436 14.1807 1.01677 14.0955 1.0564 14.0193L7.5564 1.51931C7.59862 1.43812 7.66231 1.37008 7.74053 1.3226C7.81875 1.27511 7.9085 1.25 8 1.25C8.09151 1.25 8.18126 1.27511 8.25948 1.3226C8.3377 1.37008 8.40138 1.43812 8.4436 1.51931L14.9436 14.0193C14.9832 14.0955 15.0026 14.1807 14.9997 14.2665C14.9969 14.3524 14.972 14.436 14.9274 14.5095C14.8828 14.5829 14.8201 14.6436 14.7452 14.6857C14.6704 14.7279 14.5859 14.75 14.5 14.75ZM2.3253 13.75H13.6747L13.6757 13.7483L8.001 2.83571H7.999L2.32435 13.7483L2.3253 13.75Z" })));
-exports.WarningAltFilledIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.WarningAltFilledIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/WarningAltFilledIcon/WarningAltFilledIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/WarningAltIcon/WarningAltIcon.d.ts

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

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M8 11.5C7.85167 11.5 7.70666 11.544 7.58333 11.6264C7.45999 11.7088 7.36386 11.826 7.30709 11.963C7.25033 12.1 7.23548 12.2508 7.26441 12.3963C7.29335 12.5418 7.36478 12.6754 7.46967 12.7803C7.57456 12.8852 7.7082 12.9567 7.85369 12.9856C7.99917 13.0145 8.14997 12.9997 8.28702 12.9429C8.42406 12.8862 8.54119 12.79 8.62361 12.6667C8.70602 12.5433 8.75 12.3983 8.75 12.25C8.75 12.0511 8.67099 11.8603 8.53033 11.7197C8.38968 11.579 8.19892 11.5 8 11.5Z" }),
     react_1.default.createElement("path", { d: "M8.5 6.00001H7.5V10.5H8.5V6.00001Z" }),
     react_1.default.createElement("path", { d: "M14.5 15H1.5C1.4141 15 1.32965 14.9779 1.25478 14.9357C1.17992 14.8936 1.11718 14.8329 1.0726 14.7595C1.02802 14.686 1.00311 14.6024 1.00027 14.5165C0.997436 14.4307 1.01677 14.3455 1.0564 14.2693L7.5564 1.76931C7.59862 1.68812 7.66231 1.62008 7.74053 1.5726C7.81875 1.52511 7.9085 1.5 8 1.5C8.09151 1.5 8.18126 1.52511 8.25948 1.5726C8.3377 1.62008 8.40138 1.68812 8.4436 1.76931L14.9436 14.2693C14.9832 14.3455 15.0026 14.4307 14.9997 14.5165C14.9969 14.6024 14.972 14.686 14.9274 14.7595C14.8828 14.8329 14.8201 14.8936 14.7452 14.9357C14.6704 14.9779 14.5859 15 14.5 15ZM2.32535 14H13.6747L13.6757 13.9984L8.001 3.08571H7.999L2.32435 13.9984L2.32535 14Z" })));
-exports.WarningAltIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.WarningAltIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/WarningAltIcon/WarningAltIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/WarningCycleIcon/WarningCycleIcon.d.ts

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

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ wi
     react_1.default.createElement("path", { d: "M9 1.125C7.44248 1.125 5.91992 1.58686 4.62489 2.45218C3.32985 3.31749 2.32049 4.5474 1.72445 5.98637C1.12841 7.42534 0.972461 9.00874 1.27632 10.5363C1.58018 12.0639 2.3302 13.4671 3.43154 14.5685C4.53288 15.6698 5.93607 16.4198 7.46367 16.7237C8.99127 17.0275 10.5747 16.8716 12.0136 16.2756C13.4526 15.6795 14.6825 14.6702 15.5478 13.3751C16.4131 12.0801 16.875 10.5575 16.875 9C16.875 6.91142 16.0453 4.90838 14.5685 3.43153C13.0916 1.95469 11.0886 1.125 9 1.125ZM9 15.75C7.66498 15.75 6.35994 15.3541 5.2499 14.6124C4.13987 13.8707 3.27471 12.8165 2.76382 11.5831C2.25293 10.3497 2.11925 8.99251 2.3797 7.68314C2.64015 6.37377 3.28303 5.17103 4.22703 4.22703C5.17104 3.28302 6.37377 2.64015 7.68314 2.3797C8.99252 2.11925 10.3497 2.25292 11.5831 2.76381C12.8165 3.2747 13.8707 4.13987 14.6124 5.2499C15.3541 6.35993 15.75 7.66498 15.75 9C15.75 10.7902 15.0388 12.5071 13.773 13.773C12.5071 15.0388 10.7902 15.75 9 15.75Z" }),
     react_1.default.createElement("path", { d: "M9.5625 4.5H8.4375V10.6875H9.5625V4.5Z" }),
     react_1.default.createElement("path", { d: "M9 12.375C8.83313 12.375 8.67 12.4245 8.53124 12.5172C8.39249 12.6099 8.28434 12.7417 8.22048 12.8959C8.15662 13.05 8.13991 13.2197 8.17247 13.3834C8.20502 13.547 8.28538 13.6974 8.40338 13.8154C8.52138 13.9334 8.67172 14.0137 8.8354 14.0463C8.99907 14.0788 9.16872 14.0621 9.32289 13.9983C9.47707 13.9344 9.60884 13.8263 9.70156 13.6875C9.79427 13.5488 9.84375 13.3856 9.84375 13.2188C9.84375 12.995 9.75486 12.7804 9.59662 12.6221C9.43839 12.4639 9.22378 12.375 9 12.375Z" })));
-exports.WarningCycleIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.WarningCycleIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/WarningCycleIcon/WarningCycleIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/WarningFilledIcon/WarningFilledIcon.d.ts

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

@@ -9,9 +9,9 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const utils_1 = require("../../core/utils");
 const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     react_1.default.createElement("path", { d: "M8 1C4.15 1 1 4.15 1 8C1 11.85 4.15 15 8 15C11.85 15 15 11.85 15 8C15 4.15 11.85 1 8 1ZM7.45 4H8.55V9.5H7.45V4ZM8 12.5C7.6 12.5 7.25 12.15 7.25 11.75C7.25 11.35 7.6 11 8 11C8.4 11 8.75 11.35 8.75 11.75C8.75 12.15 8.4 12.5 8 12.5Z" })));
-exports.WarningFilledIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.WarningFilledIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/WarningFilledIcon/WarningFilledIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/WarningSquareIcon/WarningSquareIcon.d.ts

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

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ vi
     react_1.default.createElement("path", { d: "M8 10C7.85166 10 7.70666 10.044 7.58332 10.1264C7.45999 10.2088 7.36386 10.3259 7.30709 10.463C7.25032 10.6 7.23547 10.7508 7.26441 10.8963C7.29335 11.0418 7.36478 11.1754 7.46967 11.2803C7.57456 11.3852 7.7082 11.4566 7.85368 11.4856C7.99917 11.5145 8.14997 11.4997 8.28701 11.4429C8.42406 11.3861 8.54119 11.29 8.6236 11.1667C8.70601 11.0433 8.75 10.8983 8.75 10.75C8.75 10.5511 8.67098 10.3603 8.53033 10.2197C8.38968 10.079 8.19891 10 8 10Z" }),
     react_1.default.createElement("path", { d: "M8.5 4.5H7.5V9H8.5V4.5Z" }),
     react_1.default.createElement("path", { d: "M13 14H3C2.73488 13.9997 2.4807 13.8942 2.29323 13.7068C2.10576 13.5193 2.0003 13.2651 2 13V3C2.0003 2.73488 2.10576 2.4807 2.29323 2.29323C2.4807 2.10576 2.73488 2.0003 3 2H13C13.2651 2.0003 13.5193 2.10576 13.7068 2.29323C13.8942 2.4807 13.9997 2.73488 14 3V13C13.9997 13.2651 13.8942 13.5193 13.7068 13.7068C13.5193 13.8942 13.2651 13.9997 13 14ZM3 3V13H13.0006L13 3H3Z" })));
-exports.WarningSquareIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.WarningSquareIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/WarningSquareIcon/WarningSquareIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/WorkflowAutomationIcon/WorkflowAutomationIcon.d.ts

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

@@ -11,9 +11,9 @@ const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ xm
     react_1.default.createElement("path", { d: "M7 11.8125C5.425 11.8125 3.89375 11.025 2.975 9.625H5.25V8.75H1.75V12.25H2.625V10.6312C3.71875 11.9437 5.29375 12.6875 7 12.6875V11.8125Z", fill: "#1A1C21" }),
     react_1.default.createElement("path", { d: "M13.5625 10.0625V9.1875H12.6438C12.6 8.925 12.4688 8.6625 12.3375 8.4L12.9938 7.74375L12.3812 7.13125L11.725 7.7875C11.5062 7.65625 11.2437 7.525 10.9375 7.48125V6.5625H10.0625V7.48125C9.8 7.525 9.5375 7.65625 9.275 7.7875L8.61875 7.13125L8.00625 7.74375L8.6625 8.4C8.53125 8.61875 8.4 8.88125 8.35625 9.1875H7.4375V10.0625H8.35625C8.4 10.325 8.53125 10.5875 8.6625 10.85L8.00625 11.5062L8.61875 12.1188L9.275 11.4625C9.49375 11.5938 9.75625 11.725 10.0625 11.7688V12.6875H10.9375V11.7688C11.2 11.725 11.4625 11.5938 11.725 11.4625L12.3812 12.1188L12.9938 11.5062L12.3375 10.85C12.4688 10.6312 12.6 10.3687 12.6438 10.0625H13.5625ZM10.5 10.9375C9.75625 10.9375 9.1875 10.3687 9.1875 9.625C9.1875 8.88125 9.75625 8.3125 10.5 8.3125C11.2437 8.3125 11.8125 8.88125 11.8125 9.625C11.8125 10.3687 11.2437 10.9375 10.5 10.9375Z", fill: "#1A1C21" }),
     react_1.default.createElement("path", { d: "M8.75 4.375H11.025C9.58125 2.14375 6.60625 1.53125 4.375 2.975C3.01875 3.85 2.1875 5.38125 2.1875 7H1.3125C1.3125 3.85 3.85 1.3125 7 1.3125C8.70625 1.3125 10.2812 2.05625 11.375 3.36875V1.75H12.25V5.25H8.75V4.375Z", fill: "#1A1C21" })));
-exports.WorkflowAutomationIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.WorkflowAutomationIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/WorkflowAutomationIcon/WorkflowAutomationIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/WorkflowHierarchyIcon/WorkflowHierarchyIcon.d.ts

@@ -1,9 +1,23 @@
 import React from 'react';
 import type { IconProps } from '../../icons/types';
-export declare const WorkflowHierarchyIcon: import("styled-components").StyledComponent<(props: IconProps) => React.JSX.Element, any, {
-    'data-component-name': string;
-} & {
+export declare const WorkflowHierarchyIcon: 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/WorkflowHierarchyIcon/WorkflowHierarchyIcon.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", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.5 6.5H13.5C13.7651 6.4997 14.0193 6.39424 14.2068 6.20677C14.3942 6.0193 14.4997 5.76512 14.5 5.5V2.5C14.4997 2.23488 14.3942 1.9807 14.2068 1.79323C14.0193 1.60576 13.7651 1.5003 13.5 1.5H2.5C2.23488 1.5003 1.9807 1.60576 1.79323 1.79323C1.60576 1.9807 1.5003 2.23488 1.5 2.5V5.5C1.5003 5.76512 1.60576 6.0193 1.79323 6.20677C1.9807 6.39424 2.23488 6.4997 2.5 6.5H3.5H4.5ZM13.5 2.5H2.5V5.5H13.5V2.5Z" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.5 9.5H8.5C8.23488 9.5003 7.9807 9.60576 7.79323 9.79323C7.60576 9.9807 7.5003 10.2349 7.5 10.5V11.5H4.5V9.29295V8.5V6.5H3.5V9.29295V11.5C3.5003 11.7651 3.60576 12.0193 3.79323 12.2068C3.9807 12.3942 4.23488 12.4997 4.5 12.5H7.5V13.5C7.5003 13.7651 7.60576 14.0193 7.79323 14.2068C7.9807 14.3942 8.23488 14.4997 8.5 14.5H13.5C13.7651 14.4997 14.0193 14.3942 14.2068 14.2068C14.3942 14.0193 14.4997 13.7651 14.5 13.5V10.5C14.4997 10.2349 14.3942 9.9807 14.2068 9.79323C14.0193 9.60576 13.7651 9.5003 13.5 9.5ZM8.5 10.5V13.5H13.5V10.5H8.5Z" })));
-exports.WorkflowHierarchyIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
+exports.WorkflowHierarchyIcon = (0, styled_components_1.default)(Icon).attrs({
     'data-component-name': 'icons/WorkflowHierarchyIcon/WorkflowHierarchyIcon',
-})) `
+}) `
   path {
     fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
   }

package/lib/icons/types.d.ts

@@ -3,6 +3,7 @@ export type IconProps = {
     color?: string;
     size?: string;
     className?: string;
+    'data-component-name'?: string;
 } & React.SVGProps<SVGSVGElement>;
 export type CDNIconProps = IconProps & {
     name: string;

package/lib/layouts/CodeWalkthroughLayout.d.ts

@@ -3,4 +3,4 @@ import type { JSX } from 'react';
 export type CodeWalkthroughLayoutProps = React.PropsWithChildren<{
     className?: string;
 }>;
-export declare function CodeWalkthroughLayout({ className, children, }: CodeWalkthroughLayoutProps): JSX.Element;
+export declare function CodeWalkthroughLayout({ className, children }: CodeWalkthroughLayoutProps): JSX.Element;

package/lib/layouts/DocumentationLayout.d.ts

@@ -14,5 +14,5 @@ type DocumentationLayoutProps = {
     prevPage?: ResolvedNavItemWithLink | null;
     className?: string;
 };
-export declare function DocumentationLayout({ tableOfContent, feedback, config, editPage, lastModified, nextPage, prevPage, className, children, }: React.PropsWithChildren<DocumentationLayoutProps>): JSX.Element;
+export declare function DocumentationLayout({ tableOfContent, feedback, config, editPage, lastModified, nextPage, prevPage, className, children }: React.PropsWithChildren<DocumentationLayoutProps>): JSX.Element;
 export {};

package/lib/layouts/DocumentationLayoutBottom.d.ts

@@ -7,5 +7,5 @@ type DocumentationLayoutBottomProps = {
     prevPage?: ResolvedNavItemWithLink | null;
     className?: string;
 };
-export declare function DocumentationLayoutBottom({ feedback, nextPage, prevPage, }: React.PropsWithChildren<DocumentationLayoutBottomProps>): JSX.Element;
+export declare function DocumentationLayoutBottom({ feedback, nextPage, prevPage }: React.PropsWithChildren<DocumentationLayoutBottomProps>): JSX.Element;
 export {};

package/lib/layouts/DocumentationLayoutTop.d.ts

@@ -9,5 +9,5 @@ type DocumentationLayoutTopProps = {
     /** String in ISO format */
     lastModified?: string | null;
 };
-export declare function DocumentationLayoutTop({ config, editPage, lastModified, }: React.PropsWithChildren<DocumentationLayoutTopProps>): JSX.Element;
+export declare function DocumentationLayoutTop({ config, editPage, lastModified }: React.PropsWithChildren<DocumentationLayoutTopProps>): JSX.Element;
 export {};

package/lib/layouts/PageLayout.d.ts

@@ -3,5 +3,5 @@ import type { JSX } from 'react';
 interface PageLayoutProps {
     sidebar?: React.ReactNode;
 }
-export declare function PageLayout({ sidebar, children, }: React.PropsWithChildren<PageLayoutProps>): JSX.Element;
+export declare function PageLayout({ sidebar, children }: React.PropsWithChildren<PageLayoutProps>): JSX.Element;
 export {};

package/lib/markdoc/components/Cards/Card.d.ts

@@ -13,4 +13,4 @@ export type CardProps = React.PropsWithChildren<{
     align?: 'start' | 'center' | 'end';
     to?: string;
 }>;
-export declare function Card({ title, image, icon, iconRawContent, imagePosition, iconPosition, layout, variant, lineClamp, iconVariant, align, to, children, }: CardProps): React.JSX.Element;
+export declare function Card({ title, image, icon, iconRawContent, imagePosition, iconPosition, layout, variant, lineClamp, iconVariant, align, to, children }: CardProps): React.JSX.Element;

package/lib/markdoc/components/Cards/Card.js

@@ -16,16 +16,16 @@ function Card({ title = '', image, icon, iconRawContent, imagePosition = 'start'
     const justifyContent = align === 'center' ? 'center' : align === 'end' ? 'flex-end' : 'flex-start';
     const alignItems = align === 'center' ? 'center' : align === 'end' ? 'flex-end' : 'flex-start';
     const textAlign = align === 'center' ? 'center' : align === 'end' ? 'right' : 'left';
-    return (react_1.default.createElement(CardWrapper, { as: to ? Link_1.Link : 'div', to: to, "aria-labelledby": cardTitleId, "$variant": variant, "$layout": layout, "$isCardLink": !!to },
+    return (react_1.default.createElement(CardWrapper, { as: to ? Link_1.Link : 'div', to: to, "aria-labelledby": cardTitleId, $variant: variant, $layout: layout, $isCardLink: !!to },
         react_1.default.createElement(react_1.default.Fragment, null,
             image ? react_1.default.createElement(CardImage_1.CardImage, { src: image, alt: title, position: imagePosition }) : null,
-            react_1.default.createElement(CardContentWrapper, { "$layout": layout, "$alignItems": alignItems, "$textAlign": textAlign, "$hasImage": image !== undefined },
+            react_1.default.createElement(CardContentWrapper, { $layout: layout, $alignItems: alignItems, $textAlign: textAlign, $hasImage: image !== undefined },
                 icon && (react_1.default.createElement(CardIcon_1.CardIcon, { variant: iconVariant, src: icon, rawContent: iconRawContent, position: iconPosition })),
                 react_1.default.createElement(ContentWrapper, null,
-                    react_1.default.createElement(Title, { id: cardTitleId, "$isCardLink": !!to, "$justifyContent": justifyContent },
+                    react_1.default.createElement(Title, { id: cardTitleId, $isCardLink: !!to, $justifyContent: justifyContent },
                         title,
                         variant == 'ghost' && !!to && react_1.default.createElement(CardLinkIcon, null)),
-                    react_1.default.createElement(Body, { "$lineClamp": lineClamp }, children))))));
+                    react_1.default.createElement(Body, { $lineClamp: lineClamp }, children))))));
 }
 const CardContentWrapper = styled_components_1.default.div `
   display: flex;

package/lib/markdoc/components/Cards/CardIcon.d.ts

@@ -6,7 +6,10 @@ export type CardIconProps = {
     position?: 'auto' | 'start' | 'center' | 'end';
 };
 export declare function CardIcon({ variant, src, rawContent, position }: CardIconProps): React.JSX.Element;
-export declare const CardIconWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare const CardIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$position" | "$variant"> & {
     $variant?: string;
     $position?: string;
-}, never>;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$position" | "$variant"> & {
+    $variant?: string;
+    $position?: string;
+}, never>>> & string;

package/lib/markdoc/components/Cards/CardIcon.js

@@ -9,7 +9,7 @@ const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const GenericIcon_1 = require("../../../icons/GenericIcon/GenericIcon");
 function CardIcon({ variant, src, rawContent, position }) {
-    return (react_1.default.createElement(exports.CardIconWrapper, { "$variant": variant, "$position": position },
+    return (react_1.default.createElement(exports.CardIconWrapper, { $variant: variant, $position: position },
         react_1.default.createElement(GenericIcon_1.GenericIcon, { icon: src, rawContent: rawContent })));
 }
 exports.CardIconWrapper = styled_components_1.default.div `

package/lib/markdoc/components/Cards/CardImage.js

@@ -7,7 +7,7 @@ exports.CardImage = CardImage;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 function CardImage({ src, alt, position }) {
-    return react_1.default.createElement(Image, { src: src, alt: alt, "$position": position });
+    return react_1.default.createElement(Image, { src: src, alt: alt, $position: position });
 }
 const Image = styled_components_1.default.img `
   width: 100%;

package/lib/markdoc/components/Cards/Cards.js

@@ -40,7 +40,7 @@ exports.Cards = Cards;
 const React = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 function Cards({ cardMinWidth = 240, columns, className, children, ariaLabel }) {
-    return (React.createElement(GridLayout, { "$cardMinWidth": cardMinWidth, "$columns": columns, className: className, "aria-label": ariaLabel }, children));
+    return (React.createElement(GridLayout, { $cardMinWidth: cardMinWidth, $columns: columns, className: className, "aria-label": ariaLabel }, children));
 }
 const GridLayout = styled_components_1.default.div `
   display: grid;

package/lib/markdoc/components/Cards/variables.d.ts

@@ -1 +1 @@
-export declare const cards: import("styled-components").FlattenSimpleInterpolation;
+export declare const cards: import("styled-components").RuleSet<object>;

package/lib/markdoc/components/Cards/variables.dark.d.ts

@@ -1 +1 @@
-export declare const cardsDarkMode: import("styled-components").FlattenSimpleInterpolation;
+export declare const cardsDarkMode: import("styled-components").RuleSet<object>;

package/lib/markdoc/components/CodeWalkthrough/CodeContainer.d.ts

@@ -3,4 +3,4 @@ export type CodeContainerProps = {
     highlightedCode: string;
     toolbar: JSX.Element;
 };
-export declare function CodeContainer({ highlightedCode, toolbar, }: CodeContainerProps): JSX.Element | null;
+export declare function CodeContainer({ highlightedCode, toolbar }: CodeContainerProps): JSX.Element | null;

package/lib/markdoc/components/CodeWalkthrough/CodeFilters.d.ts

@@ -10,4 +10,4 @@ export type CodeFilterProps = {
     handleFilterSelect: (groupId: string, id: string) => void;
     filtersElementRef?: React.RefObject<HTMLDivElement | null>;
 };
-export declare function CodeFilters({ filters, getFilterState, handleFilterSelect, filtersElementRef, }: CodeFilterProps): React.JSX.Element | null;
+export declare function CodeFilters({ filters, getFilterState, handleFilterSelect, filtersElementRef }: CodeFilterProps): React.JSX.Element | null;

package/lib/markdoc/components/CodeWalkthrough/CodeFilters.js

@@ -16,10 +16,7 @@ function CodeFilters({ filters, getFilterState, handleFilterSelect, filtersEleme
             label && react_1.default.createElement(FilterName, null,
                 label,
                 ":"),
-            react_1.default.createElement(ButtonsWrapper, null, items === null || items === void 0 ? void 0 : items.map((item) => {
-                var _a;
-                return (react_1.default.createElement(TagButton, { size: "large", borderless: true, active: ((_a = getFilterState(id)) === null || _a === void 0 ? void 0 : _a.value) === item.value, key: item.value, onClick: () => handleFilterSelect(id, item.value) }, item.value));
-            }))));
+            react_1.default.createElement(ButtonsWrapper, null, items === null || items === void 0 ? void 0 : items.map((item) => { var _a; return (react_1.default.createElement(TagButton, { size: "large", borderless: true, active: ((_a = getFilterState(id)) === null || _a === void 0 ? void 0 : _a.value) === item.value, key: item.value, onClick: () => handleFilterSelect(id, item.value) }, item.value)); }))));
     })));
 }
 const Filter = styled_components_1.default.div `

package/lib/markdoc/components/CodeWalkthrough/CodePanel.d.ts

@@ -6,4 +6,4 @@ export type CodePanelProps = {
     downloadAssociatedFiles: CodeWalkthroughFile[];
     preview: React.ReactNode[];
 };
-export declare function CodePanel({ files, downloadAssociatedFiles, preview, }: CodePanelProps): JSX.Element | null;
+export declare function CodePanel({ files, downloadAssociatedFiles, preview }: CodePanelProps): JSX.Element | null;

package/lib/markdoc/components/CodeWalkthrough/CodePanelHeader.d.ts

@@ -6,4 +6,4 @@ export type CodePanelHeaderProps = {
     activeTabName: string;
     onDownloadCode: () => void;
 };
-export declare function CodePanelHeader({ files, handleTabSwitch, activeTabName, onDownloadCode, }: CodePanelHeaderProps): JSX.Element;
+export declare function CodePanelHeader({ files, handleTabSwitch, activeTabName, onDownloadCode }: CodePanelHeaderProps): JSX.Element;

package/lib/markdoc/components/CodeWalkthrough/CodeStep.d.ts

@@ -4,8 +4,11 @@ export type CodeStepProps = WithConditions<{
     id: string;
     heading?: string;
 }>;
-export declare function CodeStep({ id, heading, when, unless, children, }: PropsWithChildren<CodeStepProps>): React.JSX.Element | null;
-export declare const StepWrapper: import("styled-components").StyledComponent<"div", any, {
+export declare function CodeStep({ id, heading, when, unless, children }: PropsWithChildren<CodeStepProps>): React.JSX.Element | null;
+export declare const StepWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isActive" | "scrollMarginTop"> & {
     isActive: boolean;
     scrollMarginTop: number;
-}, never>;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "isActive" | "scrollMarginTop"> & {
+    isActive: boolean;
+    scrollMarginTop: number;
+}, never>>> & string;

package/lib/markdoc/components/CodeWalkthrough/CodeToggle.d.ts

@@ -5,5 +5,5 @@ export type CodeToggleProps = React.PropsWithChildren<{
     description?: React.ReactNode[];
 }>;
 export declare function CodeToggle(props: CodeToggleProps): React.JSX.Element | null;
-export declare const ToggleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ToggleSubtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ToggleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const ToggleSubtitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/markdoc/components/CodeWalkthrough/variables.d.ts

@@ -1 +1 @@
-export declare const codeWalkthrough: import("styled-components").FlattenSimpleInterpolation;
+export declare const codeWalkthrough: import("styled-components").RuleSet<object>;

package/lib/markdoc/components/ConnectMCP/ConnectMCP.d.ts

@@ -5,4 +5,4 @@ export type ConnectMCPProps = {
     alignment?: 'start' | 'end';
     options?: MCPOption[];
 };
-export declare function ConnectMCP({ placement, alignment, options, }: ConnectMCPProps): JSX.Element | null;
+export declare function ConnectMCP({ placement, alignment, options }: ConnectMCPProps): JSX.Element | null;

package/lib/markdoc/components/Diagram/Diagram.d.ts

@@ -11,5 +11,5 @@ type DiagramProps = {
     'data-hash'?: string;
     className?: string;
 };
-export declare function Diagram({ id, diagramHtml, diagramHtmlDark, diagramError, diagramType, align, width, 'data-source': dataSource, 'data-hash': dataHash, className, }: DiagramProps): JSX.Element;
+export declare function Diagram({ id, diagramHtml, diagramHtmlDark, diagramError, diagramType, align, width, 'data-source': dataSource, 'data-hash': dataHash, className }: DiagramProps): JSX.Element;
 export {};

package/lib/markdoc/components/Diagram/Diagram.js

@@ -61,9 +61,9 @@ function Diagram({ id, diagramHtml, diagramHtmlDark, diagramError, diagramType,
         return (react_1.default.createElement(ErrorWrapper, { id: id, className: (0, utils_1.concatClassNames)('diagram-error', className) }, diagramError));
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Wrapper, { id: id, "$width": width, className: (0, utils_1.concatClassNames)(`diagram-wrapper diagram-${diagramType}`, className), "data-component-name": "Markdoc/Diagram/Diagram", "data-diagram-type": diagramType, "data-source": dataSource, "data-hash": dataHash, onClick: open, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-label": translate('diagram.openFullscreen', 'Click to open diagram in fullscreen') },
-            react_1.default.createElement(DiagramVariant, { "$align": align, "$colorMode": "light", className: `diagram-variant diagram-variant-light diagram-${diagramType}`, dangerouslySetInnerHTML: { __html: diagramHtml } }),
-            diagramHtmlDark ? (react_1.default.createElement(DiagramVariant, { "$align": align, "$colorMode": "dark", className: `diagram-variant diagram-variant-dark diagram-${diagramType}`, dangerouslySetInnerHTML: { __html: diagramHtmlDark } })) : null),
+        react_1.default.createElement(Wrapper, { id: id, $width: width, className: (0, utils_1.concatClassNames)(`diagram-wrapper diagram-${diagramType}`, className), "data-component-name": "Markdoc/Diagram/Diagram", "data-diagram-type": diagramType, "data-source": dataSource, "data-hash": dataHash, onClick: open, onKeyDown: handleKeyDown, role: "button", tabIndex: 0, "aria-label": translate('diagram.openFullscreen', 'Click to open diagram in fullscreen') },
+            react_1.default.createElement(DiagramVariant, { $align: align, $colorMode: "light", className: `diagram-variant diagram-variant-light diagram-${diagramType}`, dangerouslySetInnerHTML: { __html: diagramHtml } }),
+            diagramHtmlDark ? (react_1.default.createElement(DiagramVariant, { $align: align, $colorMode: "dark", className: `diagram-variant diagram-variant-dark diagram-${diagramType}`, dangerouslySetInnerHTML: { __html: diagramHtmlDark } })) : null),
         react_1.default.createElement(SvgViewer_1.SvgViewer, { isOpen: isOpen, onClose: close, labels: {
                 zoomIn: translate('diagram.zoomIn', 'Zoom in'),
                 zoomOut: translate('diagram.zoomOut', 'Zoom out'),

package/lib/markdoc/components/Diagram/variables.d.ts

@@ -1 +1 @@
-export declare const diagram: import("styled-components").FlattenSimpleInterpolation;
+export declare const diagram: import("styled-components").RuleSet<object>;

package/lib/markdoc/components/Heading/Heading.d.ts

@@ -1,5 +1,5 @@
 import type { JSX, PropsWithChildren } from 'react';
-export declare function Heading({ level, id, children, 'data-source': dataSource, 'data-hash': dataHash, className, __idx, }: PropsWithChildren<{
+export declare function Heading({ level, id, children, 'data-source': dataSource, 'data-hash': dataHash, className, __idx }: PropsWithChildren<{
     level: number;
     id: string;
     'data-source'?: string;

package/lib/markdoc/components/InlineSvg/InlineSvg.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-export declare function InlineSvg({ fileRawContent, className, }: {
+export declare function InlineSvg({ fileRawContent, className }: {
     fileRawContent: string;
     className?: string;
 }): React.JSX.Element;

package/lib/markdoc/components/LoginButton/LoginButton.d.ts

@@ -6,4 +6,4 @@ export type MarkdocLoginButtonProps = {
     label?: string;
     labelTranslationKey?: string;
 };
-export declare function LoginButton({ variant, size, label, labelTranslationKey, }: MarkdocLoginButtonProps): React.JSX.Element | null;
+export declare function LoginButton({ variant, size, label, labelTranslationKey }: MarkdocLoginButtonProps): React.JSX.Element | null;

package/lib/markdoc/components/Tabs/Tab.d.ts

@@ -12,5 +12,5 @@ export type TabProps = {
     icon?: React.ReactNode;
     iconRawContent?: string;
 };
-export declare function TabComponent({ tabId, label, size, disabled, setRef, onKeyDown, onClick, icon, iconRawContent, }: TabProps): JSX.Element;
-export declare const Tab: import("styled-components").StyledComponent<typeof TabComponent, any, {}, never>;
+export declare function TabComponent({ tabId, label, size, disabled, setRef, onKeyDown, onClick, icon, iconRawContent }: TabProps): JSX.Element;
+export declare const Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TabProps, never> & Partial<Pick<TabProps, never>>> & string & Omit<typeof TabComponent, keyof React.Component<any, {}, any>>;

package/lib/markdoc/components/Tabs/TabList.d.ts

@@ -9,12 +9,22 @@ type TabListProps = {
     containerRef: React.RefObject<HTMLUListElement | null>;
     onReadyChange?: (isReady: boolean) => void;
 };
-export declare function TabList({ childrenArray, size, activeTab, onTabChange, containerRef, onReadyChange, }: TabListProps): JSX.Element;
-export declare const TabListContainer: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export declare const TabItem: import("styled-components").StyledComponent<"li", any, {
+export declare function TabList({ childrenArray, size, activeTab, onTabChange, containerRef, onReadyChange }: TabListProps): JSX.Element;
+export declare const TabListContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
+export declare const TabItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "active" | "size" | "tabIndex"> & {
     active?: boolean;
     size: TabsSize;
     tabIndex?: number;
-}, never>;
-export declare const TabButtonLink: import("styled-components").StyledComponent<React.FC<import("../../../components/Button/Button").ButtonProps>, any, import("../../../components/Button/Button").ButtonProps, never>;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "active" | "size" | "tabIndex"> & {
+    active?: boolean;
+    size: TabsSize;
+    tabIndex?: number;
+}, never>>> & string;
+export declare const TabButtonLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../../index.js").ButtonProps, keyof import("../../../index.js").ButtonProps> & import("../../../index.js").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../../../index.js").ButtonProps, keyof import("../../../index.js").ButtonProps> & import("../../../index.js").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("../../../index.js").ButtonProps, keyof import("../../../index.js").ButtonProps> & import("../../../index.js").ButtonProps, never> & Partial<Pick<import("styled-components").FastOmit<import("../../../index.js").ButtonProps, keyof import("../../../index.js").ButtonProps> & import("../../../index.js").ButtonProps, never>>, "as" | "forwardedAs"> & {
+    as?: import("styled-components").WebTarget | undefined;
+    forwardedAs?: import("styled-components").WebTarget | undefined;
+}, never>>> & string;
 export {};