krl-alfred 1.80.16 → 1.80.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CategoryMenu/CategoryMenu.js +1 -1
- package/dist/components/Icon/iconList/NewYear.js +40 -0
- package/dist/components/Icon/iconList/index.js +7 -1
- package/dist/components/ProductCardVertical/ProductCardVertical.styled.js +1 -1
- package/dist/jsons/categories.js +1 -1
- package/package.json +1 -1
|
@@ -38,7 +38,7 @@ var CategoryMenu = function (_a) {
|
|
|
38
38
|
};
|
|
39
39
|
var MenuButton = function (_a) {
|
|
40
40
|
var item = __rest(_a, []);
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine"].includes(item.icon) }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine", "NewYear"].includes(item.icon) }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
|
|
42
42
|
};
|
|
43
43
|
return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryMenuWrapper, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
|
|
44
44
|
return ((0, jsx_runtime_1.jsx)(MenuButton, __assign({}, item, { children: item.children.length > 0 && ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, { children: (0, jsx_runtime_1.jsx)(OptionMenu_1.default, { hasActiveItem: false, data: item.children, rowLength: item.subMenuRowLength || subMenuRowLength }) })) }), item.id));
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
|
+
var React = __importStar(require("react"));
|
|
39
|
+
var SvgNewYear = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsxs)("g", __assign({ clipPath: "url(#clip0_29916_72116)" }, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M3.87886 11.5V9.73083L7.25797 6.93554C7.48207 6.74978 7.67373 6.57581 7.83295 6.41364C7.99513 6.24852 8.11897 6.07897 8.20448 5.905C8.29294 5.73104 8.33717 5.5379 8.33717 5.3256C8.33717 5.09266 8.28704 4.89363 8.18679 4.72851C8.08948 4.56338 7.95385 4.43659 7.77988 4.34814C7.60591 4.25673 7.4054 4.21102 7.17836 4.21102C6.95132 4.21102 6.75081 4.25673 6.57684 4.34814C6.40582 4.43954 6.27314 4.5737 6.17878 4.75062C6.08442 4.92754 6.03725 5.14279 6.03725 5.39637H3.70194C3.70194 4.75947 3.84495 4.21102 4.13097 3.75104C4.41698 3.29106 4.82094 2.93722 5.34285 2.68954C5.86475 2.44186 6.47659 2.31801 7.17836 2.31801C7.90372 2.31801 8.53177 2.43448 9.06253 2.66743C9.59622 2.89742 10.0076 3.22176 10.2965 3.64047C10.5884 4.05917 10.7344 4.55012 10.7344 5.1133C10.7344 5.46124 10.6621 5.8077 10.5177 6.15269C10.3732 6.49473 10.1137 6.87362 9.73923 7.28938C9.36476 7.70513 8.83253 8.2005 8.14256 8.77548L7.29336 9.48315V9.53622H10.8317V11.5H3.87886ZM15.876 11.7477C15.0534 11.7447 14.3428 11.5545 13.7442 11.1771C13.1456 10.7997 12.6842 10.2557 12.3598 9.54507C12.0355 8.83445 11.8748 7.9823 11.8777 6.98862C11.8807 5.99199 12.0428 5.14574 12.3642 4.44986C12.6886 3.75399 13.1486 3.22471 13.7442 2.86203C14.3428 2.49935 15.0534 2.31801 15.876 2.31801C16.6987 2.31801 17.4093 2.50083 18.0079 2.86646C18.6065 3.22914 19.0679 3.75841 19.3923 4.45429C19.7166 5.15016 19.8773 5.99494 19.8744 6.98862C19.8744 7.9882 19.7122 8.8433 19.3878 9.55391C19.0635 10.2645 18.602 10.8085 18.0035 11.186C17.4078 11.5604 16.6987 11.7477 15.876 11.7477ZM15.876 9.74852C16.3006 9.74852 16.6486 9.52738 16.9198 9.08508C17.1941 8.63984 17.3297 7.94102 17.3268 6.98862C17.3268 6.36646 17.2648 5.85783 17.141 5.46271C17.0171 5.0676 16.8461 4.77568 16.6279 4.58697C16.4097 4.39531 16.1591 4.29948 15.876 4.29948C15.4514 4.29948 15.105 4.51473 14.8366 4.94523C14.5683 5.37573 14.4312 6.05686 14.4253 6.98862C14.4224 7.62257 14.4828 8.14448 14.6067 8.55433C14.7305 8.96124 14.9015 9.262 15.1197 9.45661C15.3409 9.65122 15.593 9.74852 15.876 9.74852Z", fill: "url(#paint0_linear_29916_72116)" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.87886 22.5V20.7308L7.25797 17.9355C7.48207 17.7498 7.67373 17.5758 7.83295 17.4136C7.99513 17.2485 8.11897 17.079 8.20448 16.905C8.29294 16.731 8.33717 16.5379 8.33717 16.3256C8.33717 16.0927 8.28704 15.8936 8.18679 15.7285C8.08948 15.5634 7.95385 15.4366 7.77988 15.3481C7.60591 15.2567 7.4054 15.211 7.17836 15.211C6.95132 15.211 6.75081 15.2567 6.57684 15.3481C6.40582 15.4395 6.27314 15.5737 6.17878 15.7506C6.08442 15.9275 6.03725 16.1428 6.03725 16.3964H3.70194C3.70194 15.7595 3.84495 15.211 4.13097 14.751C4.41698 14.2911 4.82094 13.9372 5.34285 13.6895C5.86475 13.4419 6.47659 13.318 7.17836 13.318C7.90372 13.318 8.53177 13.4345 9.06253 13.6674C9.59622 13.8974 10.0076 14.2218 10.2965 14.6405C10.5884 15.0592 10.7344 15.5501 10.7344 16.1133C10.7344 16.4612 10.6621 16.8077 10.5177 17.1527C10.3732 17.4947 10.1137 17.8736 9.73923 18.2894C9.36476 18.7051 8.83253 19.2005 8.14256 19.7755L7.29336 20.4831V20.5362H10.8317V22.5H3.87886ZM15.5576 22.6238C14.8617 22.6238 14.244 22.5015 13.7044 22.2567C13.1677 22.0091 12.7446 21.6685 12.435 21.235C12.1283 20.8016 11.9721 20.3033 11.9662 19.7401H14.3546C14.3634 20.0526 14.4843 20.3018 14.7172 20.4876C14.9531 20.6733 15.2332 20.7662 15.5576 20.7662C15.8082 20.7662 16.0294 20.7131 16.221 20.607C16.4127 20.4979 16.5631 20.3446 16.6722 20.147C16.7813 19.9494 16.8343 19.7195 16.8314 19.457C16.8343 19.1917 16.7813 18.9617 16.6722 18.7671C16.5631 18.5695 16.4127 18.4176 16.221 18.3115C16.0294 18.2024 15.8082 18.1478 15.5576 18.1478C15.2981 18.1478 15.0578 18.2112 14.8366 18.338C14.6185 18.4619 14.4578 18.6344 14.3546 18.8555L12.1962 18.4309L12.55 13.4419H18.6359V15.4056H14.5669L14.3899 17.4048H14.443C14.5845 17.1306 14.8293 16.9035 15.1772 16.7237C15.5252 16.5408 15.9291 16.4494 16.3891 16.4494C16.9287 16.4494 17.4093 16.5748 17.831 16.8254C18.2556 17.076 18.5902 17.4225 18.835 17.8648C19.0827 18.3041 19.205 18.8113 19.2021 19.3863C19.205 20.0173 19.0546 20.5775 18.7509 21.067C18.4502 21.5535 18.0271 21.9353 17.4816 22.2125C16.9361 22.4867 16.2947 22.6238 15.5576 22.6238Z", fill: "url(#paint1_linear_29916_72116)" })] })), (0, jsx_runtime_1.jsxs)("defs", { children: [(0, jsx_runtime_1.jsxs)("linearGradient", __assign({ id: "paint0_linear_29916_72116", x1: 35.3398, y1: -7.79167, x2: 6.88208, y2: 10.3666, gradientUnits: "userSpaceOnUse" }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#0B113E" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] })), (0, jsx_runtime_1.jsxs)("linearGradient", __assign({ id: "paint1_linear_29916_72116", x1: -2.91016, y1: 25.8125, x2: 14.0596, y2: 15.1513, gradientUnits: "userSpaceOnUse" }, { children: [(0, jsx_runtime_1.jsx)("stop", { stopColor: "#0B113E" }), (0, jsx_runtime_1.jsx)("stop", { offset: 1, stopColor: "#9961FF" })] })), (0, jsx_runtime_1.jsx)("clipPath", __assign({ id: "clip0_29916_72116" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: 24, height: 24, fill: "white", transform: "translate(0.277344)" }) }))] })] }))); };
|
|
40
|
+
exports.default = SvgNewYear;
|
|
@@ -29,7 +29,7 @@ exports.Camera = exports.Calling = exports.CallSilent = exports.CallMissed = exp
|
|
|
29
29
|
exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = exports.Heart = exports.Graph = exports.Gift = exports.Game = exports.Folder = exports.Flash = exports.FilterUp = exports.FilterSmall = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.EditSquare = exports.Edit = exports.Dublearrrowrightbig = exports.Download = exports.Document = exports.Dislike = exports.Discovery = exports.Discount = exports.DeleteSmall = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.Completed = 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 = void 0;
|
|
30
30
|
exports.Profile = exports.PriceTag = exports.PlusSquare = exports.PlusSmall = exports.PlusCircle = exports.PlusBig = exports.Play = exports.Password = exports.PaperUpload = exports.PaperPlus = 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.Money = exports.Minus = exports.Message = exports.MasterCard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loadingsmall = exports.LoadingDefault = exports.Loading = exports.LinkedIn = 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 = void 0;
|
|
31
31
|
exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = exports.VolumeUp = 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.TimeCircle = exports.Ticket = exports.TicketStar = exports.TickSquare = exports.Tick = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.Starfull = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.SettingCircle = exports.Setting = exports.Send = exports.Security = exports.Searchsmall = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = void 0;
|
|
32
|
-
exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlus = exports.TextLoading = exports.RotateRight = 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.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = void 0;
|
|
32
|
+
exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlus = exports.TextLoading = exports.RotateRight = 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.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = void 0;
|
|
33
33
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
34
|
var Activity_1 = __importDefault(require("./Activity"));
|
|
35
35
|
Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
|
|
@@ -471,6 +471,8 @@ var Live_1 = __importDefault(require("./Live"));
|
|
|
471
471
|
Object.defineProperty(exports, "Live", { enumerable: true, get: function () { return Live_1.default; } });
|
|
472
472
|
var More_1 = __importDefault(require("./More"));
|
|
473
473
|
Object.defineProperty(exports, "More", { enumerable: true, get: function () { return More_1.default; } });
|
|
474
|
+
var NewYear_1 = __importDefault(require("./NewYear"));
|
|
475
|
+
Object.defineProperty(exports, "NewYear", { enumerable: true, get: function () { return NewYear_1.default; } });
|
|
474
476
|
var RotateRight_1 = __importDefault(require("./RotateRight"));
|
|
475
477
|
Object.defineProperty(exports, "RotateRight", { enumerable: true, get: function () { return RotateRight_1.default; } });
|
|
476
478
|
var TextLoading_1 = __importDefault(require("./TextLoading"));
|
|
@@ -1364,6 +1366,10 @@ exports.iconList = {
|
|
|
1364
1366
|
var props = __rest(_a, []);
|
|
1365
1367
|
return (0, jsx_runtime_1.jsx)(More_1.default, __assign({}, props));
|
|
1366
1368
|
},
|
|
1369
|
+
NewYear: function (_a) {
|
|
1370
|
+
var props = __rest(_a, []);
|
|
1371
|
+
return (0, jsx_runtime_1.jsx)(NewYear_1.default, __assign({}, props));
|
|
1372
|
+
},
|
|
1367
1373
|
RotateRight: function (_a) {
|
|
1368
1374
|
var props = __rest(_a, []);
|
|
1369
1375
|
return (0, jsx_runtime_1.jsx)(RotateRight_1.default, __assign({}, props));
|
|
@@ -10,5 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.ProductCardVerticalStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
var devices_1 = require("../../constants/devices");
|
|
13
|
-
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 .cartBadge{\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n &:is(.hasInset){\n left:
|
|
13
|
+
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 .cartBadge{\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n &:is(.hasInset){\n left: 7px;\n top: 0;\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 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 }\n .productCardContent{ \n padding: 1rem 0 0.5rem 0;\n .productCardTitle{\n display: block;\n color: var(--dark);\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 .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\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 .price, .period {\n text-decoration: line-through;\n }\n .price{\n font: var(--caption-semi-bold-12-15);\n }\n .period{\n font:var(--caption-regular-12-15);\n }\n }\n\n .newPrice {\n .price{\n font: var(--body-extra-bold-14-17);\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 .cartBadge{\n position: absolute;\n left: 8px;\n top: 8px;\n z-index: 2;\n &:is(.hasInset){\n left: 7px;\n top: 0;\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 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 }\n .productCardContent{ \n padding: 1rem 0 0.5rem 0;\n .productCardTitle{\n display: block;\n color: var(--dark);\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 .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\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 .price, .period {\n text-decoration: line-through;\n }\n .price{\n font: var(--caption-semi-bold-12-15);\n }\n .period{\n font:var(--caption-regular-12-15);\n }\n }\n\n .newPrice {\n .price{\n font: var(--body-extra-bold-14-17);\n }\n .period{\n font: var(--body-regular-13-16);\n }\n }\n }\n }\n\n ", "\n"])), function (props) { return props.$discountRate ? 'center' : 'end'; }, function (props) { return props.$discountRate ? 'auto 1fr' : '1fr'; }, 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 }\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 "); });
|
|
14
14
|
var templateObject_1;
|
package/dist/jsons/categories.js
CHANGED