@redocly/theme 0.70.0-next.0 → 0.70.0-next.10

package/lib/components/Admonition/variables.js

@@ -1,109 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.admonition = void 0;
-const styled_components_1 = require("styled-components");
-exports.admonition = (0, styled_components_1.css) `
-  /* === Admonitions === */
-
-  /**
-  * @tokens Admonition typography
-  */
-
-  --admonition-font-size: var(--font-size-base); // @presenter FontSize
-  --admonition-font-weight: var(--font-weight-regular); // @presenter FontWeight
-  --admonition-line-height: var(--line-height-base); // @presenter LineHeight
-  --admonition-heading-font-size: var(--font-size-base); // @presenter FontSize
-  --admonition-heading-font-weight: var(--font-weight-semibold); // @presenter FontWeight
-  --admonition-heading-line-height: var(--line-height-base); // @presenter LineHeight
-  --admonition-heading-letter-spacing: 0; // @presenter LetterSpacing
-  --admonition-heading-transform: none;
-  --admonition-heading-text-color: var(--color-warm-grey-11); // @presenter Color
-  /**
-  * @tokens Admonition spacing
-  * @presenter Spacing
-  */
-
-  --admonition-gap: var(--spacing-sm); // @presenter Spacing
-  --admonition-text-gap: var(--spacing-xxs); // @presenter Spacing
-  --admonition-margin: var(--spacing-base) 0 var(--spacing-md) 0; // @presenter Spacing
-  --admonition-padding: var(--spacing-sm) var(--spacing-base); // @presenter Spacing
-  --admonition-icon-margin: calc(var(--spacing-unit) / 2) 0; // @presenter Spacing
-  --admonition-icon-size: 18px; // @presenter Spacing
-
-  /**
-  * @tokens Admonition border
-  */
-
-  --admonition-border-radius: var(--border-radius-xl); // @presenter BorderRadius
-  --admonition-border-style: var(--border-style);
-  --admonition-border-width: 1px;
-
-  /**
-  * @tokens Admonition type info
-  */
-
-  --admonition-info-bg-color: var(--color-info-bg); // @presenter Color
-  --admonition-info-heading-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-info-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-info-icon-color: var(--color-info-active); // @presenter Color
-  --admonition-info-border-color: var(--color-info-border); // @presenter Color
-  --admonition-info-border-style: var(--admonition-border-style);
-  --admonition-info-border-width: var(--admonition-border-width);
-  --admonition-info-border: var(--admonition-info-border-width) var(--admonition-info-border-style) var(--admonition-info-border-color); // @presenter Border
-
-  /**
-  * @tokens Admonition type warning
-  */
-
-  /* warning */
-  --admonition-warning-bg-color: var(--color-warning-bg); // @presenter Color
-  --admonition-warning-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-warning-heading-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-warning-icon-color: var(--color-warning-active); // @presenter Color
-  --admonition-warning-border-color: var(--color-warning-border); // @presenter Color
-  --admonition-warning-border-style: var(--admonition-border-style); // @presenter Color
-  --admonition-warning-border-width: var(--admonition-border-width); // @presenter Color
-  --admonition-warning-border: var(--admonition-warning-border-width) var(--admonition-warning-border-style) var(--admonition-warning-border-color); // @presenter Border
-
-  /**
-  * @tokens Admonition type danger
-  */
-
-  --admonition-danger-bg-color: var(--color-error-bg); // @presenter Color
-  --admonition-danger-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-danger-heading-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-danger-icon-color: var(--color-error-active); // @presenter Color
-  --admonition-danger-border-color: var(--color-error-border); // @presenter Color
-  --admonition-danger-border-style: var(--admonition-border-style); // @presenter Color
-  --admonition-danger-border-width: var(--admonition-border-width); // @presenter Color
-  --admonition-danger-border: var(--admonition-danger-border-width) var(--admonition-danger-border-style) var(--admonition-danger-border-color); // @presenter Border
-
-  /**
-  * @tokens Admonition type success
-  */
-
-  --admonition-success-bg-color: var(--color-success-bg); // @presenter Color
-  --admonition-success-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-success-heading-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-success-icon-color: var(--color-success-active); // @presenter Color
-  --admonition-success-border-color: var(--color-success-border); // @presenter Color
-  --admonition-success-border-style: var(--admonition-border-style); // @presenter Color
-  --admonition-success-border-width: var(--admonition-border-width); // @presenter Color
-  --admonition-success-border: var(--admonition-success-border-width) var(--admonition-success-border-style) var(--admonition-success-border-color); // @presenter Border
-
-  /**
-  * @tokens Admonition type idea
-  */
-
-  --admonition-idea-bg-color: var(--color-primary-bg, var(--admonition-default-bg-color-legacy)); // @presenter Color
-  --admonition-idea-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-idea-heading-text-color: var(--admonition-heading-text-color); // @presenter Color
-  --admonition-idea-icon-color: var(--color-primary-base, var(--admonition-default-icon-color-legacy)); // @presenter Color
-  --admonition-idea-border-color: var(--color-primary-border, var(--admonition-default-border-color-legacy)); // @presenter Color
-  --admonition-idea-border-style: var(--admonition-border-style); // @presenter Color
-  --admonition-idea-border-width: var(--admonition-border-width); // @presenter Color
-  --admonition-idea-border: var(--admonition-idea-border-width) var(--admonition-idea-border-style) var(--admonition-idea-border-color); // @presenter Border
-  
-  // @tokens End
-`;
-//# sourceMappingURL=variables.js.map

