krl-alfred 2.23.13 → 2.23.15

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

@@ -1,21 +1,49 @@
 import React from "react";
 declare const _default: {
     title: string;
-    component: ({ width, title, date, img, isMonthVisible, hasTimer, isLoading, hasInfo, infoText, description, alignButtonWithTitle, ...other }: import("../props").ActionButton) => React.JSX.Element;
+    component: (props: any) => React.JSX.Element;
     tags: string[];
     argTypes: {
         onClick: {
             action: string;
         };
-        icon: {
+        width: {
+            control: string;
+        };
+        title: {
+            control: string;
+        };
+        description: {
+            control: string;
+        };
+        hasTimer: {
+            control: string;
+        };
+        hasInfo: {
+            control: string;
+        };
+        infoText: {
+            control: string;
+        };
+        isMonthVisible: {
+            control: string;
+        };
+        isLoading: {
+            control: string;
+        };
+        alignButtonWithTitle: {
+            control: string;
+        };
+        date: {
             control: string;
-            options: string[];
         };
     };
 };
 export default _default;
 export declare const Default: {
     args: {
+        hasInfo: boolean;
+        infoText: string;
         width: string;
         title: string;
         date: string;
@@ -24,14 +52,14 @@ export declare const Default: {
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
-        hasInfo: boolean;
-        infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
     };
 };
 export declare const WithTimerNoInfo: {
     args: {
-        width: string;
         title: string;
+        width: string;
         date: string;
         hasTimer: boolean;
         img: React.JSX.Element;
@@ -40,84 +68,210 @@ export declare const WithTimerNoInfo: {
         isLoading: boolean;
         hasInfo: boolean;
         infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
     };
 };
 export declare const WithTimerWithInfo: {
     args: {
-        width: string;
         title: string;
+        hasInfo: boolean;
+        infoText: string;
+        width: string;
         date: string;
         hasTimer: boolean;
         img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
-        hasInfo: boolean;
-        infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
     };
 };
 export declare const WithTimerWithMonth: {
     args: {
-        width: string;
         title: string;
+        isMonthVisible: boolean;
+        width: string;
         date: string;
         hasTimer: boolean;
         img: React.JSX.Element;
         onClick: (e: any) => void;
-        isMonthVisible: boolean;
         isLoading: boolean;
         hasInfo: boolean;
         infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
     };
 };
 export declare const WithTimerWithMonthAndInfo: {
     args: {
+        title: string;
+        isMonthVisible: boolean;
+        hasInfo: boolean;
+        infoText: string;
         width: string;
+        date: string;
+        hasTimer: boolean;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isLoading: boolean;
+        description: any;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const WithTimerLoading: {
+    args: {
         title: string;
+        isLoading: boolean;
+        width: string;
         date: string;
         hasTimer: boolean;
         img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
-        isLoading: boolean;
         hasInfo: boolean;
         infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
     };
 };
-export declare const WithTimerLoading: {
+export declare const WithTimerLoadingWithInfo: {
     args: {
+        title: string;
+        isLoading: boolean;
+        hasInfo: boolean;
+        infoText: string;
         width: string;
+        date: string;
+        hasTimer: boolean;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        description: any;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const LoadingWithoutTimer: {
+    args: {
         title: string;
+        hasTimer: boolean;
+        isLoading: boolean;
+        width: string;
         date: string;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const WithoutTimer: {
+    args: {
+        title: string;
         hasTimer: boolean;
+        width: string;
+        date: string;
         img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
         hasInfo: boolean;
         infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
     };
 };
-export declare const WithTimerLoadingWithInfo: {
+export declare const WithoutTimerWithInfo: {
+    args: {
+        title: string;
+        hasTimer: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        width: string;
+        date: string;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        isLoading: boolean;
+        description: any;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const WithoutImage: {
     args: {
+        title: string;
+        img: any;
+        hasTimer: boolean;
         width: string;
+        date: string;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        isLoading: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        description: any;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const WithHtmlTitle: {
+    args: {
         title: string;
+        hasInfo: boolean;
+        infoText: string;
+        width: string;
         date: string;
         hasTimer: boolean;
         img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
         isLoading: boolean;
+        description: any;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const ExpiredTimer: {
+    args: {
+        title: string;
+        date: string;
         hasInfo: boolean;
         infoText: string;
+        width: string;
+        hasTimer: boolean;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        isLoading: boolean;
+        description: any;
+        alignButtonWithTitle: boolean;
     };
 };
-export declare const WithoutTimer: {
+export declare const WithDescription: {
     args: {
         width: string;
         title: string;
+        description: string;
+        alignButtonWithTitle: boolean;
+        hasTimer: boolean;
         date: string;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        isLoading: boolean;
+        hasInfo: boolean;
+        infoText: string;
+    };
+};
+export declare const DescriptionWithoutAlign: {
+    args: {
+        width: string;
+        title: string;
+        description: string;
+        alignButtonWithTitle: boolean;
         hasTimer: boolean;
+        date: string;
         img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
@@ -126,12 +280,30 @@ export declare const WithoutTimer: {
         infoText: string;
     };
 };
-export declare const WithoutTimerWithInfo: {
+export declare const WithDescriptionAndTimer: {
     args: {
         width: string;
         title: string;
+        description: string;
+        hasTimer: boolean;
+        hasInfo: boolean;
+        infoText: string;
         date: string;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        isLoading: boolean;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const AlignButtonWithTitleAndTimer: {
+    args: {
+        width: string;
+        title: string;
+        description: string;
+        alignButtonWithTitle: boolean;
         hasTimer: boolean;
+        date: string;
         img: React.JSX.Element;
         onClick: (e: any) => void;
         isMonthVisible: boolean;
@@ -140,16 +312,36 @@ export declare const WithoutTimerWithInfo: {
         infoText: string;
     };
 };
-export declare const WithDescription: {
+export declare const FullWidth: {
+    args: {
+        width: string;
+        title: string;
+        hasInfo: boolean;
+        infoText: string;
+        date: string;
+        hasTimer: boolean;
+        img: React.JSX.Element;
+        onClick: (e: any) => void;
+        isMonthVisible: boolean;
+        isLoading: boolean;
+        description: any;
+        alignButtonWithTitle: boolean;
+    };
+};
+export declare const Complete: {
     args: {
         width: string;
         title: string;
         description: string;
         alignButtonWithTitle: boolean;
+        isMonthVisible: boolean;
+        isLoading: boolean;
+        hasInfo: boolean;
+        infoText: string;
+        date: string;
         hasTimer: boolean;
         img: React.JSX.Element;
         onClick: (e: any) => void;
-        hasInfo: boolean;
     };
 };
 export declare const StoreSettings: {

package/dist/components/ActionButton/stories/ActionButton.stories.js

@@ -14,171 +14,118 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StoreSettings = exports.WithDescription = exports.WithoutTimerWithInfo = exports.WithoutTimer = exports.WithTimerLoadingWithInfo = exports.WithTimerLoading = exports.WithTimerWithMonthAndInfo = exports.WithTimerWithMonth = exports.WithTimerWithInfo = exports.WithTimerNoInfo = exports.Default = void 0;
+exports.StoreSettings = exports.Complete = exports.FullWidth = exports.AlignButtonWithTitleAndTimer = exports.WithDescriptionAndTimer = exports.DescriptionWithoutAlign = exports.WithDescription = exports.ExpiredTimer = exports.WithHtmlTitle = exports.WithoutImage = exports.WithoutTimerWithInfo = exports.WithoutTimer = exports.LoadingWithoutTimer = exports.WithTimerLoadingWithInfo = exports.WithTimerLoading = exports.WithTimerWithMonthAndInfo = exports.WithTimerWithMonth = exports.WithTimerWithInfo = exports.WithTimerNoInfo = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ActionButton_1 = __importDefault(require("../ActionButton"));
-var iconList_1 = require("../../Icon/iconList");
-var date = new Date();
-date.setFullYear(new Date().getFullYear() + 1);
-var defaultImg = (0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/actionTimeCircle.svg", alt: "test" });
+var futureDate = new Date();
+futureDate.setFullYear(new Date().getFullYear() + 1);
+var expiredDate = new Date();
+expiredDate.setDate(expiredDate.getDate() - 1);
+var defaultImg = ((0, jsx_runtime_1.jsx)("img", { src: "https://www.kiralarsin.com/actionTimeCircle.svg", alt: "test" }));
+var baseArgs = {
+    width: "311px",
+    title: "Title",
+    date: futureDate.toISOString(),
+    hasTimer: true,
+    img: defaultImg,
+    onClick: function (e) { return console.log(e); },
+    isMonthVisible: false,
+    isLoading: false,
+    hasInfo: false,
+    infoText: "",
+    description: null,
+    alignButtonWithTitle: false,
+};
 exports.default = {
-    title: 'Components/Action Button',
-    component: ActionButton_1.default,
-    tags: ['autodocs'],
+    title: "Components/Action Button",
+    component: function (props) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: 480 } }, { children: (0, jsx_runtime_1.jsx)(ActionButton_1.default, __assign({}, props)) }))); },
+    tags: ["autodocs"],
     argTypes: {
-        onClick: { action: 'clicked' },
-        icon: { control: 'select', options: Object.keys(iconList_1.iconList) },
-    }
+        onClick: { action: "clicked" },
+        width: { control: "text" },
+        title: { control: "text" },
+        description: { control: "text" },
+        hasTimer: { control: "boolean" },
+        hasInfo: { control: "boolean" },
+        infoText: { control: "text" },
+        isMonthVisible: { control: "boolean" },
+        isLoading: { control: "boolean" },
+        alignButtonWithTitle: { control: "boolean" },
+        date: { control: "date" },
+    },
 };
 exports.Default = {
-    args: {
-        width: '311px',
-        title: 'Title',
-        date: date.toISOString(),
-        hasTimer: true,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: false,
-        isLoading: false,
-        hasInfo: true,
-        infoText: "UZAT10 koduyla %10 indirim ",
-    },
+    args: __assign(__assign({}, baseArgs), { hasInfo: true, infoText: "UZAT10 koduyla %10 indirim " }),
 };
 exports.WithTimerNoInfo = {
-    args: {
-        width: '311px',
-        title: 'Action Button Title',
-        date: date.toISOString(),
-        hasTimer: true,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: false,
-        isLoading: false,
-        hasInfo: false,
-        infoText: "",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Action Button Title" }),
 };
 exports.WithTimerWithInfo = {
-    args: {
-        width: '311px',
-        title: 'Special Offer',
-        date: date.toISOString(),
-        hasTimer: true,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: false,
-        isLoading: false,
-        hasInfo: true,
-        infoText: "UZAT10 koduyla %10 indirim",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Special Offer", hasInfo: true, infoText: "UZAT10 koduyla %10 indirim" }),
 };
 exports.WithTimerWithMonth = {
-    args: {
-        width: '311px',
-        title: 'Long Term Campaign',
-        date: date.toISOString(),
-        hasTimer: true,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: true,
-        isLoading: false,
-        hasInfo: false,
-        infoText: "",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Long Term Campaign", isMonthVisible: true }),
 };
 exports.WithTimerWithMonthAndInfo = {
-    args: {
-        width: '311px',
-        title: 'Extended Campaign',
-        date: date.toISOString(),
-        hasTimer: true,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: true,
-        isLoading: false,
-        hasInfo: true,
-        infoText: "Özel kampanya fırsatı",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Extended Campaign", isMonthVisible: true, hasInfo: true, infoText: "Özel kampanya fırsatı" }),
 };
 exports.WithTimerLoading = {
-    args: {
-        width: '311px',
-        title: 'Processing...',
-        date: date.toISOString(),
-        hasTimer: true,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: false,
-        isLoading: true,
-        hasInfo: false,
-        infoText: "",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Processing...", isLoading: true }),
 };
 exports.WithTimerLoadingWithInfo = {
-    args: {
-        width: '311px',
-        title: 'Loading Action',
-        date: date.toISOString(),
-        hasTimer: true,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: false,
-        isLoading: true,
-        hasInfo: true,
-        infoText: "İşlem devam ediyor...",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Loading Action", isLoading: true, hasInfo: true, infoText: "İşlem devam ediyor..." }),
+};
+exports.LoadingWithoutTimer = {
+    args: __assign(__assign({}, baseArgs), { title: "Yönlendiriliyor...", hasTimer: false, isLoading: true }),
 };
 exports.WithoutTimer = {
-    args: {
-        width: '311px',
-        title: 'Simple Action Button',
-        date: date.toISOString(),
-        hasTimer: false,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: false,
-        isLoading: false,
-        hasInfo: false,
-        infoText: "",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Simple Action Button", hasTimer: false }),
 };
 exports.WithoutTimerWithInfo = {
-    args: {
-        width: '311px',
-        title: 'Action with Info',
-        date: date.toISOString(),
-        hasTimer: false,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        isMonthVisible: false,
-        isLoading: false,
-        hasInfo: true,
-        infoText: "Bilgilendirme metni buraya gelir",
-    },
+    args: __assign(__assign({}, baseArgs), { title: "Action with Info", hasTimer: false, hasInfo: true, infoText: "Bilgilendirme metni buraya gelir" }),
+};
+exports.WithoutImage = {
+    args: __assign(__assign({}, baseArgs), { title: "Görselsiz aksiyon", img: null, hasTimer: false }),
+};
+exports.WithHtmlTitle = {
+    args: __assign(__assign({}, baseArgs), { title: "Kira süreni <b>uzat</b>, <span style='color:var(--primary)'>%10</span> kazan", hasInfo: true, infoText: "Kampanya kodu: UZAT10" }),
+};
+exports.ExpiredTimer = {
+    args: __assign(__assign({}, baseArgs), { title: "Süresi dolmuş kampanya", date: expiredDate.toISOString(), hasInfo: true, infoText: "Bu teklifin süresi doldu" }),
 };
 exports.WithDescription = {
-    args: {
-        width: '100%',
-        title: 'Kargo ayarları',
-        description: 'Tüm ürünlerinde mi kargo var, yoksa ürün bazlı mı? Kargo ücreti ve teslimat sürelerini buradan yönet.',
-        alignButtonWithTitle: true,
-        hasTimer: false,
-        img: defaultImg,
-        onClick: function (e) { return console.log(e); },
-        hasInfo: false,
-    },
+    args: __assign(__assign({}, baseArgs), { width: "100%", title: "Kargo ayarları", description: "Tüm ürünlerinde mi kargo var, yoksa ürün bazlı mı? Kargo ücreti ve teslimat sürelerini buradan yönet.", alignButtonWithTitle: true, hasTimer: false }),
+};
+exports.DescriptionWithoutAlign = {
+    args: __assign(__assign({}, baseArgs), { width: "100%", title: "Ödeme ayarları", description: "Ödeme yöntemlerini, taksit seçeneklerini ve fatura bilgilerini bu alandan düzenleyebilirsin.", alignButtonWithTitle: false, hasTimer: false }),
+};
+exports.WithDescriptionAndTimer = {
+    args: __assign(__assign({}, baseArgs), { width: "100%", title: "Kampanyayı kaçırma", description: "Süre dolmadan teklifi değerlendir, indirimden yararlan.", hasTimer: true, hasInfo: true, infoText: "Son günler" }),
+};
+exports.AlignButtonWithTitleAndTimer = {
+    args: __assign(__assign({}, baseArgs), { width: "100%", title: "Buton başlıkla hizalı", description: "Timer açıkken buton title satırında kalır.", alignButtonWithTitle: true, hasTimer: true }),
+};
+exports.FullWidth = {
+    args: __assign(__assign({}, baseArgs), { width: "100%", title: "Tam genişlik aksiyon", hasInfo: true, infoText: "Geniş layout örneği" }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { width: "100%", title: "Tüm özellikler <b>aktif</b>", description: "Info, timer, ay görünümü ve loading birlikte.", alignButtonWithTitle: true, isMonthVisible: true, isLoading: true, hasInfo: true, infoText: "Komple örnek" }),
 };
 exports.StoreSettings = {
     render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: {
-            width: '100%',
-            maxWidth: '900px',
-            padding: '1.5rem',
-            border: '1px solid var(--dark-opacity-10)',
-            borderRadius: '0.5rem',
-            background: 'white',
-        } }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ style: { display: 'block', marginBottom: '1.5rem', font: 'var(--headline-semi-bold-18-22)' } }, { children: "Ma\u011Faza ayarlar\u0131" })), (0, jsx_runtime_1.jsxs)("div", __assign({ style: {
-                    display: 'grid',
-                    gridTemplateColumns: 'repeat(2, minmax(0, 1fr))',
-                    gap: '1rem',
-                } }, { children: [(0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "Kargo ayarlar\u0131", description: "T\u00FCm \u00FCr\u00FCnlerinde mi kargo var, yoksa \u00FCr\u00FCn bazl\u0131 m\u0131? Kargo \u00FCcreti ve teslimat s\u00FCrelerini buradan y\u00F6net.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log('Kargo ayarları'); } }), (0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "\u00D6deme ayarlar\u0131", description: "\u00D6deme y\u00F6ntemlerini, taksit se\u00E7eneklerini ve fatura bilgilerini bu alandan d\u00FCzenleyebilirsin.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log('Ödeme ayarları'); } }), (0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "Abonelik kurallar\u0131", description: "Abonelik planlar\u0131n\u0131, iptal ko\u015Fullar\u0131n\u0131 ve yenileme kurallar\u0131n\u0131 buradan y\u00F6net.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log('Abonelik kuralları'); } }), (0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "Ma\u011Faza bilgileri", description: "Ma\u011Faza ad\u0131, ileti\u015Fim bilgileri ve g\u00F6r\u00FCn\u00FCr ma\u011Faza detaylar\u0131n\u0131 g\u00FCncelle.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log('Mağaza bilgileri'); } })] }))] }))); },
+            width: "100%",
+            maxWidth: "900px",
+            padding: "1.5rem",
+            border: "1px solid var(--dark-opacity-10)",
+            borderRadius: "0.5rem",
+            background: "white",
+        } }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ style: {
+                    display: "block",
+                    marginBottom: "1.5rem",
+                    font: "var(--headline-semi-bold-18-22)",
+                } }, { children: "Ma\u011Faza ayarlar\u0131" })), (0, jsx_runtime_1.jsxs)("div", __assign({ style: {
+                    display: "grid",
+                    gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                    gap: "1rem",
+                } }, { children: [(0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "Kargo ayarlar\u0131", description: "T\u00FCm \u00FCr\u00FCnlerinde mi kargo var, yoksa \u00FCr\u00FCn bazl\u0131 m\u0131? Kargo \u00FCcreti ve teslimat s\u00FCrelerini buradan y\u00F6net.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log("Kargo ayarları"); } }), (0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "\u00D6deme ayarlar\u0131", description: "\u00D6deme y\u00F6ntemlerini, taksit se\u00E7eneklerini ve fatura bilgilerini bu alandan d\u00FCzenleyebilirsin.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log("Ödeme ayarları"); } }), (0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "Abonelik kurallar\u0131", description: "Abonelik planlar\u0131n\u0131, iptal ko\u015Fullar\u0131n\u0131 ve yenileme kurallar\u0131n\u0131 buradan y\u00F6net.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log("Abonelik kuralları"); } }), (0, jsx_runtime_1.jsx)(ActionButton_1.default, { title: "Ma\u011Faza bilgileri", description: "Ma\u011Faza ad\u0131, ileti\u015Fim bilgileri ve g\u00F6r\u00FCn\u00FCr ma\u011Faza detaylar\u0131n\u0131 g\u00FCncelle.", alignButtonWithTitle: true, hasTimer: false, img: defaultImg, onClick: function () { return console.log("Mağaza bilgileri"); } })] }))] }))); },
 };

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

@@ -1,4 +1,8 @@
 /// <reference types="react" />
 import { AddressCardStyledProps } from "./props";
-export declare const AddressCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof AddressCardStyledProps> & AddressCardStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof AddressCardStyledProps> & AddressCardStyledProps, never>>> & string;
-export declare const Content: 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 AddressCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, AddressCardStyledProps>> & string;
+export declare const Content: 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;