krl-alfred 2.23.13 → 2.23.15

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

@@ -1,9 +1,23 @@
 /// <reference types="react" />
 import { AccordionStyledProps } from "./props";
-export declare const AccordionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never>>> & string;
-export declare const AccordionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "$size"> & AccordionStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "$size"> & AccordionStyledProps, never>>> & string;
-export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never>>> & string;
-export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never>>> & string;
-export declare const ItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "$size"> & AccordionStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "$size"> & AccordionStyledProps, never>>> & string;
-export declare const ItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never>>> & string;
-export declare const Footer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$size"> & AccordionStyledProps, never>>> & string;
+export declare const AccordionStyled: 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;
+}, AccordionStyledProps>> & string;
+export declare const AccordionTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, AccordionStyledProps>> & string;
+export declare const Wrapper: 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;
+}, AccordionStyledProps>> & string;
+export declare const Item: 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;
+}, AccordionStyledProps>> & string;
+export declare const ItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, AccordionStyledProps>> & string;
+export declare const ItemContent: 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;
+}, AccordionStyledProps>> & string;
+export declare const Footer: 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;
+}, AccordionStyledProps>> & string;

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

@@ -1,25 +1,36 @@
 /// <reference types="react" />
 declare const _default: {
     title: string;
-    component: ({ data, linkOnClick, collapseAll, size, hasScrollOnFocus, activeIndex, showLink, linkText }: import("../../Accordion/props").Accordion) => import("react").JSX.Element;
+    component: (props: any) => import("react").JSX.Element;
     tags: string[];
     argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
         collapseAll: {
             control: string;
         };
         showLink: {
             control: string;
         };
-        size: {
+        hasScrollOnFocus: {
+            control: string;
+        };
+        activeIndex: {
+            control: string;
+        };
+        linkText: {
+            control: string;
+        };
+        data: {
             control: string;
-            options: string[];
         };
     };
 };
 export default _default;
 export declare const Default: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
@@ -36,7 +47,7 @@ export declare const Default: {
 };
 export declare const Large: {
     args: {
-        title: string;
+        size: string;
         data: {
             id: number;
             question: string;
@@ -48,12 +59,22 @@ export declare const Large: {
         activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
+    };
+};
+export declare const Empty: {
+    args: {
+        data: any[];
+        showLink: boolean;
+        collapseAll: boolean;
+        hasScrollOnFocus: boolean;
+        activeIndex: any;
+        linkText: string;
+        linkOnClick: () => void;
         size: string;
     };
 };
-export declare const WithLink: {
+export declare const FewItems: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
@@ -68,33 +89,79 @@ export declare const WithLink: {
         size: string;
     };
 };
-export declare const LargeWithLink: {
+export declare const WithHtmlContent: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
             answer: string;
         }[];
+        activeIndex: number;
+        showLink: boolean;
+        collapseAll: boolean;
+        hasScrollOnFocus: boolean;
+        linkText: string;
+        linkOnClick: () => void;
+        size: string;
+    };
+};
+export declare const WithLink: {
+    args: {
         showLink: boolean;
+        linkOnClick: () => void;
+        data: {
+            id: number;
+            question: string;
+            answer: string;
+        }[];
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
         activeIndex: any;
         linkText: string;
+        size: string;
+    };
+};
+export declare const LargeWithLink: {
+    args: {
+        size: string;
+        showLink: boolean;
+        linkText: string;
         linkOnClick: () => void;
+        data: {
+            id: number;
+            question: string;
+            answer: string;
+        }[];
+        collapseAll: boolean;
+        hasScrollOnFocus: boolean;
+        activeIndex: any;
+    };
+};
+export declare const CustomLinkText: {
+    args: {
+        data: {
+            id: number;
+            question: string;
+            answer: string;
+        }[];
+        showLink: boolean;
+        linkText: string;
+        linkOnClick: () => void;
+        collapseAll: boolean;
+        hasScrollOnFocus: boolean;
+        activeIndex: any;
         size: string;
     };
 };
 export declare const CollapseAll: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
             answer: string;
         }[];
