krl-alfred 2.23.13 → 2.23.15

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

@@ -1,29 +1,71 @@
 /// <reference types="react" />
 import { ProductCardVerticalStyledProps } from "./props";
-export declare const ProductCardRoot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const CardLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>>> & string;
-export declare const CardBody: 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 ProductCardRoot: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const CardLink: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const CardBody: 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;
 type CartBadgeProps = {
     $isInset?: boolean;
     $isResponsive?: boolean;
 };
-export declare const CartBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CartBadgeProps> & CartBadgeProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof CartBadgeProps> & CartBadgeProps, never>>> & string;
-export declare const ImageSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const OutOfStock: 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 ImageInfoText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, 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").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const ProductTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const ProductDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const PriceLayout: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const DiscountPill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const PriceStack: 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 OldPrice: 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 OldPriceAmount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const OldPricePeriod: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const NewPrice: 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 NewPriceAmount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const NewPricePeriod: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
-export declare const CardButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
+export declare const CartBadge: 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;
+}, CartBadgeProps>> & string;
+export declare const ImageSection: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const OutOfStock: 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 ImageInfoText: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const ProductCardContent: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const ProductTitle: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const ProductDescription: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const PriceLayout: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const DiscountPill: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const PriceStack: 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 OldPrice: 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 OldPriceAmount: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const OldPricePeriod: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const NewPrice: 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 NewPriceAmount: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const NewPricePeriod: 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;
+}, ProductCardVerticalStyledProps>> & string;
+export declare const CardButton: 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;
+}, ProductCardVerticalStyledProps>> & string;
 /** Dış tüketimde kullanım için (root ile aynı) */
-export declare const ProductCardVerticalStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof ProductCardVerticalStyledProps> & ProductCardVerticalStyledProps, never>>> & string;
+export declare const ProductCardVerticalStyled: 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;
+}, ProductCardVerticalStyledProps>> & string;
 export {};

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

@@ -648,3 +648,142 @@ export declare const ResponsiveWithButton: {
         buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
     };
 };
