krl-alfred 2.20.2 → 2.20.4

package/dist/components/DescriptionCard/stories/DescriptionCard.stories.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubscriptionRules = exports.WithContent = exports.HasAccordion = exports.CustomColumnSpan = exports.WithoutHeaderImage = exports.EmptyList = exports.MinimalList = exports.WithoutRounded = exports.WithoutBorder = exports.WithoutHeader = exports.WithHeaderDropdown = exports.WithHeaderPrimaryButton = exports.WithHeaderButton = exports.WithoutHeaderBorder = exports.WithHeaderBackground = exports.WithBadge = exports.Default = void 0;
+exports.AddProductToCategory = exports.CategoryStructure = exports.SubscriptionRules = exports.WithContent = exports.HasAccordion = exports.CustomColumnSpan = exports.WithoutHeaderImage = exports.EmptyList = exports.MinimalList = exports.WithoutRounded = exports.WithoutBorder = exports.WithoutHeader = exports.WithHeaderDropdown = exports.WithHeaderPrimaryButton = exports.WithHeaderButton = exports.WithoutHeaderBorder = exports.WithHeaderBackground = exports.WithBadge = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var styled_components_1 = __importDefault(require("styled-components"));
 var DescriptionCard_1 = __importDefault(require("../DescriptionCard"));
@@ -191,4 +191,47 @@ exports.WithContent = {
 exports.SubscriptionRules = {
     render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: "flex", flexDirection: "column", gap: "1rem", maxWidth: "900px", width: "100%" } }, { children: [(0, jsx_runtime_1.jsx)(DescriptionCard_1.default, { title: "Standart esnek", hasBadge: true, badgeText: "Esnek", hasHeader: true, hasRounded: true, hasBorder: true, hasHeaderPrimaryButton: true, headerPrimaryButtonText: "D\u00FCzenle", headerPrimaryButtonAction: function () { return console.log("edit clicked"); }, list: [], content: subscriptionRuleContent("Çekirdek kahve ürünleri için varsayılan abonelik kuralı. Müşteriler istedikleri zaman aboneliklerini duraklatabilir veya iptal edebilir.", ["5 Ürün kullanıyor", "32 Aktif abone", "Son güncelleme: iki hafta önce"]) }), (0, jsx_runtime_1.jsx)(DescriptionCard_1.default, { title: "Standart Taahh\u00FCtl\u00FC", hasBadge: true, badgeText: "Taahh\u00FCtl\u00FC", hasHeader: true, hasRounded: true, hasBorder: true, hasHeaderPrimaryButton: true, headerPrimaryButtonText: "D\u00FCzenle", headerPrimaryButtonAction: function () { return console.log("edit clicked"); }, list: [], content: subscriptionRuleContent("Çekirdek kahve ürünleri için taahhütlü abonelik kuralı. Müşteriler belirlenen süre boyunca aboneliklerini devam ettirmekle yükümlüdür.", ["3 Ürün kullanıyor", "18 Aktif abone", "Son güncelleme: bir hafta önce"]) })] }))); },
 };
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var categoryDropdownList = [
+    { name: "İsmini düzenle" },
+    { name: "Yeni ürün ekle" },
+    { name: "Sil" },
+];
+var CategoryListHeader = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    gap: 1.5rem;\n    padding: 0 1.5rem 0.75rem;\n    font: var(--body-semi-bold-14-17);\n    color: var(--dark-opacity-50);\n"], ["\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n    gap: 1.5rem;\n    padding: 0 1.5rem 0.75rem;\n    font: var(--body-semi-bold-14-17);\n    color: var(--dark-opacity-50);\n"])));
+var CategoryListHeaderCount = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    white-space: nowrap;\n"], ["\n    white-space: nowrap;\n"])));
+var CategoryListHeaderAction = styled_components_1.default.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    display: block;\n    text-align: right;\n"], ["\n    display: block;\n    text-align: right;\n"])));
+exports.CategoryStructure = {
+    render: function () { return ((0, jsx_runtime_1.jsxs)("div", __assign({ style: { display: "flex", flexDirection: "column", gap: "1rem", maxWidth: "900px", width: "100%" } }, { children: [(0, jsx_runtime_1.jsxs)(CategoryListHeader, { children: [(0, jsx_runtime_1.jsx)("span", { children: "Kategori ad\u0131" }), (0, jsx_runtime_1.jsx)(CategoryListHeaderCount, { children: "\u00DCr\u00FCn say\u0131s\u0131" }), (0, jsx_runtime_1.jsx)(CategoryListHeaderAction, {})] }), (0, jsx_runtime_1.jsx)(DescriptionCard_1.default, { title: "\u00C7ekirdek kahve", middleTitle: "10 \u00FCr\u00FCn", hasCategoryPadding: true, hasHeader: true, hasRounded: true, hasBorder: true, hasHeaderBorder: true, hasHeaderButton: true, hasHeaderDropdown: true, headerButtonText: "D\u00FCzenle", headerButtonAction: function () { return console.log("category edit"); }, onHeaderClick: function () { return console.log("category navigate"); }, headerButtonWidth: "120px", dropdownList: categoryDropdownList, dropdownWidth: "200px", list: [], subcategoryList: [
+                    {
+                        name: "Blend",
+                        middleTitle: "7 ürün",
+                        hasDropdown: true,
+                        dropdownList: categoryDropdownList,
+                        dropdownWidth: "200px",
+                        buttonAction: function () { return console.log("subcategory edit"); },
+                        onClick: function () { return console.log("subcategory navigate"); },
+                    },
+                    {
+                        name: "Single orjin",
+                        middleTitle: "3 ürün",
+                        hasDropdown: true,
+                        dropdownList: categoryDropdownList,
+                        dropdownWidth: "200px",
+                        buttonAction: function () { return console.log("subcategory edit"); },
+                        onClick: function () { return console.log("subcategory navigate"); },
+                    },
+                ] }), (0, jsx_runtime_1.jsx)(DescriptionCard_1.default, { title: "\u00D6\u011F\u00FCt\u00FClm\u00FC\u015F kahve", middleTitle: "7 \u00FCr\u00FCn", hasCategoryPadding: true, hasHeader: true, hasRounded: true, hasBorder: true, hasHeaderBorder: true, hasHeaderButton: true, hasHeaderDropdown: true, headerButtonText: "D\u00FCzenle", headerButtonAction: function () { return console.log("category edit"); }, onHeaderClick: function () { return console.log("category navigate"); }, headerButtonWidth: "120px", dropdownList: categoryDropdownList, dropdownWidth: "200px", list: [], subcategoryList: [
+                    {
+                        name: "Terra",
+                        middleTitle: "1 ürün",
+                        hasDropdown: true,
+                        dropdownList: categoryDropdownList,
+                        dropdownWidth: "200px",
+                        buttonAction: function () { return console.log("subcategory edit"); },
+                        onClick: function () { return console.log("subcategory navigate"); },
+                    },
+                ] }), (0, jsx_runtime_1.jsx)(DescriptionCard_1.default, { title: "Espresso", middleTitle: "1 \u00FCr\u00FCn", hasCategoryPadding: true, hasHeader: true, hasRounded: true, hasBorder: true, hasHeaderBorder: true, hasHeaderButton: true, hasHeaderDropdown: true, headerButtonText: "D\u00FCzenle", headerButtonAction: function () { return console.log("category edit"); }, onHeaderClick: function () { return console.log("category navigate"); }, headerButtonWidth: "120px", dropdownList: categoryDropdownList, dropdownWidth: "200px", list: [] })] }))); },
+};
+exports.AddProductToCategory = {
+    render: function () { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "900px", width: "100%" } }, { children: (0, jsx_runtime_1.jsx)(DescriptionCard_1.default, { title: "Bu kategoriye \u00FCr\u00FCn ekle", titleSize: "lg", hasHeader: true, hasRounded: true, hasBorder: true, hasHeaderBorder: true, hasHeaderBackButton: true, onHeaderBack: function () { return console.log("back clicked"); }, list: [] }) }))); },
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;

