krl-alfred 2.18.13 → 2.18.15

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

@@ -0,0 +1,2 @@
+export default SvgBagCircleFilled;
+declare function SvgBagCircleFilled(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/iconList/BagCircleFilled.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 SvgBagCircleFilled = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.16846 9.44876C4.16846 9.44876 4.22762 10.1729 4.24137 10.4013C4.25971 10.7075 4.37804 11.0496 4.57554 11.2871C4.85429 11.6238 5.18262 11.7425 5.62096 11.7433C6.13637 11.7442 9.88429 11.7442 10.3997 11.7433C10.838 11.7425 11.1664 11.6238 11.4451 11.2871C11.6426 11.0496 11.761 10.7075 11.7797 10.4013C11.793 10.1729 11.8522 9.44876 11.8522 9.44876", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.54004 5.22061V5.06603C6.54004 4.55769 6.95171 4.14603 7.46004 4.14603H8.53587C9.04379 4.14603 9.45587 4.55769 9.45587 5.06603L9.45629 5.22061", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M7.99788 9.94926V9.4101", stroke: "white", strokeWidth: 0.763889, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.14575 6.49545V7.94003C4.94492 8.46712 5.90242 8.83628 6.95325 8.98253C7.07909 8.52378 7.49284 8.18753 7.99575 8.18753C8.49075 8.18753 8.91283 8.52378 9.03033 8.9867C10.0853 8.84045 11.0466 8.47128 11.8499 7.94003V6.49545C11.8499 5.78962 11.282 5.22128 10.5762 5.22128H5.42367C4.71784 5.22128 4.14575 5.78962 4.14575 6.49545Z", stroke: "white", strokeWidth: 0.763889, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
+exports.default = SvgBagCircleFilled;

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

@@ -0,0 +1,2 @@
+export default SvgThumbCircleFilled;
+declare function SvgThumbCircleFilled(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/iconList/ThumbCircleFilled.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 SvgThumbCircleFilled = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("rect", { width: 16, height: 16, rx: 8, fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M6.67185 11.1085C6.67185 11.75 6.67185 11.75 6.01134 11.75H4.9105C4.25 11.75 4.25 11.75 4.25 11.1085V7.90081C4.25 7.25927 4.25 7.25927 4.9105 7.25927H6.01134C6.67185 7.25927 6.67185 7.25927 6.67185 7.90081M6.67185 11.1085C6.81863 11.2511 7.15622 11.5362 7.33235 11.5362H10.855C11.222 11.4649 11.7357 11.2188 11.2954 10.5773C11.7357 10.1496 11.7357 9.88605 11.2954 9.45836C11.6623 9.24452 11.8336 8.63605 11.3932 8.20836C11.7602 7.99452 11.9265 7.47311 11.4861 7.04542H10.4147H9.0937C9.46064 6.11876 9.7542 4.05163 8.21302 4.26543V5.67927C8.21302 5.73416 8.20247 5.78837 8.18103 5.8389C7.8699 6.57221 7.18196 7.90081 6.67185 7.90081M6.67185 11.1085V7.90081", stroke: "white", strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
+exports.default = SvgThumbCircleFilled;

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

@@ -119,6 +119,9 @@ export namespace iconList {
     function Bag({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
+    function BagCircleFilled({ ...props }: {
+        [x: string]: any;
+    }): import("react/jsx-runtime").JSX.Element;
     function BagStar({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
@@ -566,6 +569,9 @@ export namespace iconList {
     function Tamamlarsin({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
+    function ThumbCircleFilled({ ...props }: {
+        [x: string]: any;
+    }): import("react/jsx-runtime").JSX.Element;
     function Tick({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
@@ -793,6 +799,7 @@ import { default as BackCargosmall } from "./BackCargosmall";
 import { default as Backcargo } from "./Backcargo";
 import { default as Bag2 } from "./Bag2";
 import { default as Bag } from "./Bag";
+import { default as BagCircleFilled } from "./BagCircleFilled";
 import { default as BagStar } from "./BagStar";
 import { default as Bookmark } from "./Bookmark";
 import { default as Box } from "./Box";
@@ -942,6 +949,7 @@ import { default as StarfullXSmall } from "./StarfullXSmall";
 import { default as Swap } from "./Swap";
 import { default as SwitchPassive } from "./SwitchPassive";
 import { default as Tamamlarsin } from "./Tamamlarsin";
+import { default as ThumbCircleFilled } from "./ThumbCircleFilled";
 import { default as Tick } from "./Tick";
 import { default as TickSquare } from "./TickSquare";
 import { default as TicketStar } from "./TicketStar";
@@ -1004,4 +1012,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, BagStar, Bookmark, Box, Buy, BuyXl, Calendar, CalenderArrowleftsmall, Calenderarrowrightsmall, Call, CallMissed, CallSilent, Calling, Camera, Campaign, CampaignColorful, CarbonNautral, Cargo, Cargo2, Category, Chart, Chat, CheckMark, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Coffee, Completed, Copy, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, DownloadMini, Dublearrrowrightbig, Edit, EditSquare, ElSatis, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, 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, 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, Tick, TickSquare, TicketStar, Ticket, TimeCircle, 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, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, 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, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Coffee, Completed, Copy, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, DownloadMini, Dublearrrowrightbig, Edit, EditSquare, ElSatis, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, 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, 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, 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, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, TextLoading, Tiktok, UserPlus, UserPlusLg, Wphk, Youtubehk, Youtubewithfooter };

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

@@ -25,12 +25,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CallMissed = exports.Call = exports.Calenderarrowrightsmall = exports.CalenderArrowleftsmall = exports.Calendar = exports.BuyXl = exports.Buy = exports.Box = exports.Bookmark = exports.BagStar = 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.Gift = exports.Game = exports.Folder = 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.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.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.CarbonNautral = exports.CampaignColorful = exports.Campaign = exports.Camera = exports.Calling = exports.CallSilent = void 0;
-exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = 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 = void 0;
-exports.Twitterwithfooter = exports.Twitterhk = exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.Ticket = exports.TicketStar = exports.TickSquare = exports.Tick = 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.Pause = exports.Password = exports.PaperUpload = exports.PaperPlus = void 0;
-exports.Youtubehk = exports.Wphk = exports.UserPlusLg = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.RotateRight = exports.Play = exports.NewYear = exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = 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 = void 0;
-exports.iconList = exports.Youtubewithfooter = void 0;
+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.Game = exports.Folder = 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.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.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.PaperFail = exports.PaperDownload = exports.Paper = 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 = void 0;
+exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = 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.Pause = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = void 0;
+exports.UserPlusLg = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.RotateRight = exports.Play = exports.NewYear = exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = 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 = void 0;
+exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = 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; } });
@@ -112,6 +112,8 @@ var Bag2_1 = __importDefault(require("./Bag2"));
 Object.defineProperty(exports, "Bag2", { enumerable: true, get: function () { return Bag2_1.default; } });
 var Bag_1 = __importDefault(require("./Bag"));
 Object.defineProperty(exports, "Bag", { enumerable: true, get: function () { return Bag_1.default; } });
+var BagCircleFilled_1 = __importDefault(require("./BagCircleFilled"));
+Object.defineProperty(exports, "BagCircleFilled", { enumerable: true, get: function () { return BagCircleFilled_1.default; } });
 var BagStar_1 = __importDefault(require("./BagStar"));
 Object.defineProperty(exports, "BagStar", { enumerable: true, get: function () { return BagStar_1.default; } });
 var Bookmark_1 = __importDefault(require("./Bookmark"));
@@ -410,6 +412,8 @@ var SwitchPassive_1 = __importDefault(require("./SwitchPassive"));
 Object.defineProperty(exports, "SwitchPassive", { enumerable: true, get: function () { return SwitchPassive_1.default; } });
 var Tamamlarsin_1 = __importDefault(require("./Tamamlarsin"));
 Object.defineProperty(exports, "Tamamlarsin", { enumerable: true, get: function () { return Tamamlarsin_1.default; } });
+var ThumbCircleFilled_1 = __importDefault(require("./ThumbCircleFilled"));
+Object.defineProperty(exports, "ThumbCircleFilled", { enumerable: true, get: function () { return ThumbCircleFilled_1.default; } });
 var Tick_1 = __importDefault(require("./Tick"));
 Object.defineProperty(exports, "Tick", { enumerable: true, get: function () { return Tick_1.default; } });
 var TickSquare_1 = __importDefault(require("./TickSquare"));
@@ -695,6 +699,10 @@ exports.iconList = {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(Bag_1.default, __assign({}, props));
     },
+    BagCircleFilled: function (_a) {
+        var props = __rest(_a, []);
+        return (0, jsx_runtime_1.jsx)(BagCircleFilled_1.default, __assign({}, props));
+    },
     BagStar: function (_a) {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(BagStar_1.default, __assign({}, props));
@@ -1291,6 +1299,10 @@ exports.iconList = {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(Tamamlarsin_1.default, __assign({}, props));
     },
+    ThumbCircleFilled: function (_a) {
+        var props = __rest(_a, []);
+        return (0, jsx_runtime_1.jsx)(ThumbCircleFilled_1.default, __assign({}, props));
+    },
     Tick: function (_a) {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(Tick_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, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, ...other }: import("./props").ProductCardVertical) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, description, hasDiscount, price, oldPrice, oldPricePeriod, slug, period, discountRate, isResponsive, image, hasCustomBadge, customBadge, hasNewImageType, hasOutOfStock, hasBeltBadge, beltBadgeVariant, beltBadgeTitle, imageInfoText, imageInfoTextVariant, isShowOldPrice, isOldPricePeriodUnderline, hasImageOffset, }: import("./props").ProductCardVertical) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/components/ProductCardVertical/ProductCardVertical.js

@@ -10,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -32,8 +21,18 @@ var ProductCardVertical_styled_1 = require("./ProductCardVertical.styled");
 var react_i18next_1 = require("react-i18next");
 var Badges_1 = __importDefault(require("../Badges"));
 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.period, period = _j === void 0 ? props_1.ProductCardVerticalDefault.period : _j, _k = _a.discountRate, discountRate = _k === void 0 ? props_1.ProductCardVerticalDefault.discountRate : _k, _l = _a.isResponsive, isResponsive = _l === void 0 ? props_1.ProductCardVerticalDefault.isResponsive : _l, _m = _a.image, image = _m === void 0 ? props_1.ProductCardVerticalDefault.image : _m, _o = _a.hasCustomBadge, hasCustomBadge = _o === void 0 ? props_1.ProductCardVerticalDefault.hasCustomBadge : _o, _p = _a.customBadge, customBadge = _p === void 0 ? props_1.ProductCardVerticalDefault.customBadge : _p, _q = _a.hasNewImageType, hasNewImageType = _q === void 0 ? props_1.ProductCardVerticalDefault.hasNewImageType : _q, _r = _a.hasOutOfStock, hasOutOfStock = _r === void 0 ? props_1.ProductCardVerticalDefault.hasOutOfStock : _r, _s = _a.hasBeltBadge, hasBeltBadge = _s === void 0 ? props_1.ProductCardVerticalDefault.hasBeltBadge : _s, _t = _a.beltBadgeVariant, beltBadgeVariant = _t === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeVariant : _t, _u = _a.beltBadgeTitle, beltBadgeTitle = _u === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeTitle : _u, _v = _a.imageInfoText, imageInfoText = _v === void 0 ? props_1.ProductCardVerticalDefault.imageInfoText : _v, _w = _a.imageInfoTextVariant, imageInfoTextVariant = _w === void 0 ? props_1.ProductCardVerticalDefault.imageInfoTextVariant : _w, _x = _a.isShowOldPrice, isShowOldPrice = _x === void 0 ? props_1.ProductCardVerticalDefault.isShowOldPrice : _x, _y = _a.isOldPricePeriodUnderline, isOldPricePeriodUnderline = _y === void 0 ? props_1.ProductCardVerticalDefault.isOldPricePeriodUnderline : _y, _z = _a.hasImageOffset, hasImageOffset = _z === void 0 ? props_1.ProductCardVerticalDefault.hasImageOffset : _z, other = __rest(_a, ["title", "description", "hasDiscount", "price", "oldPrice", "oldPricePeriod", "slug", "period", "discountRate", "isResponsive", "image", "hasCustomBadge", "customBadge", "hasNewImageType", "hasOutOfStock", "hasBeltBadge", "beltBadgeVariant", "beltBadgeTitle", "imageInfoText", "imageInfoTextVariant", "isShowOldPrice", "isOldPricePeriodUnderline", "hasImageOffset"]);
+    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.period, period = _j === void 0 ? props_1.ProductCardVerticalDefault.period : _j, _k = _a.discountRate, discountRate = _k === void 0 ? props_1.ProductCardVerticalDefault.discountRate : _k, _l = _a.isResponsive, isResponsive = _l === void 0 ? props_1.ProductCardVerticalDefault.isResponsive : _l, _m = _a.image, image = _m === void 0 ? props_1.ProductCardVerticalDefault.image : _m, _o = _a.hasCustomBadge, hasCustomBadge = _o === void 0 ? props_1.ProductCardVerticalDefault.hasCustomBadge : _o, _p = _a.customBadge, customBadge = _p === void 0 ? props_1.ProductCardVerticalDefault.customBadge : _p, _q = _a.hasNewImageType, hasNewImageType = _q === void 0 ? props_1.ProductCardVerticalDefault.hasNewImageType : _q, _r = _a.hasOutOfStock, hasOutOfStock = _r === void 0 ? props_1.ProductCardVerticalDefault.hasOutOfStock : _r, _s = _a.hasBeltBadge, hasBeltBadge = _s === void 0 ? props_1.ProductCardVerticalDefault.hasBeltBadge : _s, _t = _a.beltBadgeVariant, beltBadgeVariant = _t === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeVariant : _t, _u = _a.beltBadgeTitle, beltBadgeTitle = _u === void 0 ? props_1.ProductCardVerticalDefault.beltBadgeTitle : _u, _v = _a.imageInfoText, imageInfoText = _v === void 0 ? props_1.ProductCardVerticalDefault.imageInfoText : _v, _w = _a.imageInfoTextVariant, imageInfoTextVariant = _w === void 0 ? props_1.ProductCardVerticalDefault.imageInfoTextVariant : _w, _x = _a.isShowOldPrice, isShowOldPrice = _x === void 0 ? props_1.ProductCardVerticalDefault.isShowOldPrice : _x, _y = _a.isOldPricePeriodUnderline, isOldPricePeriodUnderline = _y === void 0 ? props_1.ProductCardVerticalDefault.isOldPricePeriodUnderline : _y, _z = _a.hasImageOffset, hasImageOffset = _z === void 0 ? props_1.ProductCardVerticalDefault.hasImageOffset : _z;
     var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductCardVerticalStyled, __assign({ "$isResponsive": isResponsive, "$discountRate": discountRate, "$hasNewImageType": hasNewImageType, "$hasOutOfStock": hasOutOfStock, "$imageInfoTextVariant": imageInfoTextVariant, "$isOldPricePeriodUnderline": isOldPricePeriodUnderline, "$hasImageOffset": hasImageOffset }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [hasBeltBadge && !hasCustomBadge && (0, jsx_runtime_1.jsx)("div", __assign({ className: "cartBadge" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { variant: beltBadgeVariant, size: "medium", left: (isResponsive ? '16px' : '8px'), top: (isResponsive ? '16px' : '8px'), title: beltBadgeTitle }) })), hasCustomBadge && (0, jsx_runtime_1.jsx)("div", __assign({ className: "cartBadge hasInset" }, { children: customBadge })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "img" }, { children: [image, hasOutOfStock && (0, jsx_runtime_1.jsx)("div", __assign({ className: "outOfStock" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "light", title: t("ALL_RENTED") }) })), imageInfoText && (0, jsx_runtime_1.jsx)("div", { className: "imageInfoText", dangerouslySetInnerHTML: { __html: imageInfoText } })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "productCardContent" }, { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "productCardTitle" }, { children: title })), (0, jsx_runtime_1.jsx)("p", __assign({ className: "productCardDescription" }, { children: description })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "productCardPriceContent" }, { children: [discountRate > 0 && (0, jsx_runtime_1.jsxs)("div", __assign({ className: "discountRate" }, { children: ["%", discountRate] })), (0, jsx_runtime_1.jsxs)("div", { children: [oldPrice && isShowOldPrice && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "oldPrice" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "price" }, { children: oldPrice })), oldPricePeriod && (0, jsx_runtime_1.jsx)("div", __assign({ className: "period" }, { children: "/".concat(oldPricePeriod) }))] }))), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "newPrice" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "price" }, { children: price })), period && (0, jsx_runtime_1.jsx)("div", __assign({ className: "period" }, { children: "/".concat(period) }))] }))] })] }))] }))] }) })));