+export declare const WithoutLink: {
+    args: {
+        slug: any;
+        component: any;
+        title?: string;
+        description?: string;
+        hasDiscount?: boolean;
+        hasCustomBadge?: boolean;
+        price?: string;
+        oldPrice?: string;
+        oldPricePeriod?: string;
+        period?: string;
+        discountRate?: number;
+        isResponsive?: boolean;
+        image?: React.ReactNode;
+        customBadge?: React.ReactNode;
+        hasNewImageType?: boolean;
+        hasSquareFillImage?: boolean;
+        hasOutOfStock?: boolean;
+        hasBeltBadge?: boolean;
+        isShowOldPrice?: boolean;
+        beltBadgeVariant?: string;
+        beltBadgeTitle?: string;
+        imageInfoText?: string;
+        imageInfoTextVariant?: string;
+        isOldPricePeriodUnderline?: boolean;
+        hasImageOffset?: boolean;
+        hasSingleLineDescription?: boolean;
+        hasButton?: boolean;
+        buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+        buttonText?: string;
+    };
+};
+export declare const Empty: {
+    args: {
+        title: any;
+        description: any;
+        price: any;
+        oldPrice: any;
+        period: any;
+        slug: any;
+        component: any;
+        image: any;
+        hasDiscount: boolean;
+        discountRate: number;
+        hasBeltBadge: boolean;
+        isShowOldPrice: boolean;
+        imageInfoText: any;
+        hasButton: boolean;
+        hasCustomBadge?: boolean;
+        oldPricePeriod?: string;
+        isResponsive?: boolean;
+        customBadge?: React.ReactNode;
+        hasNewImageType?: boolean;
+        hasSquareFillImage?: boolean;
+        hasOutOfStock?: boolean;
+        beltBadgeVariant?: string;
+        beltBadgeTitle?: string;
+        imageInfoTextVariant?: string;
+        isOldPricePeriodUnderline?: boolean;
+        hasImageOffset?: boolean;
+        hasSingleLineDescription?: boolean;
+        buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+        buttonText?: string;
+    };
+};
+export declare const Complete: {
+    args: {
+        hasButton: boolean;
+        buttonText: string;
+        hasSingleLineDescription: boolean;
+        hasSquareFillImage: boolean;
+        component: ({ href, children, }: {
+            href?: string;
+            children: React.ReactNode;
+        }) => React.JSX.Element;
+        title?: string;
+        description?: string;
+        hasDiscount?: boolean;
+        hasCustomBadge?: boolean;
+        price?: string;
+        oldPrice?: string;
+        oldPricePeriod?: string;
+        slug?: string;
+        period?: string;
+        discountRate?: number;
+        isResponsive?: boolean;
+        image?: React.ReactNode;
+        customBadge?: React.ReactNode;
+        hasNewImageType?: boolean;
+        hasOutOfStock?: boolean;
+        hasBeltBadge?: boolean;
+        isShowOldPrice?: boolean;
+        beltBadgeVariant?: string;
+        beltBadgeTitle?: string;
+        imageInfoText?: string;
+        imageInfoTextVariant?: string;
+        isOldPricePeriodUnderline?: boolean;
+        hasImageOffset?: boolean;
+        buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+    };
+};
+export declare const Interactive: {
+    render: (args: ProductCardVerticalProps) => React.JSX.Element;
+    args: {
+        hasButton: boolean;
+        buttonText: string;
+        component: ({ href, children, }: {
+            href?: string;
+            children: React.ReactNode;
+        }) => React.JSX.Element;
+        title?: string;
+        description?: string;
+        hasDiscount?: boolean;
+        hasCustomBadge?: boolean;
+        price?: string;
+        oldPrice?: string;
+        oldPricePeriod?: string;
+        slug?: string;
+        period?: string;
+        discountRate?: number;
+        isResponsive?: boolean;
+        image?: React.ReactNode;
+        customBadge?: React.ReactNode;
+        hasNewImageType?: boolean;
+        hasSquareFillImage?: boolean;
+        hasOutOfStock?: boolean;
+        hasBeltBadge?: boolean;
+        isShowOldPrice?: boolean;
+        beltBadgeVariant?: string;
+        beltBadgeTitle?: string;
+        imageInfoText?: string;
+        imageInfoTextVariant?: string;
+        isOldPricePeriodUnderline?: boolean;
+        hasImageOffset?: boolean;
+        hasSingleLineDescription?: boolean;
+        buttonOnClick?(e: React.MouseEvent<HTMLButtonElement, MouseEvent>): void;
+    };
+};

package/dist/components/ProductCardVertical/stories/ProductCardVertical.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.ResponsiveWithButton = exports.WithButton = exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.SquareFillImage = exports.SingleLineDescription = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = exports.allProductCardArgs = void 0;
+exports.Interactive = exports.Complete = exports.Empty = exports.WithoutLink = exports.ResponsiveWithButton = exports.WithButton = exports.WithoutOldPriceUnderline = exports.WithoutOldPrice = exports.SquareFillImage = exports.SingleLineDescription = exports.WithoutImageOffset = exports.Minimal = exports.WithoutImageInfoText = exports.WithoutBeltBadge = exports.DarkImageInfoText = exports.ResponsiveWithNewImageType = exports.WithCustomBadge = exports.OutOfStock = exports.NoDiscount = exports.Default = exports.allProductCardArgs = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var ProductCardVertical_1 = __importDefault(require("../ProductCardVertical"));
 var props_1 = require("../props");
 var Badges_1 = __importDefault(require("../../Badges"));
@@ -168,3 +169,20 @@ exports.ResponsiveWithButton = {
     name: "Responsive + buton",
     args: __assign(__assign({}, exports.allProductCardArgs), { isResponsive: true, hasButton: true, buttonText: "Hemen Kirala", component: StoryLink }),
 };