package/lib/components/ApiOnboarding/AppCustomAttributes.d.ts

@@ -1,5 +0,0 @@
-interface AppCustomAttributesProps {
-    onChange: (value: Record<string, string>) => void;
-}
-export declare function AppCustomAttributes(_props: AppCustomAttributesProps): null;
-export {};

package/lib/components/ApiOnboarding/AppCustomAttributes.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppCustomAttributes = AppCustomAttributes;
-// Do not remove this component. It's for ejecting.
-// Some customers need to add custom attributes to a form in dev onboarding plugin, so they can just eject this component and add those attributes there
-function AppCustomAttributes(_props) {
-    return null;
-}
-//# sourceMappingURL=AppCustomAttributes.js.map

package/lib/components/Badge/Badge.d.ts

@@ -1,11 +0,0 @@
-import type { PropsWithChildren, JSX } from 'react';
-export type BadgeProps = PropsWithChildren<{
-    deprecated?: boolean;
-    color?: string;
-    key?: string;
-    className?: string;
-    icon?: string;
-    /** Inline SVG content for the icon */
-    iconRawContent?: string;
-}>;
-export declare function Badge({ icon, iconRawContent, children, deprecated, color, ...props }: BadgeProps): JSX.Element;

package/lib/components/Badge/Badge.js

@@ -1,91 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Badge = Badge;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const GenericIcon_1 = require("../../icons/GenericIcon/GenericIcon");
-function Badge(_a) {
-    var { icon, iconRawContent, children, deprecated, color } = _a, props = __rest(_a, ["icon", "iconRawContent", "children", "deprecated", "color"]);
-    return (react_1.default.createElement(BadgeComponent, Object.assign({}, props, { $color: color, $deprecated: deprecated, "data-component-name": "Badge/Badge" }),
-        icon || iconRawContent ? react_1.default.createElement(BadgeIcon, { icon: icon, rawContent: iconRawContent }) : null,
-        children));
-}
-const BadgeComponent = styled_components_1.default.span `
-  display: inline-block;
-  padding: 0 var(--spacing-xs);
-  vertical-align: middle;
-  line-height: var(--line-height-base);
-  color: var(--badge-text-color);
-  background-color: ${({ $color }) => $color || 'var(--badge-bg-color)'};
-  border-radius: var(--badge-border-radius);
-  margin: 0 0 0 0.5em;
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-regular);
-
-  ${({ $deprecated }) => $deprecated &&
-    (0, styled_components_1.css) `
-      color: var(--badge-deprecated-text-color);
-      background-color: var(--badge-deprecated-bg-color);
-      border-radius: var(--badge-deprecated-border-radius);
-    `}
-`;
-const BadgeIcon = (0, styled_components_1.default)(GenericIcon_1.GenericIcon) `
-  --icon-width: var(--font-size-sm);
-  --icon-height: var(--font-size-sm);
-  margin-right: var(--spacing-xxs);
-  flex-shrink: 0;
-  vertical-align: middle;
-
-  /* For inline SVG to align properly */
-  svg {
-    display: block;
-  }
-`;
-//# sourceMappingURL=Badge.js.map