package/dist/components/Icon/iconList/Subcategory.d.ts

@@ -0,0 +1,3 @@
+export default SvgSubcategory;
+declare function SvgSubcategory(props: any): React.JSX.Element;
+import * as React from "react";

package/dist/components/Icon/iconList/Subcategory.js

@@ -0,0 +1,40 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var SvgSubcategory = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M18.707 13.293L14.707 9.293C14.5189 9.10829 14.2655 9.00533 14.0019 9.00652C13.7383 9.00772 13.4858 9.11297 13.2994 9.29937C13.113 9.48578 13.0077 9.73826 13.0065 10.0019C13.0053 10.2655 13.1083 10.5189 13.293 10.707L15.5859 13H8V6C8 5.73478 7.89464 5.48043 7.70711 5.29289C7.51957 5.10536 7.26522 5 7 5C6.73478 5 6.48043 5.10536 6.29289 5.29289C6.10536 5.48043 6 5.73478 6 6V14C5.99997 14.1313 6.02581 14.2614 6.07605 14.3827C6.12629 14.5041 6.19995 14.6143 6.29282 14.7072C6.38568 14.8 6.49594 14.8737 6.61728 14.9239C6.73862 14.9742 6.86867 15 7 15H15.5859L13.2929 17.293C13.1991 17.3856 13.1246 17.4959 13.0736 17.6175C13.0225 17.739 12.996 17.8695 12.9956 18.0013C12.9952 18.1332 13.0209 18.2638 13.0711 18.3857C13.1214 18.5075 13.1953 18.6183 13.2885 18.7115C13.3817 18.8047 13.4925 18.8786 13.6144 18.9288C13.7362 18.9791 13.8669 19.0048 13.9987 19.0043C14.1305 19.0039 14.261 18.9774 14.3825 18.9264C14.5041 18.8754 14.6144 18.8008 14.707 18.707L18.707 14.707C18.7999 14.6142 18.8735 14.504 18.9238 14.3826C18.9741 14.2613 18.9999 14.1313 18.9999 14C18.9999 13.8687 18.9741 13.7387 18.9238 13.6174C18.8735 13.496 18.7999 13.3858 18.707 13.293Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M18.707 13.293L14.707 9.293C14.5189 9.10829 14.2655 9.00533 14.0019 9.00652C13.7383 9.00772 13.4858 9.11297 13.2994 9.29937C13.113 9.48578 13.0077 9.73826 13.0065 10.0019C13.0053 10.2655 13.1083 10.5189 13.293 10.707L15.5859 13H8V6C8 5.73478 7.89464 5.48043 7.70711 5.29289C7.51957 5.10536 7.26522 5 7 5C6.73478 5 6.48043 5.10536 6.29289 5.29289C6.10536 5.48043 6 5.73478 6 6V14C5.99997 14.1313 6.02581 14.2614 6.07605 14.3827C6.12629 14.5041 6.19995 14.6143 6.29282 14.7072C6.38568 14.8 6.49594 14.8737 6.61728 14.9239C6.73862 14.9742 6.86867 15 7 15H15.5859L13.2929 17.293C13.1991 17.3856 13.1246 17.4959 13.0736 17.6175C13.0225 17.739 12.996 17.8695 12.9956 18.0013C12.9952 18.1332 13.0209 18.2638 13.0711 18.3857C13.1214 18.5075 13.1953 18.6183 13.2885 18.7115C13.3817 18.8047 13.4925 18.8786 13.6144 18.9288C13.7362 18.9791 13.8669 19.0048 13.9987 19.0043C14.1305 19.0039 14.261 18.9774 14.3825 18.9264C14.5041 18.8754 14.6144 18.8008 14.707 18.707L18.707 14.707C18.7999 14.6142 18.8735 14.504 18.9238 14.3826C18.9741 14.2613 18.9999 14.1313 18.9999 14C18.9999 13.8687 18.9741 13.7387 18.9238 13.6174C18.8735 13.496 18.7999 13.3858 18.707 13.293Z", fill: "currentColor", fillOpacity: 0.2 }), (0, jsx_runtime_1.jsx)("path", { d: "M18.707 13.293L14.707 9.293C14.5189 9.10829 14.2655 9.00533 14.0019 9.00652C13.7383 9.00772 13.4858 9.11297 13.2994 9.29937C13.113 9.48578 13.0077 9.73826 13.0065 10.0019C13.0053 10.2655 13.1083 10.5189 13.293 10.707L15.5859 13H8V6C8 5.73478 7.89464 5.48043 7.70711 5.29289C7.51957 5.10536 7.26522 5 7 5C6.73478 5 6.48043 5.10536 6.29289 5.29289C6.10536 5.48043 6 5.73478 6 6V14C5.99997 14.1313 6.02581 14.2614 6.07605 14.3827C6.12629 14.5041 6.19995 14.6143 6.29282 14.7072C6.38568 14.8 6.49594 14.8737 6.61728 14.9239C6.73862 14.9742 6.86867 15 7 15H15.5859L13.2929 17.293C13.1991 17.3856 13.1246 17.4959 13.0736 17.6175C13.0225 17.739 12.996 17.8695 12.9956 18.0013C12.9952 18.1332 13.0209 18.2638 13.0711 18.3857C13.1214 18.5075 13.1953 18.6183 13.2885 18.7115C13.3817 18.8047 13.4925 18.8786 13.6144 18.9288C13.7362 18.9791 13.8669 19.0048 13.9987 19.0043C14.1305 19.0039 14.261 18.9774 14.3825 18.9264C14.5041 18.8754 14.6144 18.8008 14.707 18.707L18.707 14.707C18.7999 14.6142 18.8735 14.504 18.9238 14.3826C18.9741 14.2613 18.9999 14.1313 18.9999 14C18.9999 13.8687 18.9741 13.7387 18.9238 13.6174C18.8735 13.496 18.7999 13.3858 18.707 13.293Z", fill: "currentColor", fillOpacity: 0.2 })] }))); };
+exports.default = SvgSubcategory;

package/dist/components/Icon/iconList/index.d.ts

