krl-alfred 1.80.15 → 1.80.17
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/DescriptionCard/DescriptionCard.js +2 -2
- package/dist/components/DescriptionCard/DescriptionCard.styled.js +1 -1
- package/dist/components/DescriptionCard/props.js +4 -1
- package/dist/components/DescriptionCard/stories/DescriptionCard.stories.js +2 -0
- 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/package.json +1 -1
|
@@ -22,8 +22,8 @@ var OptionMenu_1 = __importDefault(require("../OptionMenu"));
|
|
|
22
22
|
var AccordionItem_1 = __importDefault(require("./AccordionItem"));
|
|
23
23
|
var Button_1 = __importDefault(require("./../Button"));
|
|
24
24
|
var DescriptionCard = function (_a) {
|
|
25
|
-
var _b = _a.title, title = _b === void 0 ? props_1.DescriptionCardDefault.title : _b, _c = _a.headerButtonText, headerButtonText = _c === void 0 ? props_1.DescriptionCardDefault.headerButtonText : _c, _d = _a.hasHeaderDropdown, hasHeaderDropdown = _d === void 0 ? props_1.DescriptionCardDefault.hasHeaderDropdown : _d, _e = _a.list, list = _e === void 0 ? props_1.DescriptionCardDefault.list : _e, _f = _a.hasBadge, hasBadge = _f === void 0 ? props_1.DescriptionCardDefault.hasBadge : _f, _g = _a.badgeText, badgeText = _g === void 0 ? props_1.DescriptionCardDefault.badgeText : _g, _h = _a.hasHeader, hasHeader = _h === void 0 ? props_1.DescriptionCardDefault.hasHeader : _h, _j = _a.hasRounded, hasRounded = _j === void 0 ? props_1.DescriptionCardDefault.hasRounded : _j, _k = _a.hasBorder, hasBorder = _k === void 0 ? props_1.DescriptionCardDefault.hasBorder : _k, _l = _a.headerImage, headerImage = _l === void 0 ? props_1.DescriptionCardDefault.headerImage : _l, _m = _a.dropdownList, dropdownList = _m === void 0 ? props_1.DescriptionCardDefault.dropdownList : _m, _o = _a.dropdownWidth, dropdownWidth = _o === void 0 ? props_1.DescriptionCardDefault.dropdownWidth : _o, _p = _a.accordionList, accordionList = _p === void 0 ? props_1.DescriptionCardDefault.accordionList : _p, _q = _a.boxSize, boxSize = _q === void 0 ? props_1.DescriptionCardDefault.boxSize : _q, _r = _a.hasHeaderButton, hasHeaderButton = _r === void 0 ? props_1.DescriptionCardDefault.hasHeaderButton : _r, _s = _a.headerButtonWidth, headerButtonWidth = _s === void 0 ? props_1.DescriptionCardDefault.headerButtonWidth : _s, headerButtonAction = _a.headerButtonAction;
|
|
26
|
-
return ((0, jsx_runtime_1.jsxs)(DescriptionCard_styled_1.DescriptionCardStyled, __assign({ "$hasRounded": hasRounded, "$hasBorder": hasBorder }, { children: [hasHeader && ((0, jsx_runtime_1.jsxs)(DescriptionCard_styled_1.DescriptionCardHeaderStyled, __assign({ "$headerImage": headerImage }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [headerImage && ((0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.HeaderImageWrapperStyled, { children: headerImage })), (0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.HeaderTitleStyled, { children: title }), hasBadge && ((0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.BadgeWrapper, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "secondary", title: badgeText }) }))] }),
|
|
25
|
+
var _b = _a.title, title = _b === void 0 ? props_1.DescriptionCardDefault.title : _b, _c = _a.headerButtonText, headerButtonText = _c === void 0 ? props_1.DescriptionCardDefault.headerButtonText : _c, _d = _a.hasHeaderDropdown, hasHeaderDropdown = _d === void 0 ? props_1.DescriptionCardDefault.hasHeaderDropdown : _d, _e = _a.list, list = _e === void 0 ? props_1.DescriptionCardDefault.list : _e, _f = _a.hasBadge, hasBadge = _f === void 0 ? props_1.DescriptionCardDefault.hasBadge : _f, _g = _a.badgeText, badgeText = _g === void 0 ? props_1.DescriptionCardDefault.badgeText : _g, _h = _a.hasHeader, hasHeader = _h === void 0 ? props_1.DescriptionCardDefault.hasHeader : _h, _j = _a.hasRounded, hasRounded = _j === void 0 ? props_1.DescriptionCardDefault.hasRounded : _j, _k = _a.hasBorder, hasBorder = _k === void 0 ? props_1.DescriptionCardDefault.hasBorder : _k, _l = _a.headerImage, headerImage = _l === void 0 ? props_1.DescriptionCardDefault.headerImage : _l, _m = _a.dropdownList, dropdownList = _m === void 0 ? props_1.DescriptionCardDefault.dropdownList : _m, _o = _a.dropdownWidth, dropdownWidth = _o === void 0 ? props_1.DescriptionCardDefault.dropdownWidth : _o, _p = _a.accordionList, accordionList = _p === void 0 ? props_1.DescriptionCardDefault.accordionList : _p, _q = _a.boxSize, boxSize = _q === void 0 ? props_1.DescriptionCardDefault.boxSize : _q, _r = _a.hasHeaderButton, hasHeaderButton = _r === void 0 ? props_1.DescriptionCardDefault.hasHeaderButton : _r, _s = _a.headerButtonWidth, headerButtonWidth = _s === void 0 ? props_1.DescriptionCardDefault.headerButtonWidth : _s, _t = _a.hasHeaderPrimaryButton, hasHeaderPrimaryButton = _t === void 0 ? props_1.DescriptionCardDefault.hasHeaderPrimaryButton : _t, _u = _a.headerPrimaryButtonAction, headerPrimaryButtonAction = _u === void 0 ? props_1.DescriptionCardDefault.headerPrimaryButtonAction : _u, _v = _a.headerPrimaryButtonText, headerPrimaryButtonText = _v === void 0 ? props_1.DescriptionCardDefault.headerPrimaryButtonText : _v, headerButtonAction = _a.headerButtonAction;
|
|
26
|
+
return ((0, jsx_runtime_1.jsxs)(DescriptionCard_styled_1.DescriptionCardStyled, __assign({ "$hasRounded": hasRounded, "$hasBorder": hasBorder }, { children: [hasHeader && ((0, jsx_runtime_1.jsxs)(DescriptionCard_styled_1.DescriptionCardHeaderStyled, __assign({ "$headerImage": headerImage }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [headerImage && ((0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.HeaderImageWrapperStyled, { children: headerImage })), (0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.HeaderTitleStyled, { children: title }), hasBadge && ((0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.BadgeWrapper, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "text", variant: "secondary", title: badgeText }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "rightFrame" }, { children: [hasHeaderPrimaryButton && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ onClick: headerPrimaryButtonAction, size: "xsmall", variant: "primary" }, { children: headerPrimaryButtonText })) })), hasHeaderButton && ((0, jsx_runtime_1.jsxs)(DescriptionCard_styled_1.DropdownWrapper, { children: [(0, jsx_runtime_1.jsx)(Button_1.default, __assign({ width: headerButtonWidth, onClick: headerButtonAction, size: "xsmall", variant: "inverted", icon: hasHeaderDropdown ? "ArrowSmallDown" : null }, { children: headerButtonText })), hasHeaderDropdown && ((0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.SubMenu, { children: (0, jsx_runtime_1.jsx)(OptionMenu_1.default, { hasActiveItem: false, data: dropdownList, rowLength: 20, gridItemWidth: dropdownWidth }) }))] }))] }))] }))), (0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.ListStyled, __assign({ "$boxSize": boxSize }, { children: list.map(function (listItem, key) { return ((0, jsx_runtime_1.jsxs)("li", { children: [(0, jsx_runtime_1.jsx)("strong", __assign({ className: "displayTitle" }, { children: listItem.title })), (0, jsx_runtime_1.jsx)("span", __assign({ className: "displayValue" }, { children: listItem.display || "-" }))] }, key)); }) })), (accordionList === null || accordionList === void 0 ? void 0 : accordionList.length) > 0 && ((0, jsx_runtime_1.jsx)(DescriptionCard_styled_1.AccordionListWrapper, { children: accordionList === null || accordionList === void 0 ? void 0 : accordionList.map(function (item, key) {
|
|
27
27
|
return (0, jsx_runtime_1.jsx)(AccordionItem_1.default, { data: item }, key);
|
|
28
28
|
}) }))] })));
|
|
29
29
|
};
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.AccordionItemBody = exports.AccordionItemHeader = exports.AccordionItemWrapper = exports.AccordionListWrapper = exports.SubMenu = exports.DropdownWrapper = exports.ListStyled = exports.BadgeWrapper = exports.HeaderImageWrapperStyled = exports.HeaderTitleStyled = exports.DescriptionCardHeaderStyled = exports.DescriptionCardStyled = void 0;
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.DescriptionCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n position: relative;\n border-radius: ", ";\n overflow: hidden;\n &:before{\n content: \"\";\n position: absolute;\n inset: 0;\n border: ", ";\n border-radius: inherit;\n user-select: none;\n pointer-events: none;\n z-index: 2;\n }\n"], ["\n display: block;\n position: relative;\n border-radius: ", ";\n overflow: hidden;\n &:before{\n content: \"\";\n position: absolute;\n inset: 0;\n border: ", ";\n border-radius: inherit;\n user-select: none;\n pointer-events: none;\n z-index: 2;\n }\n"])), function (props) { return props.$hasRounded ? "0.5rem" : "0"; }, function (props) { return props.$hasBorder ? "1px solid var(--dark-opacity-10)" : "none"; });
|
|
13
|
-
exports.DescriptionCardHeaderStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid var(--dark-opacity-10);\n > div{\n
|
|
13
|
+
exports.DescriptionCardHeaderStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding: ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid var(--dark-opacity-10);\n > div{\n display: flex;\n align-items: center;\n justify-content: start;\n &:last-child{\n > div{\n margin-left: 1rem;\n }\n }\n }\n"], ["\n padding: ", ";\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-bottom: 1px solid var(--dark-opacity-10);\n > div{\n display: flex;\n align-items: center;\n justify-content: start;\n &:last-child{\n > div{\n margin-left: 1rem;\n }\n }\n }\n"])), function (props) { return props.$headerImage ? "1rem 1.5rem" : "1.5rem"; });
|
|
14
14
|
exports.HeaderTitleStyled = styled_components_1.default.strong(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n font: var(--headline-semi-bold-18-22);\n display: block;\n"], ["\n font: var(--headline-semi-bold-18-22);\n display: block;\n"])));
|
|
15
15
|
exports.HeaderImageWrapperStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: block;\n border: 1px solid var(--dark-opacity-5);\n width: 64px;\n height: 64px;\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin-right: 1.5rem;\n *{\n width: 100%;\n height: 100%;\n object-fit: contain;\n display: block;\n padding: 0.5rem;\n box-sizing: border-box;\n }\n"], ["\n display: block;\n border: 1px solid var(--dark-opacity-5);\n width: 64px;\n height: 64px;\n border-radius: 0.5rem;\n position: relative;\n overflow: hidden;\n margin-right: 1.5rem;\n *{\n width: 100%;\n height: 100%;\n object-fit: contain;\n display: block;\n padding: 0.5rem;\n box-sizing: border-box;\n }\n"])));
|
|
16
16
|
exports.BadgeWrapper = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n margin-left: 1.5rem;\n"], ["\n display: block;\n margin-left: 1.5rem;\n"])));
|
|
@@ -17,5 +17,8 @@ exports.DescriptionCardDefault = {
|
|
|
17
17
|
dropdownWidth: null,
|
|
18
18
|
boxSize: 5,
|
|
19
19
|
hasHeaderButton: false,
|
|
20
|
-
headerButtonWidth: null
|
|
20
|
+
headerButtonWidth: null,
|
|
21
|
+
hasHeaderPrimaryButton: false,
|
|
22
|
+
headerPrimaryButtonAction: null,
|
|
23
|
+
headerPrimaryButtonText: "Header Primary Button Text"
|
|
21
24
|
};
|
|
@@ -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;
|