+    var badgeOffset = isResponsive ? "16px" : "8px";
+    var cardProps = {
+        $isResponsive: isResponsive,
+        $discountRate: discountRate,
+        $hasNewImageType: hasNewImageType,
+        $hasOutOfStock: hasOutOfStock,
+        $imageInfoTextVariant: imageInfoTextVariant,
+        $isOldPricePeriodUnderline: isOldPricePeriodUnderline,
+        $hasImageOffset: hasImageOffset,
+    };
+    return ((0, jsx_runtime_1.jsx)(ProductCardVertical_styled_1.ProductCardVerticalStyled, __assign({}, cardProps, { children: (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) }))] })] })] }))] }))] }) })));
 };
 exports.default = (0, react_1.memo)(ProductCardVertical);

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

@@ -1,3 +1,27 @@
 /// <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 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;
+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;
+/** 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 {};

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

@@ -7,8 +7,76 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProductCardVerticalStyled = void 0;
+exports.ProductCardVerticalStyled = exports.NewPricePeriod = exports.NewPriceAmount = exports.NewPrice = exports.OldPricePeriod = exports.OldPriceAmount = exports.OldPrice = exports.PriceStack = exports.DiscountPill = exports.PriceLayout = exports.ProductDescription = exports.ProductTitle = exports.ProductCardContent = exports.ImageInfoText = exports.OutOfStock = exports.ImageSection = exports.CartBadge = exports.CardBody = exports.ProductCardRoot = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../constants/devices");
-exports.ProductCardVerticalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    min-width: 240px;\n    padding: 1rem;\n    transition: all .2s ease;\n    position: relative;\n    box-sizing: border-box;\n    background-color: white;\n    .cartBadge {\n        position: absolute;\n        left: 8px;\n        top: 8px;\n        z-index: 2;\n\n        &:is(.hasInset) {\n            left: 7px;\n            top: 0;\n        }\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    &:hover {\n        box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n    }\n\n    .img {\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        .outOfStock{\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            .imageInfoText{\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                ", "\n                border-radius: 0;\n                top: auto;\n                transform: none;\n                aspect-ratio: initial !important;\n                font:var(--caption-semi-bold-10-12); \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    .productCardContent {\n        padding: 1rem 0 0.5rem 0;\n\n        .productCardTitle {\n            display: block;\n            color: ", ";\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            height: 38px;\n            word-break: break-word;\n            font: var(--title-bold-16-19);\n        }\n\n        .productCardDescription {\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        .productCardPriceContent {\n            display: grid;\n            align-items: ", ";\n            justify-content: flex-start;\n            height: 36px;\n            grid-template-columns: ", ";\n            color: ", ";\n            .discountRate {\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            .oldPrice, .newPrice {\n                display: flex;\n                align-items: end;\n                justify-content: flex-start;\n\n                .price {\n                    margin-right: 4px;\n                }\n            }\n\n            .oldPrice {\n                color: var(--dark-opacity-25);\n                margin-bottom: 2px;\n                \n                .price {\n                    font: var(--caption-semi-bold-12-15);\n                    text-decoration: line-through;\n                }\n\n                .period {\n                    font: var(--caption-regular-12-15);\n                    ", "\n                }\n            }\n\n            .newPrice {\n                .price {\n                    font: var(--body-extra-bold-14-17);\n                }\n\n                .period {\n                    font: var(--body-regular-13-16);\n                }\n            }\n        }\n    }\n\n    ", "\n"], ["\n    box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n    border-radius: 0.5rem;\n    min-width: 240px;\n    padding: 1rem;\n    transition: all .2s ease;\n    position: relative;\n    box-sizing: border-box;\n    background-color: white;\n    .cartBadge {\n        position: absolute;\n        left: 8px;\n        top: 8px;\n        z-index: 2;\n\n        &:is(.hasInset) {\n            left: 7px;\n            top: 0;\n        }\n    }\n\n    a {\n        text-decoration: none;\n        color: inherit;\n    }\n\n    &:hover {\n        box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n    }\n\n    .img {\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        .outOfStock{\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            .imageInfoText{\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                ", "\n                border-radius: 0;\n                top: auto;\n                transform: none;\n                aspect-ratio: initial !important;\n                font:var(--caption-semi-bold-10-12); \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    .productCardContent {\n        padding: 1rem 0 0.5rem 0;\n\n        .productCardTitle {\n            display: block;\n            color: ", ";\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n            height: 38px;\n            word-break: break-word;\n            font: var(--title-bold-16-19);\n        }\n\n        .productCardDescription {\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        .productCardPriceContent {\n            display: grid;\n            align-items: ", ";\n            justify-content: flex-start;\n            height: 36px;\n            grid-template-columns: ", ";\n            color: ", ";\n            .discountRate {\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            .oldPrice, .newPrice {\n                display: flex;\n                align-items: end;\n                justify-content: flex-start;\n\n                .price {\n                    margin-right: 4px;\n                }\n            }\n\n            .oldPrice {\n                color: var(--dark-opacity-25);\n                margin-bottom: 2px;\n                \n                .price {\n                    font: var(--caption-semi-bold-12-15);\n                    text-decoration: line-through;\n                }\n\n                .period {\n                    font: var(--caption-regular-12-15);\n                    ", "\n                }\n            }\n\n            .newPrice {\n                .price {\n                    font: var(--body-extra-bold-14-17);\n                }\n\n                .period {\n                    font: var(--body-regular-13-16);\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        "; }, function (props) { return props.$hasNewImageType ? "\n          *{\n            height: 100% !important;\n            object-fit: ".concat(props.$hasImageOffset ? 'contain' : 'cover', ";\n            max-width: 100%;\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.$imageInfoTextVariant === "secondary" ? "\n                  background-color: var(--primary-opacity-10);\n                  color: var(--primary);\n                " : "\n                  background: linear-gradient(360deg, #411590 0%, #9760FC 100%);\n                  color: white;\n                "; }, function (props) { return props.$hasOutOfStock ? "var(--dark-opacity-50)" : "var(--dark)"; }, 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.$isOldPricePeriodUnderline ? "text-decoration: line-through;" : ""; }, function (props) { return props.$isResponsive && "\n    @media only screen and ".concat(devices_1.devices.sm, " {\n      padding: 1.5rem;\n        .cartBadge{\n          left: 16px;\n          top: 16px;\n          &:is(.hasInset){\n            left: 15px;\n            top: 8px;\n          }\n        }\n        .img {\n          height: 215px;\n          .imageInfoText{\n            font:var(--body-semi-bold-13-16);\n            height: 32px !important;\n            strong{\n              font:var(--body-bold-13-16);\n            }\n          }\n        }\n        .productCardContent{\n          padding: 1.5rem 0 0.5rem 0;\n          .productCardTitle{\n            height: 44px;\n            font: var(--headline-bold-18-22);\n          }\n          .productCardDescription{\n            margin-bottom: 1.5rem;\n            height: 37px;\n            font: var(--title-medium-16-19);\n          }\n          .productCardPriceContent{\n            height: 48px;\n            .discountRate{\n              width: 65px;\n              height: 48px;\n              font: var(--title-extra-bold-16-19);\n            }\n            \n            .oldPrice {\n              .price{\n                font: var(--body-semi-bold-13-16);\n              }\n            }\n            .newPrice {\n              .price{\n                font: var(--title-extra-bold-16-19);\n              }\n              .period{\n                font: var(--body-regular-14-17);\n              }\n            }\n          }\n        }\n    }\n  "); });
-var templateObject_1;
+var responsiveSm = function (cssBlock) { return "\n  @media only screen and ".concat(devices_1.devices.sm, " {\n    ").concat(cssBlock, "\n  }\n"); };
+exports.ProductCardRoot = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n  border-radius: 0.5rem;\n  min-width: 240px;\n  padding: 1rem;\n  transition: all 0.2s ease;\n  position: relative;\n  box-sizing: border-box;\n  background-color: white;\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  &:hover {\n    box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n  }\n\n  ", "\n"], ["\n  box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n  border-radius: 0.5rem;\n  min-width: 240px;\n  padding: 1rem;\n  transition: all 0.2s ease;\n  position: relative;\n  box-sizing: border-box;\n  background-color: white;\n\n  a {\n    text-decoration: none;\n    color: inherit;\n  }\n\n  &:hover {\n    box-shadow: 0 4px 15px 0 var(--dark-shadow-color);\n  }\n\n  ", "\n"])), function (props) {
+    return props.$isResponsive &&
+        responsiveSm("padding: 1.5rem;");
+});
+exports.CardBody = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+exports.CartBadge = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  left: -8px;\n  top: -8px;\n  z-index: 2;\n\n  ", "\n\n  ", "\n"], ["\n  position: absolute;\n  left: -8px;\n  top: -8px;\n  z-index: 2;\n\n  ", "\n\n  ", "\n"])), function (p) {
+    return p.$isInset &&
+        "\n    left: 7px;\n    top: 0;\n  ";
+}, function (p) {
+    return p.$isResponsive &&
+        responsiveSm("\n    ".concat(p.$isInset ? "left: 15px; top: 8px;" : "", "\n  "));
+});
+exports.ImageSection = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __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  ";
+}, function (props) {
+    return props.$hasNewImageType
+        ? "\n    * {\n      height: 100% !important;\n      object-fit: ".concat(props.$hasImageOffset ? "contain" : "cover", ";\n      max-width: 100%;\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;");
+});
+exports.OutOfStock = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __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_6 || (templateObject_6 = __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) {
+    return props.$imageInfoTextVariant === "secondary"
+        ? "\n    background-color: var(--primary-opacity-10);\n    color: var(--primary);\n  "
+        : "\n    background: var(--dark);\n    color: white;\n  ";
+}, function (props) {
+    return props.$isResponsive &&
+        responsiveSm("\n    font: var(--body-semi-bold-13-16);\n    height: 32px !important;\n    strong {\n      font: var(--body-bold-13-16);\n    }\n  ");
+});
+exports.ProductCardContent = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  padding: 1rem 0 0.5rem 0;\n\n  ", "\n"], ["\n  padding: 1rem 0 0.5rem 0;\n\n  ", "\n"])), function (props) { return props.$isResponsive && responsiveSm("padding: 1.5rem 0 0.5rem 0;"); });
+exports.ProductTitle = styled_components_1.default.strong(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: block;\n  color: ", ";\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  height: 38px;\n  word-break: break-word;\n  font: var(--title-bold-16-19);\n\n  ", "\n"], ["\n  display: block;\n  color: ", ";\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  height: 38px;\n  word-break: break-word;\n  font: var(--title-bold-16-19);\n\n  ", "\n"])), function (props) { return (props.$hasOutOfStock ? "var(--dark-opacity-50)" : "var(--dark)"); }, function (props) {
+    return props.$isResponsive &&
+        responsiveSm("\n    height: 44px;\n    font: var(--headline-bold-18-22);\n  ");
+});
+exports.ProductDescription = styled_components_1.default.p(templateObject_9 || (templateObject_9 = __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) {
+    return props.$isResponsive &&
+        responsiveSm("\n    margin-bottom: 1.5rem;\n    height: 37px;\n    font: var(--title-medium-16-19);\n  ");
+});
+exports.PriceLayout = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __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_11 || (templateObject_11 = __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) {
+    return props.$isResponsive &&
+        responsiveSm("\n    width: 65px;\n    height: 48px;\n    font: var(--title-extra-bold-16-19);\n  ");
+});
+exports.PriceStack = styled_components_1.default.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  min-width: 0;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-end;\n  min-width: 0;\n"])));
+exports.OldPrice = styled_components_1.default.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  display: flex;\n  align-items: end;\n  justify-content: flex-start;\n  color: var(--dark-opacity-25);\n  margin-bottom: 2px;\n"], ["\n  display: flex;\n  align-items: end;\n  justify-content: flex-start;\n  color: var(--dark-opacity-25);\n  margin-bottom: 2px;\n"])));
+exports.OldPriceAmount = styled_components_1.default.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  margin-right: 4px;\n  font: var(--caption-semi-bold-12-15);\n  text-decoration: line-through;\n\n  ", "\n"], ["\n  margin-right: 4px;\n  font: var(--caption-semi-bold-12-15);\n  text-decoration: line-through;\n\n  ", "\n"])), function (props) {
+    return props.$isResponsive &&
+        responsiveSm("font: var(--body-semi-bold-13-16);");
+});
+exports.OldPricePeriod = styled_components_1.default.div(templateObject_15 || (templateObject_15 = __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_16 || (templateObject_16 = __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_17 || (templateObject_17 = __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) {
+    return props.$isResponsive &&
+        responsiveSm("font: var(--title-extra-bold-16-19);");
+});
+exports.NewPricePeriod = styled_components_1.default.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  font: var(--body-regular-13-16);\n\n  ", "\n"], ["\n  font: var(--body-regular-13-16);\n\n  ", "\n"])), function (props) {
+    return props.$isResponsive &&
+        responsiveSm("font: var(--body-regular-14-17);");
+});
+/** 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;

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

@@ -1 +1,2 @@
-export { default } from './ProductCardVertical';
+export { default } from "./ProductCardVertical";
+export { ProductCardRoot, ProductCardVerticalStyled, CardBody, CartBadge, ImageSection, OutOfStock, ImageInfoText, ProductCardContent, ProductTitle, ProductDescription, PriceLayout, DiscountPill, PriceStack, OldPrice, OldPriceAmount, OldPricePeriod, NewPrice, NewPriceAmount, NewPricePeriod, } from "./ProductCardVertical.styled";

package/dist/components/ProductCardVertical/index.js

@@ -3,6 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
+exports.NewPricePeriod = exports.NewPriceAmount = exports.NewPrice = exports.OldPricePeriod = exports.OldPriceAmount = exports.OldPrice = exports.PriceStack = exports.DiscountPill = exports.PriceLayout = exports.ProductDescription = exports.ProductTitle = exports.ProductCardContent = exports.ImageInfoText = exports.OutOfStock = exports.ImageSection = exports.CartBadge = exports.CardBody = exports.ProductCardVerticalStyled = exports.ProductCardRoot = exports.default = void 0;
 var ProductCardVertical_1 = require("./ProductCardVertical");
 Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProductCardVertical_1).default; } });
+var ProductCardVertical_styled_1 = require("./ProductCardVertical.styled");
+Object.defineProperty(exports, "ProductCardRoot", { enumerable: true, get: function () { return ProductCardVertical_styled_1.ProductCardRoot; } });
+Object.defineProperty(exports, "ProductCardVerticalStyled", { enumerable: true, get: function () { return ProductCardVertical_styled_1.ProductCardVerticalStyled; } });
+Object.defineProperty(exports, "CardBody", { enumerable: true, get: function () { return ProductCardVertical_styled_1.CardBody; } });
+Object.defineProperty(exports, "CartBadge", { enumerable: true, get: function () { return ProductCardVertical_styled_1.CartBadge; } });
+Object.defineProperty(exports, "ImageSection", { enumerable: true, get: function () { return ProductCardVertical_styled_1.ImageSection; } });
+Object.defineProperty(exports, "OutOfStock", { enumerable: true, get: function () { return ProductCardVertical_styled_1.OutOfStock; } });
+Object.defineProperty(exports, "ImageInfoText", { enumerable: true, get: function () { return ProductCardVertical_styled_1.ImageInfoText; } });
+Object.defineProperty(exports, "ProductCardContent", { enumerable: true, get: function () { return ProductCardVertical_styled_1.ProductCardContent; } });
+Object.defineProperty(exports, "ProductTitle", { enumerable: true, get: function () { return ProductCardVertical_styled_1.ProductTitle; } });
+Object.defineProperty(exports, "ProductDescription", { enumerable: true, get: function () { return ProductCardVertical_styled_1.ProductDescription; } });
+Object.defineProperty(exports, "PriceLayout", { enumerable: true, get: function () { return ProductCardVertical_styled_1.PriceLayout; } });
+Object.defineProperty(exports, "DiscountPill", { enumerable: true, get: function () { return ProductCardVertical_styled_1.DiscountPill; } });
+Object.defineProperty(exports, "PriceStack", { enumerable: true, get: function () { return ProductCardVertical_styled_1.PriceStack; } });
+Object.defineProperty(exports, "OldPrice", { enumerable: true, get: function () { return ProductCardVertical_styled_1.OldPrice; } });
+Object.defineProperty(exports, "OldPriceAmount", { enumerable: true, get: function () { return ProductCardVertical_styled_1.OldPriceAmount; } });
+Object.defineProperty(exports, "OldPricePeriod", { enumerable: true, get: function () { return ProductCardVertical_styled_1.OldPricePeriod; } });
+Object.defineProperty(exports, "NewPrice", { enumerable: true, get: function () { return ProductCardVertical_styled_1.NewPrice; } });
+Object.defineProperty(exports, "NewPriceAmount", { enumerable: true, get: function () { return ProductCardVertical_styled_1.NewPriceAmount; } });
+Object.defineProperty(exports, "NewPricePeriod", { enumerable: true, get: function () { return ProductCardVertical_styled_1.NewPricePeriod; } });