@@ -575,6 +575,9 @@ export namespace iconList {
     function StarfullXSmall({ ...props }: {
         [x: string]: any;
     }): import("react").JSX.Element;
+    function Subcategory({ ...props }: {
+        [x: string]: any;
+    }): import("react").JSX.Element;
     function Swap({ ...props }: {
         [x: string]: any;
     }): import("react").JSX.Element;
@@ -975,6 +978,7 @@ import { default as StarCircle } from "./StarCircle";
 import { default as Starfull } from "./Starfull";
 import { default as StarfullSmall } from "./StarfullSmall";
 import { default as StarfullXSmall } from "./StarfullXSmall";
+import { default as Subcategory } from "./Subcategory";
 import { default as Swap } from "./Swap";
 import { default as SwitchPassive } from "./SwitchPassive";
 import { default as Tamamlarsin } from "./Tamamlarsin";
@@ -1044,4 +1048,4 @@ import { default as UserPlusLg } from "./UserPlusLg";
 import { default as Wphk } from "./Wphk";
 import { default as Youtubehk } from "./Youtubehk";
 import { default as Youtubewithfooter } from "./Youtubewithfooter";
-export { Activity, Announcement, ArrowDown, ArrowDownAnimate, ArrowDownBig, ArrowDownCircle, ArrowDownSquare, ArrowGoSmall, ArrowLeft, ArrowLeftAnimate, ArrowLeftBig, ArrowLeftCircle, ArrowLeftSquare, ArrowRight, ArrowRightAnimate, ArrowRightBig, ArrowRightCircle, ArrowRightSquare, ArrowShare, ArrowSharemini, ArrowSmallDown, ArrowSmallDownStroke, ArrowSmallLeft, ArrowSmallLeftStroke, ArrowSmallRight, ArrowSmallRightBackground, ArrowSmallRightStroke, ArrowSmallUp, ArrowUp, ArrowUpAnimate, ArrowUpBig, ArrowUpCircle, ArrowUpSquare, AskedQuestions, Baby, BackCargo2, BackCargosmall, Backcargo, Bag2, Bag, BagCircleFilled, BagStar, Bookmark, Box, Buy, BuyXl, Calendar, CalenderArrowleftsmall, Calenderarrowrightsmall, Call, CallMissed, CallSilent, Calling, Camera, Campaign, CampaignColorful, CarbonNautral, Cargo, Cargo2, Category, Chart, Chat, CheckMark, CheckMarkMd, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Coffee, Completed, Copy, CreditCard, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, DownloadMini, Dublearrrowrightbig, Edit, EditSquare, ElSatis, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, ForwardMd, Game, Gift, Graph, Heart, HeartLg, Hide, Home, House, Image, InfoCircle, InfoSquare, InfoSquareSmall, Instagram, InstagramNegative, Instagramwithfooter, Keyboard, KeyboardClose, Language2, Laptop, Like, LikeV1, Likesmall, Link, LinkSm, LinkedIn, Loading, LoadingDefault, Loadingsmall, Location, Lock, Login, Logout, MasterCard, Message, Minus, Money, MoneyBig, MoreCircle, MoreSquare, NegativeBig, NegativeSmall, Notification, NotificationBigwith16, NotificationBigwith24, NotificationSmallwith16, NotificationSmallwith24, Operation, OrderProgressIcons, Paper, PaperDownload, PaperFail, PaperNegative, PaperPlus, PaperUpload, Password, Pause, PauseMd, PlayMd, PlusBig, PlusCircle, PlusSmall, PlusSquare, PriceTag, Profile, RadioButtonElementChecked, RadioButtonElementDisabled, RadioButtonElementInvalid, RadioButtonElementUnchecked, Rectangle, RectanglePurple, RotateBig, Sandwatch, Scan, Search, Searchsmall, Security, Send, Setting, SettingCircle, ShieldDone, ShieldDoneLg, ShieldFail, Show, ShufflePlay, SignLanguage, Star, StarCircle, Starfull, StarfullSmall, StarfullXSmall, Swap, SwitchPassive, Tamamlarsin, ThumbCircleFilled, Tick, TickSquare, TicketStar, Ticket, TimeCircle, TimeCircleMd, TimeSquare, Trash, Twitter, TwitterFilled, Twitterhk, Twitterwithfooter, Unlock, Upload, User2, User3, Valentine, Video, Visa, Voice, Voice2, VolumeDown, VolumeOff, VolumeOffSm, VolumeUp, VolumeUpSm, Wallet, Wallet2, Watch, WaveArrowDown, WaveArrowUp, Whatsapp, Work, Wp, Wpfooter, Youtube, CircleFilled, Clab1, ClabFilled, ClabHands, Dislikesmall, Dublearrowleftbig, Facebookhk, Facebookwithfooter, GiftCard, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, Subscription, TextLoading, Tiktok, UserPlus, UserPlusLg, Wphk, Youtubehk, Youtubewithfooter };
+export { Activity, Announcement, ArrowDown, ArrowDownAnimate, ArrowDownBig, ArrowDownCircle, ArrowDownSquare, ArrowGoSmall, ArrowLeft, ArrowLeftAnimate, ArrowLeftBig, ArrowLeftCircle, ArrowLeftSquare, ArrowRight, ArrowRightAnimate, ArrowRightBig, ArrowRightCircle, ArrowRightSquare, ArrowShare, ArrowSharemini, ArrowSmallDown, ArrowSmallDownStroke, ArrowSmallLeft, ArrowSmallLeftStroke, ArrowSmallRight, ArrowSmallRightBackground, ArrowSmallRightStroke, ArrowSmallUp, ArrowUp, ArrowUpAnimate, ArrowUpBig, ArrowUpCircle, ArrowUpSquare, AskedQuestions, Baby, BackCargo2, BackCargosmall, Backcargo, Bag2, Bag, BagCircleFilled, BagStar, Bookmark, Box, Buy, BuyXl, Calendar, CalenderArrowleftsmall, Calenderarrowrightsmall, Call, CallMissed, CallSilent, Calling, Camera, Campaign, CampaignColorful, CarbonNautral, Cargo, Cargo2, Category, Chart, Chat, CheckMark, CheckMarkMd, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Coffee, Completed, Copy, CreditCard, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, DownloadMini, Dublearrrowrightbig, Edit, EditSquare, ElSatis, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, ForwardMd, Game, Gift, Graph, Heart, HeartLg, Hide, Home, House, Image, InfoCircle, InfoSquare, InfoSquareSmall, Instagram, InstagramNegative, Instagramwithfooter, Keyboard, KeyboardClose, Language2, Laptop, Like, LikeV1, Likesmall, Link, LinkSm, LinkedIn, Loading, LoadingDefault, Loadingsmall, Location, Lock, Login, Logout, MasterCard, Message, Minus, Money, MoneyBig, MoreCircle, MoreSquare, NegativeBig, NegativeSmall, Notification, NotificationBigwith16, NotificationBigwith24, NotificationSmallwith16, NotificationSmallwith24, Operation, OrderProgressIcons, Paper, PaperDownload, PaperFail, PaperNegative, PaperPlus, PaperUpload, Password, Pause, PauseMd, PlayMd, PlusBig, PlusCircle, PlusSmall, PlusSquare, PriceTag, Profile, RadioButtonElementChecked, RadioButtonElementDisabled, RadioButtonElementInvalid, RadioButtonElementUnchecked, Rectangle, RectanglePurple, RotateBig, Sandwatch, Scan, Search, Searchsmall, Security, Send, Setting, SettingCircle, ShieldDone, ShieldDoneLg, ShieldFail, Show, ShufflePlay, SignLanguage, Star, StarCircle, Starfull, StarfullSmall, StarfullXSmall, Subcategory, Swap, SwitchPassive, Tamamlarsin, ThumbCircleFilled, Tick, TickSquare, TicketStar, Ticket, TimeCircle, TimeCircleMd, TimeSquare, Trash, Twitter, TwitterFilled, Twitterhk, Twitterwithfooter, Unlock, Upload, User2, User3, Valentine, Video, Visa, Voice, Voice2, VolumeDown, VolumeOff, VolumeOffSm, VolumeUp, VolumeUpSm, Wallet, Wallet2, Watch, WaveArrowDown, WaveArrowUp, Whatsapp, Work, Wp, Wpfooter, Youtube, CircleFilled, Clab1, ClabFilled, ClabHands, Dislikesmall, Dublearrowleftbig, Facebookhk, Facebookwithfooter, GiftCard, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, Subscription, TextLoading, Tiktok, UserPlus, UserPlusLg, Wphk, Youtubehk, Youtubewithfooter };

package/dist/components/Icon/iconList/index.js

@@ -28,9 +28,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Call = exports.Calenderarrowrightsmall = exports.CalenderArrowleftsmall = exports.Calendar = exports.BuyXl = exports.Buy = exports.Box = exports.Bookmark = exports.BagStar = exports.BagCircleFilled = exports.Bag = exports.Bag2 = exports.Backcargo = exports.BackCargosmall = exports.BackCargo2 = exports.Baby = exports.AskedQuestions = exports.ArrowUpSquare = exports.ArrowUpCircle = exports.ArrowUpBig = exports.ArrowUpAnimate = exports.ArrowUp = exports.ArrowSmallUp = exports.ArrowSmallRightStroke = exports.ArrowSmallRightBackground = exports.ArrowSmallRight = exports.ArrowSmallLeftStroke = exports.ArrowSmallLeft = exports.ArrowSmallDownStroke = exports.ArrowSmallDown = exports.ArrowSharemini = exports.ArrowShare = exports.ArrowRightSquare = exports.ArrowRightCircle = exports.ArrowRightBig = exports.ArrowRightAnimate = exports.ArrowRight = exports.ArrowLeftSquare = exports.ArrowLeftCircle = exports.ArrowLeftBig = exports.ArrowLeftAnimate = exports.ArrowLeft = exports.ArrowGoSmall = exports.ArrowDownSquare = exports.ArrowDownCircle = exports.ArrowDownBig = exports.ArrowDownAnimate = exports.ArrowDown = exports.Announcement = exports.Activity = void 0;
 exports.Flash = exports.FilterUp = exports.FilterSmall = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.ElSatis = exports.EditSquare = exports.Edit = exports.Dublearrrowrightbig = exports.DownloadMini = exports.Download = exports.Document = exports.DislikeLg = exports.Dislike = exports.Discovery = exports.Discount = exports.DeleteSmall = exports.Delete = exports.DarkBadge = exports.Danger = exports.CreditCard = exports.Copy = exports.Completed = exports.Coffee = exports.Closebig = exports.CloseSquare = exports.CloseSmall = exports.CloseMedium = exports.ClickOnclick = exports.CihazTeslimAlindi = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.CheckMarkMd = exports.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.CarbonNautral = exports.CampaignColorful = exports.Campaign = exports.Camera = exports.Calling = exports.CallSilent = exports.CallMissed = void 0;
 exports.OrderProgressIcons = exports.Operation = exports.NotificationSmallwith24 = exports.NotificationSmallwith16 = exports.NotificationBigwith24 = exports.NotificationBigwith16 = exports.Notification = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.MoneyBig = exports.Money = exports.Minus = exports.Message = exports.MasterCard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loadingsmall = exports.LoadingDefault = exports.Loading = exports.LinkedIn = exports.LinkSm = exports.Link = exports.Likesmall = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.Instagramwithfooter = exports.InstagramNegative = exports.Instagram = exports.InfoSquareSmall = exports.InfoSquare = exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = exports.HeartLg = exports.Heart = exports.Graph = exports.Gift = exports.Game = exports.ForwardMd = exports.Folder = void 0;
-exports.Ticket = exports.TicketStar = exports.TickSquare = exports.Tick = exports.ThumbCircleFilled = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.StarfullXSmall = exports.StarfullSmall = exports.Starfull = exports.StarCircle = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDoneLg = exports.ShieldDone = exports.SettingCircle = exports.Setting = exports.Send = exports.Security = exports.Searchsmall = exports.Search = exports.Scan = exports.Sandwatch = exports.RotateBig = exports.RectanglePurple = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.PriceTag = exports.PlusSquare = exports.PlusSmall = exports.PlusCircle = exports.PlusBig = exports.PlayMd = exports.PauseMd = exports.Pause = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = void 0;
-exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = exports.GiftCard = exports.Facebookwithfooter = exports.Facebookhk = exports.Dublearrowleftbig = exports.Dislikesmall = exports.ClabHands = exports.ClabFilled = exports.Clab1 = exports.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = exports.VolumeUpSm = exports.VolumeUp = exports.VolumeOffSm = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = exports.Valentine = exports.User3 = exports.User2 = exports.Upload = exports.Unlock = exports.Twitterwithfooter = exports.Twitterhk = exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircleMd = exports.TimeCircle = void 0;
-exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlusLg = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.Subscription = exports.RotateRight = exports.Play = exports.NewYear = void 0;
+exports.TicketStar = exports.TickSquare = exports.Tick = exports.ThumbCircleFilled = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.Subcategory = exports.StarfullXSmall = exports.StarfullSmall = exports.Starfull = exports.StarCircle = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDoneLg = exports.ShieldDone = exports.SettingCircle = exports.Setting = exports.Send = exports.Security = exports.Searchsmall = exports.Search = exports.Scan = exports.Sandwatch = exports.RotateBig = exports.RectanglePurple = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.PriceTag = exports.PlusSquare = exports.PlusSmall = exports.PlusCircle = exports.PlusBig = exports.PlayMd = exports.PauseMd = exports.Pause = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = void 0;
+exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = exports.GiftCard = exports.Facebookwithfooter = exports.Facebookhk = exports.Dublearrowleftbig = exports.Dislikesmall = exports.ClabHands = exports.ClabFilled = exports.Clab1 = exports.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = exports.VolumeUpSm = exports.VolumeUp = exports.VolumeOffSm = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = exports.Valentine = exports.User3 = exports.User2 = exports.Upload = exports.Unlock = exports.Twitterwithfooter = exports.Twitterhk = exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircleMd = exports.TimeCircle = exports.Ticket = void 0;
+exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlusLg = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.Subscription = exports.RotateRight = exports.Play = exports.NewYear = exports.More = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Activity_1 = __importDefault(require("./Activity"));
 Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
@@ -416,6 +416,8 @@ var StarfullSmall_1 = __importDefault(require("./StarfullSmall"));
 Object.defineProperty(exports, "StarfullSmall", { enumerable: true, get: function () { return StarfullSmall_1.default; } });
 var StarfullXSmall_1 = __importDefault(require("./StarfullXSmall"));
 Object.defineProperty(exports, "StarfullXSmall", { enumerable: true, get: function () { return StarfullXSmall_1.default; } });
+var Subcategory_1 = __importDefault(require("./Subcategory"));
+Object.defineProperty(exports, "Subcategory", { enumerable: true, get: function () { return Subcategory_1.default; } });
 var Swap_1 = __importDefault(require("./Swap"));
 Object.defineProperty(exports, "Swap", { enumerable: true, get: function () { return Swap_1.default; } });
 var SwitchPassive_1 = __importDefault(require("./SwitchPassive"));
@@ -1323,6 +1325,10 @@ exports.iconList = {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(StarfullXSmall_1.default, __assign({}, props));
     },
+    Subcategory: function (_a) {
+        var props = __rest(_a, []);
+        return (0, jsx_runtime_1.jsx)(Subcategory_1.default, __assign({}, props));
+    },
     Swap: function (_a) {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(Swap_1.default, __assign({}, props));

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

@@ -1,3 +1,3 @@
 import React from "react";
-declare const _default: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasButton, buttonOnClick, buttonText, }: import("./props").ProductCardVertical) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, component, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasSquareFillImage, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, hasSingleLineDescription, hasButton, buttonOnClick, buttonText, }: import("./props").ProductCardVertical) => React.JSX.Element>;
 export default _default;