package/lib/components/Banner/Banner.d.ts

@@ -1,11 +0,0 @@
-import type { ResolvedBannerConfig } from '@redocly/config';
-import type { JSX } from 'react';
-type BannerProps = {
-    className?: string;
-};
-export type DisplayBanner = ResolvedBannerConfig & {
-    color: NonNullable<ResolvedBannerConfig['color']>;
-    dismissible: NonNullable<ResolvedBannerConfig['dismissible']>;
-};
-export declare function Banner({ className }: BannerProps): JSX.Element | null;
-export {};

package/lib/components/Banner/Banner.js

@@ -1,215 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Banner = Banner;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const hooks_1 = require("../../core/hooks");
-const utils_1 = require("../../core/utils");
-const contexts_1 = require("../../core/contexts");
-const Markdown_1 = require("../../components/Markdown/Markdown");
-const CloseIcon_1 = require("../../icons/CloseIcon/CloseIcon");
-const Button_1 = require("../../components/Button/Button");
-const ANIMATION_DURATION = 0.4;
-function toDisplayBanner(banner) {
-    var _a, _b;
-    return Object.assign(Object.assign({}, banner), { color: (_a = banner.color) !== null && _a !== void 0 ? _a : 'info', dismissible: (_b = banner.dismissible) !== null && _b !== void 0 ? _b : false });
-}
-function setBannerHeight(height) {
-    document.documentElement.style.setProperty('--banner-height', `${height}px`);
-}
-function Banner({ className }) {
-    const { useBanner, useMarkdocRenderer } = (0, hooks_1.useThemeHooks)();
-    const { banner, dismissBanner } = useBanner();
-    const [displayBanner, setDisplayBanner] = (0, react_1.useState)(undefined);
-    const [isVisible, setIsVisible] = (0, react_1.useState)(false);
-    const { sendBannerViewedMessage, sendBannerDismissedMessage, sendBannerLinkClickedMessage } = (0, hooks_1.useBannerTelemetry)(displayBanner);
-    const markdownContent = useMarkdocRenderer(displayBanner === null || displayBanner === void 0 ? void 0 : displayBanner.ast);
-    const bannerRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        if (banner) {
-            setDisplayBanner(toDisplayBanner(banner));
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => {
-                    setIsVisible(true);
-                });
-            });
-        }
-        else {
-            setIsVisible(false);
-            const timer = setTimeout(() => {
-                setDisplayBanner(undefined);
-            }, 400);
-            return () => clearTimeout(timer);
-        }
-    }, [banner]);
-    (0, react_1.useEffect)(() => {
-        if (!displayBanner) {
-            const timer = setTimeout(() => {
-                setBannerHeight(0);
-            }, 400);
-            return () => clearTimeout(timer);
-        }
-        const bannerElement = bannerRef.current;
-        if (!bannerElement)
-            return;
-        if (!isVisible) {
-            setBannerHeight(0);
-            return;
-        }
-        const updateHeight = () => {
-            const height = bannerElement.getBoundingClientRect().height;
-            setBannerHeight(height);
-        };
-        updateHeight();
-        if (window.location.hash) {
-            setTimeout(() => {
-                var _a;
-                const hash = window.location.hash;
-                const el = document.getElementById(hash.slice(1));
-                if (el) {
-                    const navbar = (0, utils_1.getNavbarElement)();
-                    const navbarHeight = (_a = navbar === null || navbar === void 0 ? void 0 : navbar.getBoundingClientRect().height) !== null && _a !== void 0 ? _a : 0;
-                    const elementTop = el.getBoundingClientRect().top + window.scrollY;
-                    const scrollPosition = elementTop - navbarHeight;
-                    if (Math.abs(window.scrollY - scrollPosition) > 1) {
-                        window.scrollTo({ top: scrollPosition });
-                    }
-                }
-            }, ANIMATION_DURATION * 1000 + 100);
-        }
-        const resizeObserver = new ResizeObserver(updateHeight);
-        resizeObserver.observe(bannerElement);
-        return () => {
-            resizeObserver.disconnect();
-        };
-    }, [displayBanner, isVisible]);
-    (0, react_1.useEffect)(() => {
-        if (isVisible) {
-            sendBannerViewedMessage();
-        }
-    }, [isVisible, sendBannerViewedMessage]);
-    const markdownLinkContextValue = (0, react_1.useMemo)(() => ({
-        onMarkdownLinkClick: sendBannerLinkClickedMessage,
-    }), [sendBannerLinkClickedMessage]);
-    if (!displayBanner) {
-        return null;
-    }
-    return (react_1.default.createElement(BannerWrapper, { ref: bannerRef, "data-component-name": "Banner/Banner", className: className, $color: displayBanner.color, $isVisible: isVisible },
-        react_1.default.createElement(BannerContent, { $color: displayBanner.color },
-            react_1.default.createElement(contexts_1.MarkdownLinkContext.Provider, { value: markdownLinkContextValue },
-                react_1.default.createElement(Markdown_1.Markdown, { compact: true }, markdownContent))),
-        displayBanner.dismissible && (react_1.default.createElement(DismissButton, { variant: "ghost", size: "var(--banner-button-size)", icon: react_1.default.createElement(CloseIcon_1.CloseIcon, { color: `var(--banner-${displayBanner.color}-icon-color)`, size: "16px" }), onClick: () => {
-                dismissBanner(displayBanner.hash);
-                sendBannerDismissedMessage();
-            }, "aria-label": "Dismiss banner" }))));
-}
-const BannerContent = styled_components_1.default.div `
-  flex: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  p {
-    margin: 0;
-    color: var(--banner-text-color);
-    text-align: center;
-
-    a:not([role='button']) {
-      color: var(--banner-link-color);
-      text-decoration: ${({ $color }) => $color && `var(--banner-${$color}-link-decoration)`};
-
-      &:hover, &:focus {
-        text-decoration: ${({ $color }) => $color && `var(--banner-${$color}-link-decoration-hover)`};
-      }
-
-      &:visited {
-        text-decoration: ${({ $color }) => $color && `var(--banner-${$color}-link-decoration)`};
-      }
-    }
-
-    [data-component-name='Button/Button'] {
-      --button-font-size: var(--banner-button-font-size);
-      --button-border-radius: var(--banner-button-border-radius);
-      --button-padding: var(--banner-button-padding-inline);
-      --button-line-height: var(--banner-button-line-height);
-      --button-icon-size: var(--banner-button-icon-size);
-      --button-icon-padding: var(--banner-button-icon-padding);
-      --button-icon-left-padding: var(--banner-button-icon-left-padding);
-      --button-icon-right-padding: var(--banner-button-icon-right-padding);
-      margin: var(--banner-button-margin);
-    }
-  }
-
-  p > * {
-    vertical-align: bottom;
-  }
-`;
-const BannerWrapper = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: var(--banner-padding);
-  color: var(--banner-text-color);
-  min-height: var(--banner-min-height);
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  width: 100%;
-  z-index: var(--z-index-overlay);
-  transform: ${({ $isVisible }) => ($isVisible ? 'translateY(0)' : 'translateY(-100%)')};
-  transition: transform ${ANIMATION_DURATION}s ease-out;
-  ${({ $color }) => $color &&
-    (0, styled_components_1.css) `
-      background-color: var(--banner-${$color}-bg-color);
-
-      ${BannerContent} {
-        p {
-          color: var(--banner-${$color}-text-color);
-        }
-
-        a:not([role='button']) {
-          color: var(--banner-${$color}-link-color);
-        }
-      }
-    `}
-`;
-const DismissButton = (0, styled_components_1.default)(Button_1.Button) `
-  width: var(--banner-button-size);
-  height: var(--banner-button-size);
-  padding: var(--banner-button-padding);
-`;
-//# sourceMappingURL=Banner.js.map

package/lib/components/Banner/variables.d.ts

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

package/lib/components/Banner/variables.dark.d.ts

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

package/lib/components/Banner/variables.dark.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.bannerDarkMode = void 0;
-const styled_components_1 = require("styled-components");
-exports.bannerDarkMode = (0, styled_components_1.css) `
-  /**
-  * @tokens Banner
-  */
- 
-  --banner-warning-text-color: var(--color-white); // @presenter Color
-
-  // @tokens End
-`;
-//# sourceMappingURL=variables.dark.js.map

package/lib/components/Banner/variables.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.banner = void 0;
-const styled_components_1 = require("styled-components");
-exports.banner = (0, styled_components_1.css) `
-  /**
-  * @tokens Banner
-  */
-  --banner-height: 0px; /* default 0px so calc formulas work on page load */
-  --banner-button-size: 22px;
-  --banner-button-padding: 3px; // @presenter Spacing
-  --banner-button-font-size: var(--font-size-base);
-  --banner-button-border-radius: var(--border-radius-md);
-  --banner-button-padding-inline: 1px var(--spacing-sm);
-  --banner-button-line-height: var(--line-height-base); // @presenter LineHeight
-  --banner-button-icon-size: 14px;
-  --banner-button-icon-padding: 5px; // @presenter Spacing
-  --banner-button-icon-left-padding: 1px var(--spacing-sm) 1px 10px; // @presenter Spacing
-  --banner-button-icon-right-padding: 1px 10px 1px var(--spacing-sm); // @presenter Spacing
-  --banner-button-margin: 0 var(--spacing-xs); // @presenter Spacing
-  --banner-padding: var(--spacing-xs); // @presenter Spacing
-  --banner-min-height: 38px;
-  --banner-gap: var(--spacing-xxs); // @presenter Spacing
-
-  --banner-info-bg-color: var(--color-info-base); // @presenter Color
-  --banner-info-text-color: var(--color-static-white); // @presenter Color
-  --banner-info-icon-color: var(--color-static-white); // @presenter Color
-  --banner-info-link-color: var(--banner-info-text-color); // @presenter Color
-  --banner-info-link-decoration: underline 1px var(--banner-info-link-color);
-  --banner-info-link-decoration-hover: underline 2px var(--banner-info-link-color);
-
-  --banner-success-bg-color: var(--color-success-base); // @presenter Color
-  --banner-success-text-color: var(--color-static-white); // @presenter Color
-  --banner-success-icon-color: var(--color-static-white); // @presenter Color
-  --banner-success-link-color: var(--banner-success-text-color); // @presenter Color
-  --banner-success-link-decoration: underline 1px var(--banner-success-link-color);
-  --banner-success-link-decoration-hover: underline 2px var(--banner-success-link-color);
-
-  --banner-warning-bg-color: var(--color-warning-base); // @presenter Color
-  --banner-warning-text-color: var(--color-black); // @presenter Color
-  --banner-warning-icon-color: var(--color-black); // @presenter Color
-  --banner-warning-link-color: var(--banner-warning-text-color); // @presenter Color
-  --banner-warning-link-decoration: underline 1px var(--banner-warning-link-color);
-  --banner-warning-link-decoration-hover: underline 2px var(--banner-warning-link-color);
-
-  --banner-error-bg-color: var(--color-error-base); // @presenter Color
-  --banner-error-text-color: var(--color-static-white); // @presenter Color
-  --banner-error-icon-color: var(--color-static-white); // @presenter Color
-  --banner-error-link-color: var(--banner-error-text-color); // @presenter Color
-  --banner-error-link-decoration: underline 1px var(--banner-error-link-color);
-  --banner-error-link-decoration-hover: underline 2px var(--banner-error-link-color);
-
-  // @tokens End
-`;
-//# sourceMappingURL=variables.js.map

package/lib/components/Breadcrumbs/Breadcrumb.d.ts

@@ -1,10 +0,0 @@
-import type { JSX } from 'react';
-type BreadcrumbProps = {
-    label: string;
-    link?: string;
-    isActive: boolean;
-    onClick?: () => void;
-    icon?: string;
-};
-export declare function Breadcrumb({ label, link, isActive, onClick, icon }: BreadcrumbProps): JSX.Element;
-export {};

package/lib/components/Breadcrumbs/Breadcrumb.js

@@ -1,97 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = Breadcrumb;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const Link_1 = require("../../components/Link/Link");
-const Tooltip_1 = require("../../components/Tooltip/Tooltip");
-const BreadcrumbIcon_1 = require("../../components/Breadcrumbs/BreadcrumbIcon");
-const utils_1 = require("../../core/utils");
-const constants_1 = require("../../core/constants");
-function Breadcrumb({ label, link, isActive, onClick, icon }) {
-    const isTruncated = label.length > constants_1.BREADCRUMB_MAX_LENGTH;
-    const displayLabel = (0, utils_1.trimText)(label, constants_1.BREADCRUMB_MAX_LENGTH);
-    const content = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(BreadcrumbIcon_1.BreadcrumbIcon, { icon: icon }),
-        displayLabel));
-    const breadcrumbContent = link ? (react_1.default.createElement(BreadcrumbLink, { "data-component-name": "Breadcrumbs/BreadcrumbLink", to: link, onClick: onClick, $isActive: isActive }, content)) : (react_1.default.createElement(BreadcrumbWrapper, { "data-component-name": "Breadcrumbs/BreadcrumbWrapper", $isActive: isActive, onClick: onClick, tabIndex: -1 }, content));
-    return isTruncated ? (react_1.default.createElement(Tooltip_1.Tooltip, { tip: label, placement: "bottom" }, breadcrumbContent)) : (breadcrumbContent);
-}
-const baseBreadcrumbStyles = `
-  display: flex;
-  align-items: center;
-  gap: var(--breadcrumbs-gap);
-  padding: var(--breadcrumb-padding);
-  border-radius: var(--breadcrumbs-border-radius);
-  color: var(--breadcrumbs-text-color);
-  text-decoration: none;
-
-  &:hover {
-    background-color: var(--breadcrumbs-background-color-hover);
-  }
-
-  &:focus {
-    box-shadow: var(--breadcrumbs-box-shadow-focus);
-    outline: none;
-  }
-`;
-const activeColorStyles = (0, styled_components_1.css) `
-  color: var(--breadcrumbs-text-color-active);
-`;
-const BreadcrumbWrapper = styled_components_1.default.div `
-  ${baseBreadcrumbStyles}
-
-  ${(props) => props.$isActive && activeColorStyles}
-  cursor: default;
-  pointer-events: none;
-
-  &:focus {
-    box-shadow: none;
-    outline: none;
-  }
-
-  &:hover {
-    background-color: transparent;
-  }
-`;
-const BreadcrumbLink = (0, styled_components_1.default)(Link_1.Link) `
-  ${baseBreadcrumbStyles}
-  ${(props) => props.$isActive && activeColorStyles}
-`;
-//# sourceMappingURL=Breadcrumb.js.map

package/lib/components/Breadcrumbs/BreadcrumbDropdown.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { JSX } from 'react';
-import type { BreadcrumbItem } from '@redocly/config';
-type BreadcrumbDropdownProps = {
-    children?: React.ReactNode;
-    label: string;
-    items: (BreadcrumbItem & {
-        isActive?: boolean;
-    })[];
-    onItemClick?: (item: BreadcrumbItem, index: number) => void;
-    className?: string;
-    withChevron?: boolean;
-};
-export declare function BreadcrumbDropdown({ children, label, items, onItemClick, className, withChevron, }: BreadcrumbDropdownProps): JSX.Element | null;
-export {};