+exports.WithoutLink = {
+    args: __assign(__assign({}, exports.allProductCardArgs), { slug: null, component: null }),
+};
+exports.Empty = {
+    args: __assign(__assign({}, exports.allProductCardArgs), { title: null, description: null, price: null, oldPrice: null, period: null, slug: null, component: null, image: null, hasDiscount: false, discountRate: 0, hasBeltBadge: false, isShowOldPrice: false, imageInfoText: null, hasButton: false }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasButton: true, buttonText: "Hemen Kirala", hasSingleLineDescription: true, hasSquareFillImage: true, component: StoryLink }),
+};
+var InteractiveStory = function (args) {
+    var _a = react_1.default.useState(0), clicks = _a[0], setClicks = _a[1];
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { maxWidth: "240px" } }, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_1.default, __assign({}, args, { hasButton: true, buttonText: clicks > 0 ? "Kirala (".concat(clicks, ")") : args.buttonText || "Kirala", buttonOnClick: function () { return setClicks(function (c) { return c + 1; }); } })), (0, jsx_runtime_1.jsxs)("p", __assign({ style: { marginTop: 12, font: "var(--caption-medium-11-13)" } }, { children: ["Buton t\u0131klama: ", clicks] }))] })));
+};
+exports.Interactive = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(InteractiveStory, __assign({}, args)); },
+    args: __assign(__assign({}, exports.allProductCardArgs), { hasButton: true, buttonText: "Kirala", component: StoryLink }),
+};

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

@@ -1,7 +1,17 @@
 /// <reference types="react" />
 import { QuantitySelectorStyledProps } from "./props";
-export declare const Container: 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 Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>> & string;
-export declare const Controls: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof QuantitySelectorStyledProps> & QuantitySelectorStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof QuantitySelectorStyledProps> & QuantitySelectorStyledProps, never>>> & string;
-export declare const QuantityValue: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof QuantitySelectorStyledProps> & QuantitySelectorStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof QuantitySelectorStyledProps> & QuantitySelectorStyledProps, never>>> & string;
-export declare const SelectorButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof QuantitySelectorStyledProps> & QuantitySelectorStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof QuantitySelectorStyledProps> & QuantitySelectorStyledProps, never>>> & string;
+export declare const Container: 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 Label: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const Controls: 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;
+}, QuantitySelectorStyledProps>> & string;
+export declare const QuantityValue: 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;
+}, QuantitySelectorStyledProps>> & string;
+export declare const SelectorButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}, QuantitySelectorStyledProps>> & string;

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