package/dist/components/ProductCardVertical/ProductCardVertical.js

@@ -26,17 +26,19 @@ var CardLinkComponent = (0, react_1.memo)(function (_a) {
     return Component ? (0, jsx_runtime_1.jsx)(Component, __assign({ href: slug }, { children: children })) : (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CardLink, __assign({ href: slug }, { children: children }));
 });
 var ProductCardVertical = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? props_1.ProductCardVerticalDefault.title : _b, _c = _a.description, description = _c === void 0 ? props_1.ProductCardVerticalDefault.description : _c, _d = _a.hasDiscount, hasDiscount = _d === void 0 ? props_1.ProductCardVerticalDefault.hasDiscount : _d, _e = _a.price, price = _e === void 0 ? props_1.ProductCardVerticalDefault.price : _e, _f = _a.oldPrice, oldPrice = _f === void 0 ? props_1.ProductCardVerticalDefault.oldPrice : _f, _g = _a.oldPricePeriod, oldPricePeriod = _g === void 0 ? props_1.ProductCardVerticalDefault.oldPricePeriod : _g, _h = _a.slug, slug = _h === void 0 ? props_1.ProductCardVerticalDefault.slug : _h, _j = _a.component, component = _j === void 0 ? props_1.ProductCardVerticalDefault.component : _j, _k = _a.period, period = _k === void 0 ? props_1.ProductCardVerticalDefault.period : _k, _l = _a.discountRate, discountRate = _l === void 0 ? props_1.ProductCardVerticalDefault.discountRate : _l, _m = _a.isResponsive, isResponsive = _m === void 0 ? props_1.ProductCardVerticalDefault.isResponsive : _m, _o = _a.image, image = _o === void 0 ? props_1.ProductCardVerticalDefault.image : _o, _p = _a.hasCustomBadge, hasCustomBadge = _p === void 0 ? props_1.ProductCardVerticalDefault.hasCustomBadge : _p, _q = _a.customBadge, customBadge = _q === void 0 ? props_1.ProductCardVerticalDefault.customBadge : _q, _r = _a.hasNewImageType, hasNewImageType = _r === void 0 ? props_1.ProductCardVerticalDefault.hasNewImageType : _r, _s = _a.hasOutOfStock, hasOutOfStock = _s === void 0 ? props_1.ProductCardVerticalDefault.hasOutOfStock : _s, _t = _a.hasBeltBadge, hasBeltBadge = _t === void 0 ? props_1.ProductCardVerticalDefault.hasBeltBadge : _t, _u = _a.beltBadgeVariant, beltBadgeVariant = _u === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeVariant : _u, _v = _a.beltBadgeTitle, beltBadgeTitle = _v === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeTitle : _v, _w = _a.imageInfoText, imageInfoText = _w === void 0 ? props_1.ProductCardVerticalDefault.imageInfoText : _w, _x = _a.imageInfoTextVariant, imageInfoTextVariant = _x === void 0 ? props_1.ProductCardVerticalDefault.imageInfoTextVariant : _x, _y = _a.isShowOldPrice, isShowOldPrice = _y === void 0 ? props_1.ProductCardVerticalDefault.isShowOldPrice : _y, _z = _a.isOldPricePeriodUnderline, isOldPricePeriodUnderline = _z === void 0 ? props_1.ProductCardVerticalDefault.isOldPricePeriodUnderline : _z, _0 = _a.hasImageOffset, hasImageOffset = _0 === void 0 ? props_1.ProductCardVerticalDefault.hasImageOffset : _0, _1 = _a.hasButton, hasButton = _1 === void 0 ? props_1.ProductCardVerticalDefault.hasButton : _1, _2 = _a.buttonOnClick, buttonOnClick = _2 === void 0 ? props_1.ProductCardVerticalDefault.buttonOnClick : _2, _3 = _a.buttonText, buttonText = _3 === void 0 ? props_1.ProductCardVerticalDefault.buttonText : _3;
