krl-alfred 2.23.13 → 2.23.15

package/dist/components/BlogCard/BlogCard.styled.d.ts

@@ -1,3 +1,5 @@
 /// <reference types="react" />
 import { BlogCardStyledProps } from "./props";
-export declare const BlogCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BlogCardStyledProps> & BlogCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BlogCardStyledProps> & BlogCardStyledProps, never>>> & string;
+export declare const BlogCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, BlogCardStyledProps>> & string;

package/dist/components/BlogCard/stories/BlogCard.stories.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare const _default: {
     title: string;
     component: (props: any) => React.JSX.Element;
@@ -27,6 +27,12 @@ declare const _default: {
         contentDesc: {
             control: string;
         };
+        authorImg: {
+            control: boolean;
+        };
+        contentImg: {
+            control: boolean;
+        };
     };
 };
 export default _default;
@@ -95,8 +101,10 @@ export declare const Medium: {
         direction: "vertical";
     };
 };
-export declare const AllDirections: {
+export declare const HorizontalLarge: {
     args: {
+        direction: string;
+        size: string;
         authorImg: React.JSX.Element;
         contentImg: React.JSX.Element;
         authorTitle: string;
@@ -104,13 +112,25 @@ export declare const AllDirections: {
         date: string;
         contentTitle: string;
         contentDesc: string;
-        direction: "vertical";
-        size: "lg";
     };
-    render: (args: any) => React.JSX.Element;
 };
-export declare const AllSizes: {
+export declare const HorizontalMedium: {
     args: {
+        direction: string;
+        size: string;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+    };
+};
+export declare const VerticalMedium: {
+    args: {
+        direction: string;
+        size: string;
         authorImg: React.JSX.Element;
         contentImg: React.JSX.Element;
         authorTitle: string;
@@ -118,10 +138,7 @@ export declare const AllSizes: {
         date: string;
         contentTitle: string;
         contentDesc: string;
-        direction: "vertical";
-        size: "lg";
     };
-    render: (args: any) => React.JSX.Element;
 };
 export declare const Minimal: {
     args: {
@@ -149,6 +166,19 @@ export declare const WithoutAuthorImg: {
         size: "lg";
     };
 };
+export declare const WithoutAuthor: {
+    args: {
+        authorImg: any;
+        authorTitle: string;
+        contentImg: React.JSX.Element;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
 export declare const WithoutContentImg: {
     args: {
         contentImg: any;
@@ -162,16 +192,138 @@ export declare const WithoutContentImg: {
         size: "lg";
     };
 };
+export declare const WithoutTags: {
+    args: {
+        tags: any;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const WithoutDate: {
+    args: {
+        date: any;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        tags: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const WithoutDescription: {
+    args: {
+        contentDesc: any;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const TagsOnly: {
+    args: {
+        date: any;
+        tags: string;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const DateOnly: {
+    args: {
+        tags: any;
+        date: string;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const WithHtmlTitle: {
+    args: {
+        contentTitle: string;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
 export declare const LongContent: {
     args: {
         contentTitle: string;
         contentDesc: string;
+        tags: string;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        date: string;
+        direction: "vertical";
+        size: "lg";
+    };
+};
+export declare const AllDirections: {
+    args: {
         authorImg: React.JSX.Element;
         contentImg: React.JSX.Element;
         authorTitle: string;
         tags: string;
         date: string;
+        contentTitle: string;
+        contentDesc: string;
         direction: "vertical";
         size: "lg";
     };
+    render: (args: any) => React.JSX.Element;
+};
+export declare const AllSizes: {
+    args: {
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        tags: string;
+        date: string;
+        contentTitle: string;
+        contentDesc: string;
+        direction: "vertical";
+        size: "lg";
+    };
+    render: (args: any) => React.JSX.Element;
+};
+export declare const BlogGrid: {
+    render: () => React.JSX.Element;
+};
+export declare const Complete: {
+    args: {
+        direction: string;
+        size: string;
+        contentTitle: string;
+        tags: string;
+        date: string;
+        authorImg: React.JSX.Element;
+        contentImg: React.JSX.Element;
+        authorTitle: string;
+        contentDesc: string;
+    };
 };

package/dist/components/BlogCard/stories/BlogCard.stories.js

@@ -14,73 +14,116 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.LongContent = exports.WithoutContentImg = exports.WithoutAuthorImg = exports.Minimal = exports.AllSizes = exports.AllDirections = exports.Medium = exports.Large = exports.Horizontal = exports.Vertical = exports.Default = void 0;
+exports.Complete = exports.BlogGrid = exports.AllSizes = exports.AllDirections = exports.LongContent = exports.WithHtmlTitle = exports.DateOnly = exports.TagsOnly = exports.WithoutDescription = exports.WithoutDate = exports.WithoutTags = exports.WithoutContentImg = exports.WithoutAuthor = exports.WithoutAuthorImg = exports.Minimal = exports.VerticalMedium = exports.HorizontalMedium = exports.HorizontalLarge = exports.Medium = exports.Large = exports.Horizontal = exports.Vertical = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var BlogCard_1 = __importDefault(require("../BlogCard"));
 var props_1 = require("../props");
-var defaultAuthorImg = (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/Banners/turkiyeninilk-karbon-notr-teslimat-yapan-e-ticaret-sitesi.svg", height: "260px", alt: "test" });
-var defaultContentImg = (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/Banners/kiralama-uzatmain.svg", alt: "test" });
-var defaultArgs = {
+var defaultAuthorImg = ((0, jsx_runtime_1.jsx)("img", { src: "https://images.kiralarsin.com/banner/turkiyeninilk-karbon-notr-teslimat-yapan-e-ticaret-sitesi.svg", height: "260px", alt: "author" }));
+var defaultContentImg = ((0, jsx_runtime_1.jsx)("img", { src: "https://images.kiralarsin.com/banner/turkiyeninilk-karbon-notr-teslimat-yapan-e-ticaret-sitesi.svg", alt: "content" }));
+var baseArgs = {
     authorImg: defaultAuthorImg,
     contentImg: defaultContentImg,
-    authorTitle: 'Eda KESKİN',
-    tags: 'Teknoloji kiralama | Laptop kiralama',
-    date: '25.02.2025',
-    contentTitle: 'Yüksek performanslı yazıcıları kiralamak: evden çalışanlar için akılcı bir tercih',
-    contentDesc: 'Ev temizliğinde hijyenin önem kazandığı günümüzde, kimyasal kullanmadan temizlik yapabilen buharlı temizlik cihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için laptop satın almak artık her zaman en iyi çözüm değil.',
-    direction: 'vertical',
-    size: 'lg',
+    authorTitle: "Eda KESKİN",
+    tags: "Teknoloji kiralama | Laptop kiralama",
+    date: "25.02.2025",
+    contentTitle: "Yüksek performanslı yazıcıları kiralamak: evden çalışanlar için akılcı bir tercih",
+    contentDesc: "Ev temizliğinde hijyenin önem kazandığı günümüzde, kimyasal kullanmadan temizlik yapabilen buharlı temizlik cihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için laptop satın almak artık her zaman en iyi çözüm değil.",
+    direction: "vertical",
+    size: "lg",
+};
+var Frame = function (_a) {
+    var children = _a.children, _b = _a.wide, wide = _b === void 0 ? false : _b;
+    return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: wide ? "640px" : "494px" } }, { children: children }));
 };
 exports.default = {
-    title: 'Components/Blog Card',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, props)) })); },
-    tags: ['autodocs'],
+    title: "Components/Blog Card",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)(Frame, __assign({ wide: props.direction === "horizontal" }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
     argTypes: {
-        direction: { control: 'select', options: props_1.direction },
-        size: { control: 'select', options: props_1.size },
-        authorTitle: { control: 'text' },
-        tags: { control: 'text' },
-        date: { control: 'text' },
-        contentTitle: { control: 'text' },
-        contentDesc: { control: 'text' },
-    }
+        direction: { control: "select", options: props_1.direction },
+        size: { control: "select", options: props_1.size },
+        authorTitle: { control: "text" },
+        tags: { control: "text" },
+        date: { control: "text" },
+        contentTitle: { control: "text" },
+        contentDesc: { control: "text" },
+        authorImg: { control: false },
+        contentImg: { control: false },
+    },
 };
 exports.Default = {
-    args: defaultArgs,
+    args: __assign({}, baseArgs),
 };
-// Direction stories
 exports.Vertical = {
-    args: __assign(__assign({}, defaultArgs), { direction: 'vertical' }),
+    args: __assign(__assign({}, baseArgs), { direction: "vertical" }),
 };
 exports.Horizontal = {
-    args: __assign(__assign({}, defaultArgs), { direction: 'horizontal' }),
+    args: __assign(__assign({}, baseArgs), { direction: "horizontal" }),
 };
-// Size stories
 exports.Large = {
-    args: __assign(__assign({}, defaultArgs), { size: 'lg' }),
+    args: __assign(__assign({}, baseArgs), { size: "lg" }),
 };
 exports.Medium = {
-    args: __assign(__assign({}, defaultArgs), { size: 'md' }),
+    args: __assign(__assign({}, baseArgs), { size: "md" }),
 };
-// All directions together
-exports.AllDirections = {
-    args: defaultArgs,
-    render: function (args) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', gap: '24px', flexDirection: 'column' } }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { direction: "vertical" })) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { direction: "horizontal" })) }))] }))); },
+exports.HorizontalLarge = {
+    args: __assign(__assign({}, baseArgs), { direction: "horizontal", size: "lg" }),
 };
-// All sizes together
-exports.AllSizes = {
-    args: defaultArgs,
-    render: function (args) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: 'flex', gap: '24px', flexDirection: 'column' } }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { size: "lg" })) })), (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '494px' } }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { size: "md" })) }))] }))); },
+exports.HorizontalMedium = {
+    args: __assign(__assign({}, baseArgs), { direction: "horizontal", size: "md" }),
+};
+exports.VerticalMedium = {
+    args: __assign(__assign({}, baseArgs), { direction: "vertical", size: "md" }),
 };
 exports.Minimal = {
-    args: __assign(__assign({}, defaultArgs), { tags: null, date: null, contentDesc: null }),
+    args: __assign(__assign({}, baseArgs), { tags: null, date: null, contentDesc: null }),
 };
 exports.WithoutAuthorImg = {
-    args: __assign(__assign({}, defaultArgs), { authorImg: null }),
+    args: __assign(__assign({}, baseArgs), { authorImg: null }),
+};
+exports.WithoutAuthor = {
+    args: __assign(__assign({}, baseArgs), { authorImg: null, authorTitle: "" }),
 };
 exports.WithoutContentImg = {
-    args: __assign(__assign({}, defaultArgs), { contentImg: null }),
+    args: __assign(__assign({}, baseArgs), { contentImg: null }),
+};
+exports.WithoutTags = {
+    args: __assign(__assign({}, baseArgs), { tags: null }),
+};
+exports.WithoutDate = {
+    args: __assign(__assign({}, baseArgs), { date: null }),
+};
+exports.WithoutDescription = {
+    args: __assign(__assign({}, baseArgs), { contentDesc: null }),
+};
+exports.TagsOnly = {
+    args: __assign(__assign({}, baseArgs), { date: null, tags: "Laptop kiralama" }),
+};
+exports.DateOnly = {
+    args: __assign(__assign({}, baseArgs), { tags: null, date: "25.02.2025" }),
+};
+exports.WithHtmlTitle = {
+    args: __assign(__assign({}, baseArgs), { contentTitle: "Yüksek performanslı <b>yazıcıları</b> kiralamak: <span style='color:var(--primary)'>akılcı tercih</span>" }),
 };
 exports.LongContent = {
-    args: __assign(__assign({}, defaultArgs), { contentTitle: 'Çok uzun bir blog başlığı: Bu başlık taşma durumlarını test etmek için kasıtlı olarak uzun tutulmuştur ve farklı ekran boyutlarında nasıl görüneceğini kontrol etmemize yardımcı olur', contentDesc: 'Bu açıklama metni de oldukça uzun. Ev temizliğinde hijyenin önem kazandığı günümüzde, kimyasal kullanmadan temizlik yapabilen buharlı temizlik cihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için laptop satın almak artık her zaman en iyi çözüm değil. Kiralama seçenekleri hem bütçe dostu hem de esnek kullanım imkanı sunuyor.' }),
+    args: __assign(__assign({}, baseArgs), { contentTitle: "Çok uzun bir blog başlığı: Bu başlık taşma durumlarını test etmek için kasıtlı olarak uzun tutulmuştur ve farklı ekran boyutlarında nasıl görüneceğini kontrol etmemize yardımcı olur", contentDesc: "Bu açıklama metni de oldukça uzun. Ev temizliğinde hijyenin önem kazandığı günümüzde, kimyasal kullanmadan temizlik yapabilen buharlı temizlik cihazları öne çıkıyor. Özellikle kısa süreli ihtiyaçlar için laptop satın almak artık her zaman en iyi çözüm değil. Kiralama seçenekleri hem bütçe dostu hem de esnek kullanım imkanı sunuyor.", tags: "Teknoloji kiralama | Laptop kiralama | Yazıcı kiralama | Evden çalışma" }),
+};
+exports.AllDirections = {
+    args: baseArgs,
+    render: function (args) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: "flex", gap: "24px", flexDirection: "column" } }, { children: [(0, jsx_runtime_1.jsx)(Frame, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { direction: "vertical" })) }), (0, jsx_runtime_1.jsx)(Frame, __assign({ wide: true }, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { direction: "horizontal" })) }))] }))); },
+};
+exports.AllSizes = {
+    args: baseArgs,
+    render: function (args) { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: "flex", gap: "24px", flexDirection: "column" } }, { children: [(0, jsx_runtime_1.jsx)(Frame, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { size: "lg" })) }), (0, jsx_runtime_1.jsx)(Frame, { children: (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, args, { size: "md" })) })] }))); },
+};
+exports.BlogGrid = {
+    render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: {
+            display: "grid",
+            gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+            gap: "24px",
+            maxWidth: "1020px",
+        } }, { children: [(0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, baseArgs, { size: "md" })), (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, baseArgs, { size: "md", authorTitle: "Ay\u015Fe YILMAZ", contentTitle: "Oyun konsolu kiralamak neden mant\u0131kl\u0131?", tags: "Oyun | Konsol", date: "10.01.2025" })), (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, baseArgs, { size: "md", direction: "horizontal", contentTitle: "K\u0131sa s\u00FCreli kamera ihtiyac\u0131", tags: "Kamera" })), (0, jsx_runtime_1.jsx)(BlogCard_1.default, __assign({}, baseArgs, { size: "md", direction: "horizontal", contentTitle: "Tablet kiralama rehberi", tags: "Tablet", contentDesc: null }))] }))); },
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { direction: "vertical", size: "lg", contentTitle: "Tüm alanlar dolu: <b>blog kartı</b> komplet örnek", tags: "Teknoloji | Kiralama | Rehber", date: "04.08.2026" }),
 };

