krl-alfred 2.23.13 → 2.23.15

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

@@ -1,13 +1,35 @@
 /// <reference types="react" />
 import { ProductCardHorizontalSmStyledProps } from "./props";
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const Border: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const ProductCardHorizontalSmStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const HorizontalSmWrapper: 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 ImgWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const TextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const PriceContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const Price: 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 Period: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
-export declare const RightContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardHorizontalSmStyledProps> & ProductCardHorizontalSmStyledProps, never>>> & string;
+export declare const Title: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const Border: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const ProductCardHorizontalSmStyled: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const HorizontalSmWrapper: 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 ImgWrapper: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const TextWrapper: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const PriceContent: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const Price: 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 Period: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;
+export declare const RightContentWrapper: 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;
+}, ProductCardHorizontalSmStyledProps>> & string;

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

@@ -123,10 +123,12 @@ export declare const Default: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const WithDescription: {
@@ -155,10 +157,12 @@ export declare const WithDescription: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const DescriptionHideMdDown: {
@@ -192,6 +196,7 @@ export declare const DescriptionHideMdDown: {
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const WithButton: {
@@ -219,10 +224,45 @@ export declare const WithButton: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
+    };
+};
+export declare const ButtonRemoveMdDown: {
+    args: {
+        hasButton: boolean;
+        buttonText: string;
+        hasButtonRemoveMdDown: boolean;
+        title: string;
+        price: string;
+        priceSm: string;
+        slug: string;
+        period: string;
+        image: string;
+        component: ({ children }: {
+            children: any;
+        }) => React.JSX.Element;
+        hasImageBorder: boolean;
+        imageWidth: string;
+        imageHeight: string;
+        imageInnerWidth: number;
+        imageInnerHeight: number;
+        infoPosition: string;
+        buttonVariant: string;
+        hasBorder: boolean;
+        hasBordeHover: boolean;
+        isSelected: boolean;
+        hasTitleWrap: boolean;
+        hasDescriptionHideMdDown: boolean;
+        hasTooltip: boolean;
+        tooltipSelectorTitle: string;
+        tooltipDescription: string;
+        isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const RightAlignedInfo: {
@@ -250,10 +290,12 @@ export declare const RightAlignedInfo: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const CustomPeriod: {
@@ -281,10 +323,12 @@ export declare const CustomPeriod: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const WithImageBorder: {
@@ -312,10 +356,12 @@ export declare const WithImageBorder: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const Disabled: {
@@ -344,9 +390,11 @@ export declare const Disabled: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
+        hasImageRounded: boolean;
     };
 };
 export declare const Selected: {
@@ -374,10 +422,12 @@ export declare const Selected: {
         hasBordeHover: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const WithoutTooltip: {
@@ -406,9 +456,11 @@ export declare const WithoutTooltip: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const WithoutBorder: {
@@ -436,10 +488,45 @@ export declare const WithoutBorder: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
+        hasTooltip: boolean;
+        tooltipSelectorTitle: string;
+        tooltipDescription: string;
+        isDisabled: boolean;
+        hasImageRounded: boolean;
+    };
+};
+export declare const WithoutPrice: {
+    args: {
+        price: any;
+        priceSm: any;
+        period: any;
+        title: string;
+        slug: string;
+        image: string;
+        component: ({ children }: {
+            children: any;
+        }) => React.JSX.Element;
+        hasImageBorder: boolean;
+        imageWidth: string;
+        imageHeight: string;
+        imageInnerWidth: number;
+        imageInnerHeight: number;
+        infoPosition: string;
+        hasButton: boolean;
+        buttonVariant: string;
+        buttonText: string;
+        hasBorder: boolean;
+        hasBordeHover: boolean;
+        isSelected: boolean;
+        hasTitleWrap: boolean;
+        hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };
 export declare const WithImageRounded: {
@@ -468,6 +555,7 @@ export declare const WithImageRounded: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
@@ -499,9 +587,113 @@ export declare const WithBorderHover: {
         isSelected: boolean;
         hasTitleWrap: boolean;
         hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
         hasTooltip: boolean;
         tooltipSelectorTitle: string;
         tooltipDescription: string;
         isDisabled: boolean;
+        hasImageRounded: boolean;
+    };
+};
+export declare const Empty: {
+    args: {
+        title: any;
+        description: any;
+        price: any;
+        priceSm: any;
+        period: any;
+        image: any;
+        hasTooltip: boolean;
+        hasButton: boolean;
+        hasBorder: boolean;
+        slug: string;
+        component: ({ children }: {
+            children: any;
+        }) => React.JSX.Element;
+        hasImageBorder: boolean;
+        imageWidth: string;
+        imageHeight: string;
+        imageInnerWidth: number;
+        imageInnerHeight: number;
+        infoPosition: string;
+        buttonVariant: string;
+        buttonText: string;
+        hasBordeHover: boolean;
+        isSelected: boolean;
+        hasTitleWrap: boolean;
+        hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
+        tooltipSelectorTitle: string;
+        tooltipDescription: string;
+        isDisabled: boolean;
+        hasImageRounded: boolean;
+    };
+};
+export declare const Complete: {
+    args: {
+        description: string;
+        hasButton: boolean;
+        buttonText: string;
+        buttonVariant: string;
+        hasImageBorder: boolean;
+        hasImageRounded: boolean;
+        hasBordeHover: boolean;
+        isSelected: boolean;
+        hasTooltip: boolean;
+        tooltipSelectorTitle: string;
+        tooltipDescription: string;
+        title: string;
+        price: string;
+        priceSm: string;
+        slug: string;
+        period: string;
+        image: string;
+        component: ({ children }: {
+            children: any;
+        }) => React.JSX.Element;
+        imageWidth: string;
+        imageHeight: string;
+        imageInnerWidth: number;
+        imageInnerHeight: number;
+        infoPosition: string;
+        hasBorder: boolean;
+        hasTitleWrap: boolean;
+        hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
+        isDisabled: boolean;
+    };
+};
+export declare const Interactive: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        hasTooltip: boolean;
+        isSelected: boolean;
+        title: string;
+        price: string;
+        priceSm: string;
+        slug: string;
+        period: string;
+        image: string;
+        component: ({ children }: {
+            children: any;
+        }) => React.JSX.Element;
+        hasImageBorder: boolean;
+        imageWidth: string;
+        imageHeight: string;
+        imageInnerWidth: number;
+        imageInnerHeight: number;
+        infoPosition: string;
+        hasButton: boolean;
+        buttonVariant: string;
+        buttonText: string;
+        hasBorder: boolean;
+        hasBordeHover: boolean;
+        hasTitleWrap: boolean;
+        hasButtonRemoveMdDown: boolean;
+        hasDescriptionHideMdDown: boolean;
+        tooltipSelectorTitle: string;
+        tooltipDescription: string;
+        isDisabled: boolean;
+        hasImageRounded: boolean;
     };
 };

package/dist/components/ProductCardHorizontalSm/stories/ProductCardHorizontalSm.stories.js

@@ -14,8 +14,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.WithBorderHover = exports.WithImageRounded = exports.WithoutBorder = exports.WithoutTooltip = exports.Selected = exports.Disabled = exports.WithImageBorder = exports.CustomPeriod = exports.RightAlignedInfo = exports.WithButton = exports.DescriptionHideMdDown = exports.WithDescription = exports.Default = void 0;
+exports.Interactive = exports.Complete = exports.Empty = exports.WithBorderHover = exports.WithImageRounded = exports.WithoutPrice = exports.WithoutBorder = exports.WithoutTooltip = exports.Selected = exports.Disabled = exports.WithImageBorder = exports.CustomPeriod = exports.RightAlignedInfo = exports.ButtonRemoveMdDown = exports.WithButton = exports.DescriptionHideMdDown = exports.WithDescription = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var ProductCardHorizontalSm_1 = __importDefault(require("../ProductCardHorizontalSm"));
 var props_1 = require("../../Button/props");
 exports.default = {
@@ -70,68 +71,99 @@ var Wrapper = function (_a) {
     var children = _a.children;
     return (0, jsx_runtime_1.jsx)("div", { children: children });
 };
+var baseArgs = {
+    title: "Apple iPad Air WiFi 64GB (2020)",
+    price: "12.545",
+    priceSm: ",24 TL",
+    slug: "https://kiralarsin.com/urun/ipad-air",
+    period: "hafta",
+    image: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg",
+    component: Wrapper,
+    hasImageBorder: false,
+    imageWidth: "88px",
+    imageHeight: "40px",
+    imageInnerWidth: 40,
+    imageInnerHeight: 40,
+    infoPosition: "left",
+    hasButton: false,
+    buttonVariant: "primary",
+    buttonText: "Kullan",
+    hasBorder: true,
+    hasBordeHover: false,
+    isSelected: false,
+    hasTitleWrap: true,
+    hasButtonRemoveMdDown: false,
+    hasDescriptionHideMdDown: false,
+    hasTooltip: true,
+    tooltipSelectorTitle: "Tooltip Title",
+    tooltipDescription: "Tooltip Description",
+    isDisabled: false,
+    hasImageRounded: false,
+};
 exports.Default = {
-    args: {
-        title: "Apple iPad Air WiFi 64GB (2020)",
-        price: "12.545",
-        priceSm: ",24 TL",
-        slug: "https://kiralarsin.com/urun/ipad-air",
-        period: "hafta",
-        image: "https://kiralarsin.s3.eu-central-1.amazonaws.com/products/4MOMSMAMAROOANAKUC_1.jpg",
-        component: Wrapper,
-        hasImageBorder: false,
-        imageWidth: "88px",
-        imageHeight: "40px",
-        imageInnerWidth: 40,
-        imageInnerHeight: 40,
-        infoPosition: "left",
-        hasButton: false,
-        buttonVariant: "primary",
-        buttonText: "Kullan",
-        hasBorder: true,
-        hasBordeHover: false,
-        isSelected: false,
-        hasTitleWrap: true,
-        hasButtonRemoveMdDown: false,
-        hasTooltip: true,
-        tooltipSelectorTitle: "Tooltip Title",
-        tooltipDescription: "Tooltip Description",
-        isDisabled: false,
-    },
+    args: baseArgs,
 };
 exports.WithDescription = {
-    args: __assign(__assign({}, exports.Default.args), { description: "İki ayda bir gönderim" }),
+    args: __assign(__assign({}, baseArgs), { description: "İki ayda bir gönderim" }),
 };
 exports.DescriptionHideMdDown = {
-    args: __assign(__assign({}, exports.Default.args), { description: "İki ayda bir gönderim", hasDescriptionHideMdDown: true }),
+    args: __assign(__assign({}, baseArgs), { description: "İki ayda bir gönderim", hasDescriptionHideMdDown: true }),
 };
 exports.WithButton = {
-    args: __assign(__assign({}, exports.Default.args), { hasButton: true, buttonText: "Kirala", buttonVariant: "secondary" }),
+    args: __assign(__assign({}, baseArgs), { hasButton: true, buttonText: "Kirala", buttonVariant: "secondary" }),
+};
+exports.ButtonRemoveMdDown = {
+    args: __assign(__assign({}, baseArgs), { hasButton: true, buttonText: "Kirala", hasButtonRemoveMdDown: true }),
 };
 exports.RightAlignedInfo = {
-    args: __assign(__assign({}, exports.Default.args), { infoPosition: "right" }),
+    args: __assign(__assign({}, baseArgs), { infoPosition: "right" }),
 };
 exports.CustomPeriod = {
-    args: __assign(__assign({}, exports.Default.args), { infoPosition: "right", period: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: "period-mobile" }, { children: "/ay" })), (0, jsx_runtime_1.jsx)("span", __assign({ className: "period-desktop" }, { children: "/hafta" }))] })) }),
+    args: __assign(__assign({}, baseArgs), { infoPosition: "right", period: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ className: "period-mobile" }, { children: "/ay" })), (0, jsx_runtime_1.jsx)("span", __assign({ className: "period-desktop" }, { children: "/hafta" }))] })) }),
 };
 exports.WithImageBorder = {
-    args: __assign(__assign({}, exports.Default.args), { hasImageBorder: true }),
+    args: __assign(__assign({}, baseArgs), { hasImageBorder: true }),
 };
 exports.Disabled = {
-    args: __assign(__assign({}, exports.Default.args), { isDisabled: true, hasButton: true }),
+    args: __assign(__assign({}, baseArgs), { isDisabled: true, hasButton: true }),
 };
 exports.Selected = {
-    args: __assign(__assign({}, exports.Default.args), { isSelected: true }),
+    args: __assign(__assign({}, baseArgs), { isSelected: true }),
 };
 exports.WithoutTooltip = {
-    args: __assign(__assign({}, exports.Default.args), { hasTooltip: false }),
+    args: __assign(__assign({}, baseArgs), { hasTooltip: false }),
 };
 exports.WithoutBorder = {
-    args: __assign(__assign({}, exports.Default.args), { hasBorder: false }),
+    args: __assign(__assign({}, baseArgs), { hasBorder: false }),
+};
+exports.WithoutPrice = {
+    args: __assign(__assign({}, baseArgs), { price: null, priceSm: null, period: null }),
 };
 exports.WithImageRounded = {
-    args: __assign(__assign({}, exports.Default.args), { hasImageRounded: true }),
+    args: __assign(__assign({}, baseArgs), { hasImageRounded: true }),
 };
 exports.WithBorderHover = {
-    args: __assign(__assign({}, exports.Default.args), { hasBordeHover: true }),
+    args: __assign(__assign({}, baseArgs), { hasBordeHover: true }),
+};
+exports.Empty = {
+    args: __assign(__assign({}, baseArgs), { title: null, description: null, price: null, priceSm: null, period: null, image: null, hasTooltip: false, hasButton: false, hasBorder: false }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { description: "İki ayda bir gönderim", hasButton: true, buttonText: "Kirala", buttonVariant: "secondary", hasImageBorder: true, hasImageRounded: true, hasBordeHover: true, isSelected: true, hasTooltip: true, tooltipSelectorTitle: "Ürün bilgisi", tooltipDescription: "Kampanya koşulları uygulanır" }),
+};
+var InteractiveStory = function (args) {
+    var _a = react_1.default.useState(Boolean(args.isSelected)), isSelected = _a[0], setIsSelected = _a[1];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { maxWidth: "700px" } }, { children: [(0, jsx_runtime_1.jsx)(ProductCardHorizontalSm_1.default, __assign({}, args, { isSelected: isSelected, hasButton: true, buttonText: isSelected ? "Seçildi" : "Seç", component: function (_a) {
+                    var children = _a.children;
+                    return ((0, jsx_runtime_1.jsx)("div", __assign({ role: "button", tabIndex: 0, onClick: function () { return setIsSelected(function (v) { return !v; }); }, onKeyDown: function (e) {
+                            if (e.key === "Enter" || e.key === " ") {
+                                e.preventDefault();
+                                setIsSelected(function (v) { return !v; });
+                            }
+                        }, style: { cursor: "pointer" } }, { children: children })));
+                } })), (0, jsx_runtime_1.jsxs)("p", __assign({ style: { marginTop: 12, font: "var(--caption-medium-11-13)" } }, { children: ["Se\u00E7ili: ", isSelected ? "evet" : "hayır"] }))] })));
+};
+exports.Interactive = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(InteractiveStory, __assign({}, args)); },
+    args: __assign(__assign({}, baseArgs), { hasTooltip: false, isSelected: false }),
 };

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