+    var _b = _a.title, title = _b === void 0 ? props_1.ProductCardVerticalDefault.title : _b, _c = _a.description, description = _c === void 0 ? props_1.ProductCardVerticalDefault.description : _c, _d = _a.hasDiscount, hasDiscount = _d === void 0 ? props_1.ProductCardVerticalDefault.hasDiscount : _d, _e = _a.price, price = _e === void 0 ? props_1.ProductCardVerticalDefault.price : _e, _f = _a.oldPrice, oldPrice = _f === void 0 ? props_1.ProductCardVerticalDefault.oldPrice : _f, _g = _a.oldPricePeriod, oldPricePeriod = _g === void 0 ? props_1.ProductCardVerticalDefault.oldPricePeriod : _g, _h = _a.slug, slug = _h === void 0 ? props_1.ProductCardVerticalDefault.slug : _h, _j = _a.component, component = _j === void 0 ? props_1.ProductCardVerticalDefault.component : _j, _k = _a.period, period = _k === void 0 ? props_1.ProductCardVerticalDefault.period : _k, _l = _a.discountRate, discountRate = _l === void 0 ? props_1.ProductCardVerticalDefault.discountRate : _l, _m = _a.isResponsive, isResponsive = _m === void 0 ? props_1.ProductCardVerticalDefault.isResponsive : _m, _o = _a.image, image = _o === void 0 ? props_1.ProductCardVerticalDefault.image : _o, _p = _a.hasCustomBadge, hasCustomBadge = _p === void 0 ? props_1.ProductCardVerticalDefault.hasCustomBadge : _p, _q = _a.customBadge, customBadge = _q === void 0 ? props_1.ProductCardVerticalDefault.customBadge : _q, _r = _a.hasNewImageType, hasNewImageType = _r === void 0 ? props_1.ProductCardVerticalDefault.hasNewImageType : _r, _s = _a.hasSquareFillImage, hasSquareFillImage = _s === void 0 ? props_1.ProductCardVerticalDefault.hasSquareFillImage : _s, _t = _a.hasOutOfStock, hasOutOfStock = _t === void 0 ? props_1.ProductCardVerticalDefault.hasOutOfStock : _t, _u = _a.hasBeltBadge, hasBeltBadge = _u === void 0 ? props_1.ProductCardVerticalDefault.hasBeltBadge : _u, _v = _a.beltBadgeVariant, beltBadgeVariant = _v === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeVariant : _v, _w = _a.beltBadgeTitle, beltBadgeTitle = _w === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeTitle : _w, _x = _a.imageInfoText, imageInfoText = _x === void 0 ? props_1.ProductCardVerticalDefault.imageInfoText : _x, _y = _a.imageInfoTextVariant, imageInfoTextVariant = _y === void 0 ? props_1.ProductCardVerticalDefault.imageInfoTextVariant : _y, _z = _a.isShowOldPrice, isShowOldPrice = _z === void 0 ? props_1.ProductCardVerticalDefault.isShowOldPrice : _z, _0 = _a.isOldPricePeriodUnderline, isOldPricePeriodUnderline = _0 === void 0 ? props_1.ProductCardVerticalDefault.isOldPricePeriodUnderline : _0, _1 = _a.hasImageOffset, hasImageOffset = _1 === void 0 ? props_1.ProductCardVerticalDefault.hasImageOffset : _1, _2 = _a.hasSingleLineDescription, hasSingleLineDescription = _2 === void 0 ? props_1.ProductCardVerticalDefault.hasSingleLineDescription : _2, _3 = _a.hasButton, hasButton = _3 === void 0 ? props_1.ProductCardVerticalDefault.hasButton : _3, _4 = _a.buttonOnClick, buttonOnClick = _4 === void 0 ? props_1.ProductCardVerticalDefault.buttonOnClick : _4, _5 = _a.buttonText, buttonText = _5 === void 0 ? props_1.ProductCardVerticalDefault.buttonText : _5;
     var t = (0, react_i18next_1.useTranslation)().t;
     var badgeOffset = isResponsive ? "16px" : "8px";
     var cardProps = {
         $isResponsive: isResponsive,
         $discountRate: discountRate,
         $hasNewImageType: hasNewImageType,
+        $hasSquareFillImage: hasSquareFillImage,
         $hasOutOfStock: hasOutOfStock,
         $imageInfoTextVariant: imageInfoTextVariant,
         $isOldPricePeriodUnderline: isOldPricePeriodUnderline,
         $hasImageOffset: hasImageOffset,
+        $hasSingleLineDescription: hasSingleLineDescription,
     };
     var hasSlug = Boolean(slug && String(slug).trim());
     var handleButtonClick = function (e) {
@@ -44,7 +46,7 @@ var ProductCardVertical = function (_a) {
         e.stopPropagation();
         buttonOnClick === null || buttonOnClick === void 0 ? void 0 : buttonOnClick(e);
     };
-    var cardBody = ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.CardBody, { children: [hasBeltBadge && !hasCustomBadge && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CartBadge, __assign({ "$isResponsive": isResponsive, "$isInset": false }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { variant: beltBadgeVariant, size: "medium", left: badgeOffset, top: badgeOffset, title: beltBadgeTitle }) }))), hasCustomBadge && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CartBadge, __assign({ "$isResponsive": isResponsive, "$isInset": true }, { children: customBadge }))), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ImageSection, __assign({}, cardProps, { children: [image, hasOutOfStock && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OutOfStock, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "light", title: t("ALL_RENTED") }) })), imageInfoText && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ImageInfoText, __assign({}, cardProps, { dangerouslySetInnerHTML: { __html: imageInfoText } })))] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ProductCardContent, __assign({ "$isResponsive": isResponsive }, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductTitle, __assign({ "$hasOutOfStock": hasOutOfStock, "$isResponsive": isResponsive }, { children: title })), (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductDescription, __assign({ "$isResponsive": isResponsive }, { children: description })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.PriceLayout, __assign({}, cardProps, { children: [discountRate > 0 && (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.DiscountPill, __assign({ "$isResponsive": isResponsive }, { children: ["%", discountRate] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.PriceStack, { children: [oldPrice && isShowOldPrice && ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.OldPrice, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OldPriceAmount, __assign({ "$isResponsive": isResponsive }, { children: oldPrice })), oldPricePeriod && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OldPricePeriod, __assign({ "$isOldPricePeriodUnderline": isOldPricePeriodUnderline }, { children: "/".concat(oldPricePeriod) })))] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.NewPrice, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.NewPriceAmount, __assign({ "$isResponsive": isResponsive }, { children: price })), period && (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.NewPricePeriod, __assign({ "$isResponsive": isResponsive }, { children: "/".concat(period) }))] })] })] }))] }))] }));
+    var cardBody = ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.CardBody, { children: [hasBeltBadge && !hasCustomBadge && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CartBadge, __assign({ "$isResponsive": isResponsive, "$isInset": false }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { variant: beltBadgeVariant, size: "medium", left: badgeOffset, top: badgeOffset, title: beltBadgeTitle }) }))), hasCustomBadge && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CartBadge, __assign({ "$isResponsive": isResponsive, "$isInset": true }, { children: customBadge }))), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ImageSection, __assign({}, cardProps, { children: [image, hasOutOfStock && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OutOfStock, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "light", title: t("ALL_RENTED") }) })), imageInfoText && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ImageInfoText, __assign({}, cardProps, { dangerouslySetInnerHTML: { __html: imageInfoText } })))] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ProductCardContent, __assign({ "$isResponsive": isResponsive }, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductTitle, __assign({ "$hasOutOfStock": hasOutOfStock, "$isResponsive": isResponsive }, { children: title })), (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductDescription, __assign({}, cardProps, { children: description })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.PriceLayout, __assign({}, cardProps, { children: [discountRate > 0 && (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.DiscountPill, __assign({ "$isResponsive": isResponsive }, { children: ["%", discountRate] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.PriceStack, { children: [oldPrice && isShowOldPrice && ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.OldPrice, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OldPriceAmount, __assign({ "$isResponsive": isResponsive }, { children: oldPrice })), oldPricePeriod && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.OldPricePeriod, __assign({ "$isOldPricePeriodUnderline": isOldPricePeriodUnderline }, { children: "/".concat(oldPricePeriod) })))] })), (0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.NewPrice, { children: [(0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.NewPriceAmount, __assign({ "$isResponsive": isResponsive }, { children: price })), period && (0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.NewPricePeriod, __assign({ "$isResponsive": isResponsive }, { children: "/".concat(period) }))] })] })] }))] }))] }));
     return ((0, jsx_runtime_1.jsxs)(ProductCardVertical_styled_1.ProductCardVerticalStyled, __assign({}, cardProps, { children: [hasSlug ? ((0, jsx_runtime_1.jsx)(CardLinkComponent, __assign({ component: component, slug: slug }, { children: cardBody }))) : (cardBody), hasButton && ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.CardButton, __assign({ "$isResponsive": isResponsive }, { children: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: handleButtonClick, size: "xsmall", width: "100%", variant: "primary" }, { children: buttonText })) })))] })));
 };
 exports.default = (0, react_1.memo)(ProductCardVertical);