package/dist/components/Breadcrumbs/Breadcrumbs.styled.d.ts

@@ -1,15 +1,41 @@
 /// <reference types="react" />
 import { BreadcrumbsStyledProps } from "./props";
-export declare const BreadcrumbsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const BreadcrumbsList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
-export declare const BreadcrumbsListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;
-export declare const BreadcrumbsListItemInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const ButtonLinkComponentSm: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const ButtonLinkComponentLg: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const BreadcrumbsListItemIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const BreadcrumbsListItemBackIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>> & string;
-export declare const BreadcrumbsListDropdownWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const BreadcrumbsListDropdownOpener: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;
-export declare const DropdownList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
-export declare const SubMenuMobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>>> & string;
-export declare const SubMenuMobileItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$isActive"> & BreadcrumbsStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "$isActive"> & BreadcrumbsStyledProps, never>>> & string;
+export declare const BreadcrumbsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BreadcrumbsList: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BreadcrumbsListItem: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BreadcrumbsListItemInner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ButtonLinkComponentSm: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ButtonLinkComponentLg: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BreadcrumbsListItemIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BreadcrumbsListItemBackIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BreadcrumbsListDropdownWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BreadcrumbsListDropdownOpener: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const DropdownList: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const SubMenuMobileWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const SubMenuMobileItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, BreadcrumbsStyledProps>> & string;