-        showLink: boolean;
         collapseAll: boolean;
+        showLink: boolean;
         hasScrollOnFocus: boolean;
         activeIndex: any;
         linkText: string;
@@ -104,24 +171,22 @@ export declare const CollapseAll: {
 };
 export declare const LargeCollapseAll: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
             answer: string;
         }[];
-        showLink: boolean;
+        size: string;
         collapseAll: boolean;
+        showLink: boolean;
         hasScrollOnFocus: boolean;
         activeIndex: any;
         linkText: string;
         linkOnClick: () => void;
-        size: string;
     };
 };
 export declare const CollapseAllWithLink: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
@@ -138,58 +203,56 @@ export declare const CollapseAllWithLink: {
 };
 export declare const WithActiveIndex: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
             answer: string;
         }[];
+        activeIndex: number;
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
     };
 };
-export declare const LargeWithActiveIndex: {
+export declare const FirstItemOpen: {
     args: {
-        title: string;
         data: {
             id: number;
             question: string;
             answer: string;
         }[];
+        activeIndex: number;
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
     };
 };
-export declare const WithScrollOnFocus: {
+export declare const LargeWithActiveIndex: {
     args: {
-        title: string;
+        size: string;
         data: {
             id: number;
             question: string;
             answer: string;
         }[];
+        activeIndex: number;
         showLink: boolean;
         collapseAll: boolean;
         hasScrollOnFocus: boolean;
-        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
-        size: string;
     };
 };
-export declare const Complete: {
+export declare const WithScrollOnFocus: {
     args: {
-        title: string;
+        hasScrollOnFocus: boolean;
+        activeIndex: number;
         data: {
             id: number;
             question: string;
@@ -197,10 +260,24 @@ export declare const Complete: {
         }[];
         showLink: boolean;
         collapseAll: boolean;
-        hasScrollOnFocus: boolean;
-        activeIndex: number;
         linkText: string;
         linkOnClick: () => void;
         size: string;
     };
 };
+export declare const Complete: {
+    args: {
+        size: string;
+        showLink: boolean;
+        hasScrollOnFocus: boolean;
+        activeIndex: number;
+        linkOnClick: () => void;
+        data: {
+            id: number;
+            question: string;
+            answer: string;
+        }[];
+        collapseAll: boolean;
+        linkText: string;
+    };
+};

package/dist/components/Accordion/stories/Accordion.stories.js

@@ -1,162 +1,106 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Complete = exports.WithScrollOnFocus = exports.LargeWithActiveIndex = exports.WithActiveIndex = exports.CollapseAllWithLink = exports.LargeCollapseAll = exports.CollapseAll = exports.LargeWithLink = exports.WithLink = exports.Large = exports.Default = void 0;
+exports.Complete = exports.WithScrollOnFocus = exports.LargeWithActiveIndex = exports.FirstItemOpen = exports.WithActiveIndex = exports.CollapseAllWithLink = exports.LargeCollapseAll = exports.CollapseAll = exports.CustomLinkText = exports.LargeWithLink = exports.WithLink = exports.WithHtmlContent = exports.FewItems = exports.Empty = exports.Large = exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Accordion_1 = __importDefault(require("../Accordion"));
 var faq_json_1 = __importDefault(require("./../../../jsons/faq.json"));
 var props_1 = require("../../Accordion/props");
+var fewItems = faq_json_1.default.slice(0, 3);
+var htmlContentData = [
+    {
+        id: 1,
+        question: "İade nasıl yapılır?",
+        answer: "İade için <a href='#'>siparişlerim</a> sayfasına gidip iade kodunu kullanabilirsin. Detaylar için <b>info@kiralarsin.com</b> adresine yaz.",
+    },
+    {
+        id: 2,
+        question: "Hasar güvencesi nedir?",
+        answer: "Basit çizikler hasardan sayılmaz. Dilersen <a href='#'>tamamlarsın</a> ile %100 güvence ekleyebilirsin.",
+    },
+];
+var baseArgs = {
+    data: faq_json_1.default,
+    showLink: false,
+    collapseAll: false,
+    hasScrollOnFocus: false,
+    activeIndex: null,
+    linkText: "Daha Fazla Soru Göster",
+    linkOnClick: function () { return console.log("test"); },
+    size: "medium",
+};
 exports.default = {
-    title: 'Components/Accordion',
-    component: Accordion_1.default,
-    tags: ['autodocs'],
+    title: "Components/Accordion",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 720 } }, { children: (0, jsx_runtime_1.jsx)(Accordion_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
     argTypes: {
-        collapseAll: { control: 'boolean' },
-        showLink: { control: 'boolean' },
-        size: { control: 'select', options: props_1.sizes },
-    }
+        size: { control: "select", options: props_1.sizes },
+        collapseAll: { control: "boolean" },
+        showLink: { control: "boolean" },
+        hasScrollOnFocus: { control: "boolean" },
+        activeIndex: { control: "number" },
+        linkText: { control: "text" },
+        data: { control: "object" },
+    },
 };
 exports.Default = {
-    args: {
-        title: "Merak Edebileceğin Sorulardan Bazıları",
-        data: faq_json_1.default,
-        showLink: false,
-        collapseAll: false,
-        hasScrollOnFocus: false,
-        activeIndex: null,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'medium'
-    },
+    args: __assign({}, baseArgs),
 };
 exports.Large = {
-    args: {
-        title: "Sıkça Sorulan Sorular",
-        data: faq_json_1.default,
-        showLink: false,
-        collapseAll: false,
-        hasScrollOnFocus: false,
-        activeIndex: null,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'large'
-    },
+    args: __assign(__assign({}, baseArgs), { size: "large" }),
+};
+exports.Empty = {
+    args: __assign(__assign({}, baseArgs), { data: [] }),
+};
+exports.FewItems = {
+    args: __assign(__assign({}, baseArgs), { data: fewItems }),
+};
+exports.WithHtmlContent = {
+    args: __assign(__assign({}, baseArgs), { data: htmlContentData, activeIndex: 0 }),
 };
 exports.WithLink = {
-    args: {
-        title: "Merak Edebileceğin Sorulardan Bazıları",
-        data: faq_json_1.default,
-        showLink: true,
-        collapseAll: false,
-        hasScrollOnFocus: false,
-        activeIndex: null,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("Daha fazla soru göster tıklandı"); },
-        size: 'medium'
-    },
+    args: __assign(__assign({}, baseArgs), { showLink: true, linkOnClick: function () { return console.log("Daha fazla soru göster tıklandı"); } }),
 };
 exports.LargeWithLink = {
-    args: {
-        title: "Sıkça Sorulan Sorular",
-        data: faq_json_1.default,
-        showLink: true,
-        collapseAll: false,
-        hasScrollOnFocus: false,
-        activeIndex: null,
-        linkText: "Tüm Soruları Gör",
-        linkOnClick: function () { return console.log("Tüm soruları gör tıklandı"); },
-        size: 'large'
-    },
+    args: __assign(__assign({}, baseArgs), { size: "large", showLink: true, linkText: "Tüm Soruları Gör", linkOnClick: function () { return console.log("Tüm soruları gör tıklandı"); } }),
+};
+exports.CustomLinkText = {
+    args: __assign(__assign({}, baseArgs), { data: fewItems, showLink: true, linkText: "SSS sayfasına git", linkOnClick: function () { return console.log("SSS sayfasına git tıklandı"); } }),
 };
 exports.CollapseAll = {
-    args: {
-        title: "Tüm Sorular Açık",
-        data: faq_json_1.default,
-        showLink: false,
-        collapseAll: true,
-        hasScrollOnFocus: false,
-        activeIndex: null,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'medium'
-    },
+    args: __assign(__assign({}, baseArgs), { data: fewItems, collapseAll: true }),
 };
 exports.LargeCollapseAll = {
-    args: {
-        title: "Tüm Sorular Açık (Large)",
-        data: faq_json_1.default,
-        showLink: false,
-        collapseAll: true,
-        hasScrollOnFocus: false,
-        activeIndex: null,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'large'
-    },
+    args: __assign(__assign({}, baseArgs), { data: fewItems, size: "large", collapseAll: true }),
 };
 exports.CollapseAllWithLink = {
-    args: {
-        title: "Tüm Sorular Açık ve Link Var",
-        data: faq_json_1.default,
-        showLink: true,
-        collapseAll: true,
-        hasScrollOnFocus: false,
-        activeIndex: null,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'medium'
-    },
+    args: __assign(__assign({}, baseArgs), { data: fewItems, showLink: true, collapseAll: true }),
 };
 exports.WithActiveIndex = {
-    args: {
-        title: "Belirli Bir Soru Açık",
-        data: faq_json_1.default,
-        showLink: false,
-        collapseAll: false,
-        hasScrollOnFocus: false,
-        activeIndex: 2,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'medium'
-    },
+    args: __assign(__assign({}, baseArgs), { data: fewItems, activeIndex: 1 }),
+};
+exports.FirstItemOpen = {
+    args: __assign(__assign({}, baseArgs), { data: fewItems, activeIndex: 0 }),
 };
 exports.LargeWithActiveIndex = {
-    args: {
-        title: "Belirli Bir Soru Açık (Large)",
-        data: faq_json_1.default,
-        showLink: false,
-        collapseAll: false,
-        hasScrollOnFocus: false,
-        activeIndex: 3,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'large'
-    },
+    args: __assign(__assign({}, baseArgs), { size: "large", data: fewItems, activeIndex: 2 }),
 };
 exports.WithScrollOnFocus = {
-    args: {
-        title: "Scroll On Focus Aktif",
-        data: faq_json_1.default,
-        showLink: false,
-        collapseAll: false,
-        hasScrollOnFocus: true,
-        activeIndex: 5,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("test"); },
-        size: 'medium'
-    },
+    args: __assign(__assign({}, baseArgs), { hasScrollOnFocus: true, activeIndex: 5 }),
 };
 exports.Complete = {
-    args: {
-        title: "Tüm Özellikler Aktif",
-        data: faq_json_1.default,
-        showLink: true,
-        collapseAll: false,
-        hasScrollOnFocus: true,
-        activeIndex: 4,
-        linkText: "Daha Fazla Soru Göster",
-        linkOnClick: function () { return console.log("Tüm özellikler aktif"); },
-        size: 'large'
-    },
+    args: __assign(__assign({}, baseArgs), { size: "large", showLink: true, hasScrollOnFocus: true, activeIndex: 4, linkOnClick: function () { return console.log("Tüm özellikler aktif"); } }),
 };

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

@@ -1,19 +1,53 @@
 /// <reference types="react" />
 import { ActionButtonStyledProps } from "./props";
-export declare const ActionButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never>>> & string;
-export declare const ActionInfoText: 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 DashedLine: 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 ActionInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never>>> & string;
-export declare const Top: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never>>> & string;
-export declare const TitleRow: 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 Description: 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 Bottom: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ActionButtonStyledProps> & ActionButtonStyledProps, never>>> & string;
-export declare const IconWrapper: 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 Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>> & string;
-export declare const BottomContent: 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 Timer: 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 TimerBox: 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 TimerTitle: 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 TimerDescription: 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 TimerDots: 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 EmptySpacer: 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 ActionButtonStyled: 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;
+}, ActionButtonStyledProps>> & string;
+export declare const ActionInfoText: 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 DashedLine: 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 ActionInner: 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;
+}, ActionButtonStyledProps>> & string;
+export declare const Top: 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;
+}, ActionButtonStyledProps>> & string;
+export declare const TitleRow: 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 Description: 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 Bottom: 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;
+}, ActionButtonStyledProps>> & string;
+export declare const IconWrapper: 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 Title: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BottomContent: 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 Timer: 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 TimerBox: 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 TimerTitle: 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 TimerDescription: 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 TimerDots: 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 EmptySpacer: 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;