package/dist/components/ProductCardVertical/ProductCardVertical.styled.js

@@ -24,17 +24,22 @@ exports.CartBadge = styled_components_1.default.div(templateObject_4 || (templat
     return p.$isResponsive &&
         responsiveSm("\n    ".concat(p.$isInset ? "left: 15px; top: 8px;" : "", "\n  "));
 });
-exports.ImageSection = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-radius: 0.5rem;\n  border: 1px solid var(--dark-opacity-5);\n  background: #fff;\n  position: relative;\n  overflow: hidden;\n  height: 150px;\n  box-sizing: border-box;\n  z-index: 1;\n  text-align: center;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  border-radius: 0.5rem;\n  border: 1px solid var(--dark-opacity-5);\n  background: #fff;\n  position: relative;\n  overflow: hidden;\n  height: 150px;\n  box-sizing: border-box;\n  z-index: 1;\n  text-align: center;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (props) {
-    return props.$hasImageOffset
-        ? "\n    padding: 0.5rem;\n  "
-        : "\n    padding: 0;\n    background-color: var(--dark-opacity-5);\n  ";
+exports.ImageSection = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  border-radius: 0.5rem;\n  border: 1px solid var(--dark-opacity-5);\n  background: #fff;\n  position: relative;\n  overflow: hidden;\n  height: ", ";\n  aspect-ratio: ", ";\n  box-sizing: border-box;\n  z-index: 1;\n  text-align: center;\n\n  ", "\n\n  ", "\n\n  ", "\n"], ["\n  border-radius: 0.5rem;\n  border: 1px solid var(--dark-opacity-5);\n  background: #fff;\n  position: relative;\n  overflow: hidden;\n  height: ", ";\n  aspect-ratio: ", ";\n  box-sizing: border-box;\n  z-index: 1;\n  text-align: center;\n\n  ", "\n\n  ", "\n\n  ", "\n"])), function (props) { return (props.$hasSquareFillImage ? "auto" : "150px"); }, function (props) { return (props.$hasSquareFillImage ? "1 / 1" : "auto"); }, function (props) {
+    return props.$hasSquareFillImage
+        ? "\n    padding: 0;\n    background-color: var(--dark-opacity-5);\n\n    > img,\n    > *:first-child {\n      position: absolute;\n      inset: 0;\n      width: 100%;\n      height: 100%;\n      display: block;\n    }\n\n    > img,\n    > *:first-child,\n    > *:first-child img,\n    > *:first-child * {\n      width: 100% !important;\n      height: 100% !important;\n      aspect-ratio: 1 / 1 !important;\n      object-fit: cover !important;\n      max-width: 100% !important;\n    }\n  "
+        : props.$hasImageOffset
+            ? "\n    padding: 0.5rem;\n  "
+            : "\n    padding: 0;\n    background-color: var(--dark-opacity-5);\n  ";
 }, function (props) {
-    return props.$hasNewImageType
-        ? "\n    * {\n      height: 100% !important;\n      object-fit: ".concat(props.$hasImageOffset ? "contain" : "cover", ";\n      max-width: 100% !important;\n    }\n  ")
-        : "\n    > * {\n      width: 100%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    * {\n      height: calc(100% - 0.5rem) !important;\n      aspect-ratio: 1 / 1 !important;\n    }\n  ";
+    return !props.$hasSquareFillImage &&
+        (props.$hasNewImageType
+            ? "\n    * {\n      height: 100% !important;\n      object-fit: ".concat(props.$hasImageOffset ? "contain" : "cover", ";\n      max-width: 100% !important;\n    }\n  ")
+            : "\n    > * {\n      width: 100%;\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n    * {\n      height: calc(100% - 0.5rem) !important;\n      aspect-ratio: 1 / 1 !important;\n    }\n  ");
 }, function (props) {
     return props.$isResponsive &&
-        responsiveSm("height: 215px;");
+        responsiveSm(props.$hasSquareFillImage
+            ? "height: auto; aspect-ratio: 1 / 1;"
+            : "height: 215px;");
 });
 exports.OutOfStock = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  width: 100% !important;\n  height: 100% !important;\n  background-color: #babbc280;\n  position: absolute;\n  inset: 0;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  > div {\n    height: 17px !important;\n    aspect-ratio: initial !important;\n  }\n"], ["\n  width: 100% !important;\n  height: 100% !important;\n  background-color: #babbc280;\n  position: absolute;\n  inset: 0;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  > div {\n    height: 17px !important;\n    aspect-ratio: initial !important;\n  }\n"])));
 exports.ImageInfoText = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  top: auto !important;\n  width: 100%;\n  height: 24px !important;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  border-radius: 0;\n  transform: none;\n  aspect-ratio: initial !important;\n  font: var(--caption-semi-bold-10-12);\n\n  ", "\n\n  strong {\n    font: var(--caption-bold-10-12);\n    height: auto !important;\n    aspect-ratio: initial !important;\n    margin-right: 2px;\n  }\n\n  ", "\n"], ["\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  top: auto !important;\n  width: 100%;\n  height: 24px !important;\n  align-items: center;\n  justify-content: center;\n  display: flex;\n  border-radius: 0;\n  transform: none;\n  aspect-ratio: initial !important;\n  font: var(--caption-semi-bold-10-12);\n\n  ", "\n\n  strong {\n    font: var(--caption-bold-10-12);\n    height: auto !important;\n    aspect-ratio: initial !important;\n    margin-right: 2px;\n  }\n\n  ", "\n"])), function (props) {