@@ -1,20 +1,46 @@
 /// <reference types="react" />
 import { ProductCardRadioStyledProps } from "./props";
-export declare const BadgeWrapper: 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 ProductCardRadioContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hidden"> & {
+export declare const BadgeWrapper: 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 ProductCardRadioContent: 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;
+}, {
     $hidden?: boolean;
-}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$hidden"> & {
-    $hidden?: boolean;
-}, never>>> & string;
-export declare const ProductCardImg: 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 ProductCardText: 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 ProductCardHeadWrapper: 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 ProductCardTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never>>> & string;
-export declare const ProductCardDesc: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>> & string;
-export declare const TooltipWrapper: 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 InputIcon: 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 PopupText: 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 ProductCardContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never>>> & string;
-export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>>> & string;
-export declare const ProductCardInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never>>> & string;
-export declare const ProductCardRadioStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof ProductCardRadioStyledProps> & ProductCardRadioStyledProps, never>>> & string;
+}>> & string;
+export declare const ProductCardImg: 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 ProductCardText: 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 ProductCardHeadWrapper: 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 ProductCardTitle: 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;
+}, ProductCardRadioStyledProps>> & string;
+export declare const ProductCardDesc: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const TooltipWrapper: 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 InputIcon: 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 PopupText: 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 ProductCardContent: 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;
+}, ProductCardRadioStyledProps>> & string;
+export declare const HiddenInput: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const ProductCardInner: 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;
+}, ProductCardRadioStyledProps>> & string;
+export declare const ProductCardRadioStyled: 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;
+}, ProductCardRadioStyledProps>> & string;