@@ -4,6 +4,15 @@ declare const _default: {
     component: ({ label, id, orientation, quantity, onIncrement, onDecrement, onRemove, hasRemove, hasLoading, hasError, errorText, hasDisableActions, hasDisableIncrement, }: import("../props").QuantitySelector) => React.JSX.Element;
     tags: string[];
     argTypes: {
+        label: {
+            control: string;
+        };
+        id: {
+            control: string;
+        };
+        quantity: {
+            control: string;
+        };
         orientation: {
             control: string;
             options: readonly ["horizontal", "vertical"];
@@ -17,6 +26,9 @@ declare const _default: {
         hasError: {
             control: string;
         };
+        errorText: {
+            control: string;
+        };
         hasDisableActions: {
             control: string;
         };
@@ -41,6 +53,12 @@ export declare const Horizontal: {
         quantity: number;
         label: string;
         id: string;
+        hasRemove: boolean;
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
     };
 };
 export declare const Vertical: {
@@ -49,6 +67,12 @@ export declare const Vertical: {
         label: any;
         quantity: number;
         id: string;
+        hasRemove: boolean;
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
     };
 };
 export declare const WithRemove: {
@@ -58,6 +82,11 @@ export declare const WithRemove: {
         quantity: number;
         label: string;
         id: string;
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
     };
 };
 export declare const DisabledActions: {
@@ -67,6 +96,25 @@ export declare const DisabledActions: {
         quantity: number;
         label: string;
         id: string;
+        hasRemove: boolean;
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableIncrement: boolean;
+    };
+};
+export declare const DisabledIncrement: {
+    args: {
+        orientation: string;
+        hasDisableIncrement: boolean;
+        quantity: number;
+        label: string;
+        id: string;
+        hasRemove: boolean;
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
     };
 };
 export declare const WithError: {
@@ -77,6 +125,10 @@ export declare const WithError: {
         quantity: number;
         label: string;
         id: string;
+        hasRemove: boolean;
+        hasLoading: boolean;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
     };
 };
 export declare const Loading: {
@@ -86,5 +138,67 @@ export declare const Loading: {
         quantity: number;
         label: string;
         id: string;
+        hasRemove: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
+    };
+};
+export declare const Empty: {
+    args: {
+        quantity: number;
+        label: any;
+        id: string;
+        orientation: "horizontal";
+        hasRemove: boolean;
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
+    };
+};
+export declare const WithoutLabel: {
+    args: {
+        label: any;
+        id: string;
+        quantity: number;
+        orientation: "horizontal";
+        hasRemove: boolean;
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
+    };
+};
+export declare const Complete: {
+    args: {
+        orientation: string;
+        label: string;
+        quantity: number;
+        hasRemove: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableIncrement: boolean;
+        id: string;
+        hasLoading: boolean;
+        hasDisableActions: boolean;
+    };
+};
+export declare const Interactive: {
+    render: (args: any) => React.JSX.Element;
+    args: {
+        quantity: number;
+        hasRemove: boolean;
+        id: string;
+        label: string;
+        orientation: "horizontal";
+        hasLoading: boolean;
+        hasError: boolean;
+        errorText: string;
+        hasDisableActions: boolean;
+        hasDisableIncrement: boolean;
     };
 };

package/dist/components/QuantitySelector/stories/QuantitySelector.stories.js

@@ -14,18 +14,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loading = exports.WithError = exports.DisabledActions = exports.WithRemove = exports.Vertical = exports.Horizontal = void 0;
+exports.Interactive = exports.Complete = exports.WithoutLabel = exports.Empty = exports.Loading = exports.WithError = exports.DisabledIncrement = exports.DisabledActions = exports.WithRemove = exports.Vertical = exports.Horizontal = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var QuantitySelector_1 = __importDefault(require("../QuantitySelector"));
 var props_1 = require("../props");
+var baseArgs = {
+    quantity: 10,
+    label: 'Miktar seç',
+    id: 'quantity-selector',
+    orientation: 'horizontal',
+    hasRemove: false,
+    hasLoading: false,
+    hasError: false,
+    errorText: '',
+    hasDisableActions: false,
+    hasDisableIncrement: false,
+};
 exports.default = {
     title: 'Components/QuantitySelector',
     component: QuantitySelector_1.default,
     tags: ['autodocs'],
     argTypes: {
+        label: { control: 'text' },
+        id: { control: 'text' },
+        quantity: { control: 'number' },
         orientation: { control: 'select', options: props_1.orientations },
         hasRemove: { control: 'boolean' },
         hasLoading: { control: 'boolean' },
         hasError: { control: 'boolean' },
+        errorText: { control: 'text' },
         hasDisableActions: { control: 'boolean' },
         hasDisableIncrement: { control: 'boolean' },
         onIncrement: { action: 'incremented' },
@@ -33,26 +51,54 @@ exports.default = {
         onRemove: { action: 'removed' },
     },
 };
-var defaultArgs = {
-    quantity: 10,
-    label: 'Miktar seç',
-    id: 'quantity-selector',
-};
 exports.Horizontal = {
-    args: __assign(__assign({}, defaultArgs), { orientation: 'horizontal' }),
+    args: __assign(__assign({}, baseArgs), { orientation: 'horizontal' }),
 };
 exports.Vertical = {
-    args: __assign(__assign({}, defaultArgs), { orientation: 'vertical', label: null }),
+    args: __assign(__assign({}, baseArgs), { orientation: 'vertical', label: null }),
 };
 exports.WithRemove = {
-    args: __assign(__assign({}, defaultArgs), { orientation: 'horizontal', hasRemove: true }),
+    args: __assign(__assign({}, baseArgs), { orientation: 'horizontal', hasRemove: true }),
 };
 exports.DisabledActions = {
-    args: __assign(__assign({}, defaultArgs), { orientation: 'horizontal', hasDisableActions: true, quantity: 1 }),
+    args: __assign(__assign({}, baseArgs), { orientation: 'horizontal', hasDisableActions: true, quantity: 1 }),
+};
+exports.DisabledIncrement = {
+    args: __assign(__assign({}, baseArgs), { orientation: 'horizontal', hasDisableIncrement: true, quantity: 5 }),
 };
 exports.WithError = {
-    args: __assign(__assign({}, defaultArgs), { orientation: 'vertical', hasError: true, errorText: 'Stokta yok' }),
+    args: __assign(__assign({}, baseArgs), { orientation: 'vertical', hasError: true, errorText: 'Stokta yok' }),
 };
 exports.Loading = {
-    args: __assign(__assign({}, defaultArgs), { orientation: 'horizontal', hasLoading: true }),
+    args: __assign(__assign({}, baseArgs), { orientation: 'horizontal', hasLoading: true }),
+};
+exports.Empty = {
+    args: __assign(__assign({}, baseArgs), { quantity: 0, label: null, id: 'quantity-empty' }),
+};
+exports.WithoutLabel = {
+    args: __assign(__assign({}, baseArgs), { label: null, id: 'quantity-no-label' }),
+};
+exports.Complete = {
+    args: __assign(__assign({}, baseArgs), { orientation: 'horizontal', label: 'Adet', quantity: 3, hasRemove: true, hasError: true, errorText: 'Bu üründen daha fazla ekleyemezsiniz', hasDisableIncrement: true, id: 'quantity-complete' }),
+};
+var InteractiveStory = function (args) {
+    var _a = react_1.default.useState(Number(args.quantity) || 1), quantity = _a[0], setQuantity = _a[1];
+    var _b = react_1.default.useState(quantity <= 1), hasRemove = _b[0], setHasRemove = _b[1];
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(QuantitySelector_1.default, __assign({}, args, { quantity: quantity, hasRemove: hasRemove, onIncrement: function () {
+                    setQuantity(function (q) { return q + 1; });
+                    setHasRemove(false);
+                }, onDecrement: function () {
+                    setQuantity(function (q) {
+                        var next = Math.max(1, q - 1);
+                        setHasRemove(next <= 1);
+                        return next;
+                    });
+                }, onRemove: function () {
+                    setQuantity(0);
+                    setHasRemove(true);
+                } })), (0, jsx_runtime_1.jsxs)("p", __assign({ style: { marginTop: 12, font: 'var(--caption-medium-11-13)' } }, { children: ["Adet: ", quantity] }))] }));
+};
+exports.Interactive = {
+    render: function (args) { return (0, jsx_runtime_1.jsx)(InteractiveStory, __assign({}, args)); },
+    args: __assign(__assign({}, baseArgs), { quantity: 1, hasRemove: true, id: 'quantity-interactive' }),
 };

package/dist/components/RadioButton/layouts/basic/Basic.styled.d.ts

@@ -1,7 +1,17 @@
 /// <reference types="react" />
 import { RadioButtonStyledProps } from "./../../props";
-export declare const Indicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
-export declare const LabelsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
-export declare const LabelText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
-export declare const DescriptionText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>>> & string;
-export declare const BasicStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, keyof RadioButtonStyledProps> & RadioButtonStyledProps, never>>> & string;
+export declare const Indicator: 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;
+}, RadioButtonStyledProps>> & string;
+export declare const LabelsWrapper: 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;
+}, RadioButtonStyledProps>> & string;
+export declare const LabelText: 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;
+}, RadioButtonStyledProps>> & string;
+export declare const DescriptionText: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars;
+}> & string;
+export declare const BasicStyled: 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;
+}, RadioButtonStyledProps>> & string;