@@ -50,15 +55,15 @@ exports.ProductTitle = styled_components_1.default.strong(templateObject_9 || (t
     return props.$isResponsive &&
         responsiveSm("\n    height: 44px;\n    font: var(--headline-bold-18-22);\n  ");
 });
-exports.ProductDescription = styled_components_1.default.p(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: block;\n  margin-top: 0.5rem;\n  color: var(--grey-40);\n  margin-bottom: 1.5rem;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  height: 34px;\n  word-break: break-word;\n  font: var(--body-medium-14-17);\n\n  ", "\n"], ["\n  display: block;\n  margin-top: 0.5rem;\n  color: var(--grey-40);\n  margin-bottom: 1.5rem;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  height: 34px;\n  word-break: break-word;\n  font: var(--body-medium-14-17);\n\n  ", "\n"])), function (props) {
+exports.ProductDescription = styled_components_1.default.p(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  display: block;\n  margin-top: 0.5rem;\n  color: var(--grey-40);\n  margin-bottom: ", ";\n  display: -webkit-box;\n  -webkit-line-clamp: ", ";\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  height: ", ";\n  word-break: break-word;\n  font: var(--body-medium-14-17);\n\n  ", "\n"], ["\n  display: block;\n  margin-top: 0.5rem;\n  color: var(--grey-40);\n  margin-bottom: ", ";\n  display: -webkit-box;\n  -webkit-line-clamp: ", ";\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  height: ", ";\n  word-break: break-word;\n  font: var(--body-medium-14-17);\n\n  ", "\n"])), function (props) { return (props.$hasSingleLineDescription ? "1rem" : "1.5rem"); }, function (props) { return (props.$hasSingleLineDescription ? 1 : 2); }, function (props) { return (props.$hasSingleLineDescription ? "17px" : "34px"); }, function (props) {
     return props.$isResponsive &&
-        responsiveSm("\n    margin-bottom: 1.5rem;\n    height: 37px;\n    font: var(--title-medium-16-19);\n  ");
+        responsiveSm("\n    margin-bottom: ".concat(props.$hasSingleLineDescription ? "1rem" : "1.5rem", ";\n    height: ").concat(props.$hasSingleLineDescription ? "19px" : "37px", ";\n    font: var(--title-medium-16-19);\n  "));
 });
 exports.PriceLayout = styled_components_1.default.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  display: grid;\n  align-items: ", ";\n  justify-content: flex-start;\n  height: 36px;\n  grid-template-columns: ", ";\n  color: ", ";\n\n  ", "\n"], ["\n  display: grid;\n  align-items: ", ";\n  justify-content: flex-start;\n  height: 36px;\n  grid-template-columns: ", ";\n  color: ", ";\n\n  ", "\n"])), function (props) { return (props.$discountRate ? "center" : "end"); }, function (props) { return (props.$discountRate ? "auto 1fr" : "1fr"); }, function (props) { return (props.$hasOutOfStock ? "var(--dark-opacity-50)" : "var(--dark)"); }, function (props) {
     return props.$isResponsive &&
         responsiveSm("height: 48px;");
 });
-exports.DiscountPill = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  margin-right: 0.5rem;\n  width: 48px;\n  height: 36px;\n  border-radius: 0.5rem;\n  background-color: var(--primary-opacity-10);\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font: var(--body-extra-bold-13-16);\n\n  ", "\n"], ["\n  margin-right: 0.5rem;\n  width: 48px;\n  height: 36px;\n  border-radius: 0.5rem;\n  background-color: var(--primary-opacity-10);\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font: var(--body-extra-bold-13-16);\n\n  ", "\n"])), function (props) {
+exports.DiscountPill = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  margin-right: 0.5rem;\n  width: 47px;\n  height: 34px;\n  border-radius: 0.5rem;\n  background-color: var(--primary-opacity-10);\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font: var(--body-extra-bold-13-16);\n\n  ", "\n"], ["\n  margin-right: 0.5rem;\n  width: 47px;\n  height: 34px;\n  border-radius: 0.5rem;\n  background-color: var(--primary-opacity-10);\n  color: var(--primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font: var(--body-extra-bold-13-16);\n\n  ", "\n"])), function (props) {
     return props.$isResponsive &&
         responsiveSm("\n    width: 65px;\n    height: 48px;\n    font: var(--title-extra-bold-16-19);\n  ");
 });
@@ -70,7 +75,7 @@ exports.OldPriceAmount = styled_components_1.default.div(templateObject_15 || (t
 });
 exports.OldPricePeriod = styled_components_1.default.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  font: var(--caption-regular-12-15);\n  ", "\n"], ["\n  font: var(--caption-regular-12-15);\n  ", "\n"])), function (props) { return props.$isOldPricePeriodUnderline && "text-decoration: line-through;"; });
 exports.NewPrice = styled_components_1.default.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  align-items: end;\n  justify-content: flex-start;\n"], ["\n  display: flex;\n  align-items: end;\n  justify-content: flex-start;\n"])));
-exports.NewPriceAmount = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  margin-right: 4px;\n  font: var(--body-extra-bold-14-17);\n\n  ", "\n"], ["\n  margin-right: 4px;\n  font: var(--body-extra-bold-14-17);\n\n  ", "\n"])), function (props) {
+exports.NewPriceAmount = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  margin-right: 4px;\n  font: var(--body-bold-14-17);\n\n  ", "\n"], ["\n  margin-right: 4px;\n  font: var(--body-bold-14-17);\n\n  ", "\n"])), function (props) {
     return props.$isResponsive &&
         responsiveSm("font: var(--title-extra-bold-16-19);");
 });
@@ -78,10 +83,7 @@ exports.NewPricePeriod = styled_components_1.default.div(templateObject_19 || (t
     return props.$isResponsive &&
         responsiveSm("font: var(--body-regular-14-17);");
 });
-exports.CardButton = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  padding-top: 1rem;\n  margin-top: 0.5rem;\n  ", "\n    &:before{\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background-color: var(--dark-opacity-5);\n    }\n"], ["\n  width: 100%;\n  position: relative;\n  padding-top: 1rem;\n  margin-top: 0.5rem;\n  ", "\n    &:before{\n      content: \"\";\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      height: 1px;\n      background-color: var(--dark-opacity-5);\n    }\n"])), function (props) {
-    return props.$isResponsive &&
-        responsiveSm("margin-top: 1rem;");
-});
+exports.CardButton = styled_components_1.default.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  width: 100%;\n  position: relative;\n  margin-top: 0.5rem;\n"], ["\n  width: 100%;\n  position: relative;\n  margin-top: 0.5rem;\n"])));
 /** Dış tüketimde kullanım için (root ile aynı) */
 exports.ProductCardVerticalStyled = exports.ProductCardRoot;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20;

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

@@ -19,6 +19,7 @@ export interface ProductCardVertical {
     image?: React.ReactNode;
     customBadge?: React.ReactNode;
     hasNewImageType?: boolean;
+    hasSquareFillImage?: boolean;
     hasOutOfStock?: boolean;
     hasBeltBadge?: boolean;
     isShowOldPrice?: boolean;
@@ -28,6 +29,7 @@ export interface ProductCardVertical {
     imageInfoTextVariant?: IMAGE_INFO_TEXT_VARIANT;
     isOldPricePeriodUnderline?: boolean;
     hasImageOffset?: boolean;
+    hasSingleLineDescription?: boolean;
     hasButton?: boolean;
     buttonOnClick?(e: React.MouseEvent<HTMLButtonElement>): void;
     buttonText?: string;
@@ -36,10 +38,12 @@ export interface ProductCardVerticalStyledProps {
     $discountRate?: number;
     $isResponsive?: boolean;
     $hasNewImageType?: boolean;
+    $hasSquareFillImage?: boolean;
     $hasOutOfStock?: boolean;
     $imageInfoTextVariant?: IMAGE_INFO_TEXT_VARIANT;
     $isOldPricePeriodUnderline?: boolean;
     $hasImageOffset?: boolean;
+    $hasSingleLineDescription?: boolean;
 }
 export declare const ProductCardVerticalDefault: ProductCardVertical;
 export type ProductCardVerticalProps = typeof ProductCardVerticalDefault;

package/dist/components/ProductCardVertical/props.js

@@ -18,6 +18,7 @@ exports.ProductCardVerticalDefault = {
     hasCustomBadge: false,
     customBadge: null,
     hasNewImageType: false,
+    hasSquareFillImage: false,
     hasOutOfStock: false,
     hasBeltBadge: false,
     beltBadgeVariant: "primary",
@@ -27,6 +28,7 @@ exports.ProductCardVerticalDefault = {
     isShowOldPrice: false,
     isOldPricePeriodUnderline: true,
     hasImageOffset: true,
+    hasSingleLineDescription: false,
     hasButton: false,
     buttonOnClick: null,
     buttonText: "Kirala",