krl-alfred 1.70.2 → 1.70.4

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.
Files changed (9) hide show
  1. package/dist/components/Checkbox/Checkbox.js +2 -2
  2. package/dist/components/Checkbox/Checkbox.styled.js +16 -1
  3. package/dist/components/Checkbox/props.js +1 -1
  4. package/dist/components/Icon/TimeCircle.js +1 -1
  5. package/dist/components/Icon/index.js +93 -93
  6. package/dist/components/InsuranceBox/InsuranceBox.js +1 -1
  7. package/dist/components/ProductCard/ProductCard.styled.js +1 -1
  8. package/dist/components/ProductCard/stories/ProductCard.stories.js +12 -1
  9. package/package.json +1 -1
package/dist/components/Checkbox/Checkbox.js CHANGED
@@ -8,9 +8,9 @@ var Checkbox_styled_1 = require("./Checkbox.styled");
8
8
  var prop_types_1 = __importDefault(require("prop-types"));
9
9
  var classnames_1 = __importDefault(require("classnames"));
10
10
  var Checkbox = function (props) {
11
- var _a, _b;
11
+ var _a, _b, _c;
12
12
  var value = props.value, checked = props.checked, onChange = props.onChange, name = props.name, id = props.id, label = props.label, disabled = props.disabled, size = props.size, description = props.description, valid = props.valid;
13
- return ((0, jsx_runtime_1.jsxs)(Checkbox_styled_1.CheckboxStyled, { htmlFor: id, disabled: disabled, checked: checked, size: size, valid: valid, children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", { className: "labelsWrapper", children: [label && ((0, jsx_runtime_1.jsx)("label", { className: (0, classnames_1.default)("label", (_a = {}, _a["caption-semi-bold-12-15"] = size === "small", _a), (_b = {}, _b["body-semi-bold-14-17"] = size === "medium", _b)), htmlFor: id, children: label })), description && ((0, jsx_runtime_1.jsx)("label", { className: (0, classnames_1.default)("description", "body-regular-13-16"), htmlFor: id, children: description }))] }))] }));
13
+ return ((0, jsx_runtime_1.jsxs)(Checkbox_styled_1.CheckboxStyled, { htmlFor: id, disabled: disabled, checked: checked, size: size, valid: valid, children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", { className: "labelsWrapper", children: [label && ((0, jsx_runtime_1.jsx)("label", { className: (0, classnames_1.default)("label", (_a = {}, _a["caption-semi-bold-12-15"] = size === "small", _a), (_b = {}, _b["body-semi-bold-14-17"] = size === "medium", _b), (_c = {}, _c["body-semi-bold-14-17"] = size === "large", _c)), htmlFor: id, children: label })), description && ((0, jsx_runtime_1.jsx)("label", { className: (0, classnames_1.default)("description", "body-regular-13-16"), htmlFor: id, children: description }))] }))] }));
14
14
  };
15
15
  exports.default = Checkbox;
16
16
  Checkbox.propTypes = {
package/dist/components/Checkbox/Checkbox.styled.js CHANGED
@@ -12,12 +12,25 @@ var jsx_runtime_1 = require("react/jsx-runtime");
12
12
  var styled_components_1 = __importDefault(require("styled-components"));
13
13
  var Icon_1 = __importDefault(require("../Icon/Icon"));
14
14
  var svgToBase64_1 = __importDefault(require("./../../utils/svgToBase64"));
15
- exports.CheckboxStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n div.indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: ", ";\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n label.label{\n display:block;\n margin:0;\n }\n label.description{\n display:block;\n margin:0;\n }\n }\n"], ["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n div.indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: ", ";\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n label.label{\n display:block;\n margin:0;\n }\n label.description{\n display:block;\n margin:0;\n }\n }\n"])), (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementChecked" })), function (props) { return props.disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementDisabled" })) : (props.valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementUncheck" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementInvalid" }))); }, function (props) { return (props.size === "small" ? "0 8px 0 0" : "0 16px 0 0"); }, function (props) {
15
+ exports.CheckboxStyled = styled_components_1.default.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n div.indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: ", ";\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n label.label{\n display:block;\n margin:0;\n }\n label.description{\n display:block;\n margin:0;\n }\n }\n"], ["\n flex:1;\n position:relative;\n align-items:center;\n justify-content:flex-start;\n display: grid;\n grid-template-columns: auto 1fr;\n input[type=\"checkbox\"]{\n height: 0;\n width: 0;\n opacity: 0;\n z-index: -1;\n position: absolute;\n &:checked ~ .indicator{\n background-image:url('", "');\n }\n }\n div.indicator{\n background-image:url('", "');\n background-size:100% 100%;\n display:block;\n position:relative;\n margin: ", ";\n width: ", ";\n height: ", ";\n &:disabled {\n cursor: not-allowed;\n }\n }\n div.labelsWrapper{\n position: relative;\n display: grid;\n row-gap: 8px;\n cursor: ", ";\n margin: 0;\n color:", ";\n label.label{\n display:block;\n margin:0;\n }\n label.description{\n display:block;\n margin:0;\n }\n }\n"])), (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementChecked" })), function (props) { return props.disabled ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementDisabled" })) : (props.valid ? (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementUncheck" })) : (0, svgToBase64_1.default)((0, jsx_runtime_1.jsx)(Icon_1.default, { name: "CheckboxElementInvalid" }))); }, function (props) {
16
+ switch (props.size) {
17
+ case 'small':
18
+ return "0 8px 0 0";
19
+ case 'medium':
20
+ return "0 16px 0 0";
21
+ case 'large':
22
+ return "0 24px 0 0";
23
+ default:
24
+ return "0 16px 0 0";
25
+ }
26
+ }, function (props) {
16
27
  switch (props.size) {
17
28
  case 'small':
18
29
  return "16px";
19
30
  case 'medium':
20
31
  return "24px";
32
+ case 'large':
33
+ return "24px";
21
34
  default:
22
35
  return "16px";
23
36
  }
@@ -27,6 +40,8 @@ exports.CheckboxStyled = styled_components_1.default.label(templateObject_1 || (
27
40
  return "16px";
28
41
  case 'medium':
29
42
  return "24px";
43
+ case 'large':
44
+ return "24px";
30
45
  default:
31
46
  return "16px";
32
47
  }
package/dist/components/Checkbox/props.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.sizes = void 0;
4
- exports.sizes = ["small", "medium"];
4
+ exports.sizes = ["small", "medium", "large"];
5
5
  var CheckboxDefault = {
6
6
  size: "small",
7
7
  checked: false,
package/dist/components/Icon/TimeCircle.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgTimeCircle = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsxs)("g", { id: "Time Circle", children: [(0, jsx_runtime_1.jsx)("path", { id: "Stroke 1", fillRule: "evenodd", clipRule: "evenodd", d: "M19.25 10C19.25 15.109 15.109 19.25 10 19.25C4.891 19.25 0.75 15.109 0.75 10C0.75 4.891 4.891 0.75 10 0.75C15.109 0.75 19.25 4.891 19.25 10Z", stroke: "#0A103D", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { id: "Stroke 3", d: "M13.4341 12.9417L9.66406 10.6927V5.8457", stroke: "#0A103D", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })] }) }))); };
39
+ var SvgTimeCircle = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 45, height: 45, viewBox: "0 0 45 45", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M39.8438 22.5C39.8438 32.0794 32.0794 39.8438 22.5 39.8438C12.9206 39.8438 5.15625 32.0794 5.15625 22.5C5.15625 12.9206 12.9206 5.15625 22.5 5.15625C32.0794 5.15625 39.8438 12.9206 39.8438 22.5Z", stroke: "#9763F6", strokeWidth: 4, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.934 28.0179L21.8652 23.801V14.7129", stroke: "#9763F6", strokeWidth: 4, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
40
40
  exports.default = SvgTimeCircle;
package/dist/components/Icon/index.js CHANGED
@@ -26,9 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  };
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.Call = exports.Calendar = exports.BuyBig = exports.Buy = exports.ButtonIcon = exports.Box = exports.Bookmark = exports.Bag3 = exports.Bag = exports.Bag2 = 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.ArrowSmallLeftHover = exports.ArrowSmallLeft = exports.ArrowSmallDown = exports.ArrowShare = exports.ArrowRightSquare = exports.ArrowRightCircle = exports.ArrowRightBig = exports.ArrowRightAnimate = exports.ArrowRight = exports.ArrowPlusCircle = exports.ArrowMediumRight = exports.ArrowMedium = exports.ArrowLeftSquare = exports.ArrowLeftCircle = exports.ArrowLeftBig = exports.ArrowLeftAnimate = exports.ArrowLeft = exports.ArrowGo = exports.ArrowDownSquare = exports.ArrowDownCircle = exports.ArrowDownBig = exports.ArrowDownAnimate = exports.ArrowDown = exports.AgreementArrowUp = exports.AgreementArrowDown = exports.Again = exports.AddUser = exports.Activity = void 0;
29
- exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = exports.Heart = exports.Grid = exports.Graph = exports.Game = exports.Folder = exports.FilterUp = exports.FilterDown = exports.Filter2 = exports.Filter = exports.FacebookStroke = exports.Facebook = exports.ErrorIcon = exports.EditSquare = exports.Edit = exports.Download = exports.Document = exports.Discovery = exports.Discount = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.CloseSquare = exports.CloseMiniHover = exports.Closemini = exports.CloseHover = exports.CloseBigHover = exports.CloseBig = exports.Close = exports.CheckMark = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.Cargo1 = exports.Campaign = exports.Camera = exports.CallSilent = exports.CallMissed = exports.Calling = void 0;
30
- exports.RadioButtonElementChecked = exports.ProfilNamePassive = exports.ProfilName = exports.Profile = exports.PriceTag = exports.PoweredByQnbLogo = exports.Pointinghand = exports.PointFinger = exports.PlusSmall = exports.PlusBig = exports.Plus = exports.Play = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.NotificationSimpleSmall = exports.NotificationSimple = exports.Notification = exports.Notification1 = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.More = exports.Money = exports.Minus = exports.Message = exports.Mastercard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loading = exports.Live = exports.List = exports.LinkedinStroke = exports.LinkedIn = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.InstagramNegative = exports.InfoSquare = void 0;
31
- exports.iconList = exports.Youtube = exports.Work = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet = exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = exports.Upload = exports.Unlock = exports.TwoUser = exports.TwitterStroke = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.TickSquare = exports.TicketStar = exports.Ticket = exports.ThreeUser = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.Steps = exports.Steps2 = exports.Steps1 = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.Setting = exports.Setting1 = exports.Send = exports.Securitywithtik = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = void 0;
29
+ exports.InstagramNegative = exports.InfoSquare = exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = exports.Heart = exports.Graph = exports.Game = exports.Folder = exports.FilterUp = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.ErrorIcon = exports.EditSquare = exports.Edit = exports.Download = exports.Document = exports.Discovery = exports.Discount = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.Closemini = exports.CloseSquare = exports.CloseMiniHover = exports.CloseHover = exports.CloseBigHover = exports.CloseBig = exports.Close = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.Cargo1 = exports.Campaign = exports.Camera = exports.Calling = exports.CallSilent = exports.CallMissed = void 0;
30
+ exports.Securitywithtik = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.ProfilNamePassive = exports.ProfilName = exports.PriceTag = exports.PoweredByQnbLogo = exports.PlusSmall = exports.PlusBig = exports.Plus = exports.Play = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.NotificationSimpleSmall = exports.NotificationSimple = exports.Notification = exports.Notification1 = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.Money = exports.Minus = exports.Message = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loading = exports.List = exports.LinkedIn = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = void 0;
31
+ exports.iconList = exports.Visa = exports.TwitterStroke = exports.Pointinghand = exports.PointFinger = exports.More = exports.Mastercard = exports.Live = exports.LinkedinStroke = exports.Grid = exports.FacebookStroke = exports.Youtube = exports.Work = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet = exports.VolumeUp = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Video = exports.Upload = exports.Unlock = exports.TwoUser = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.TicketStar = exports.Ticket = exports.TickSquare = exports.ThreeUser = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.Steps = exports.Steps2 = exports.Steps1 = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.Setting = exports.Setting1 = exports.Send = void 0;
32
32
  var jsx_runtime_1 = require("react/jsx-runtime");
33
33
  var Activity_1 = __importDefault(require("./Activity"));
34
34
  Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
@@ -130,12 +130,12 @@ var Calendar_1 = __importDefault(require("./Calendar"));
130
130
  Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return Calendar_1.default; } });
131
131
  var Call_1 = __importDefault(require("./Call"));
132
132
  Object.defineProperty(exports, "Call", { enumerable: true, get: function () { return Call_1.default; } });
133
- var Calling_1 = __importDefault(require("./Calling"));
134
- Object.defineProperty(exports, "Calling", { enumerable: true, get: function () { return Calling_1.default; } });
135
133
  var CallMissed_1 = __importDefault(require("./CallMissed"));
136
134
  Object.defineProperty(exports, "CallMissed", { enumerable: true, get: function () { return CallMissed_1.default; } });
137
135
  var CallSilent_1 = __importDefault(require("./CallSilent"));
138
136
  Object.defineProperty(exports, "CallSilent", { enumerable: true, get: function () { return CallSilent_1.default; } });
137
+ var Calling_1 = __importDefault(require("./Calling"));
138
+ Object.defineProperty(exports, "Calling", { enumerable: true, get: function () { return Calling_1.default; } });
139
139
  var Camera_1 = __importDefault(require("./Camera"));
140
140
  Object.defineProperty(exports, "Camera", { enumerable: true, get: function () { return Camera_1.default; } });
141
141
  var Campaign_1 = __importDefault(require("./Campaign"));
@@ -152,6 +152,8 @@ var Chart_1 = __importDefault(require("./Chart"));
152
152
  Object.defineProperty(exports, "Chart", { enumerable: true, get: function () { return Chart_1.default; } });
153
153
  var Chat_1 = __importDefault(require("./Chat"));
154
154
  Object.defineProperty(exports, "Chat", { enumerable: true, get: function () { return Chat_1.default; } });
155
+ var CheckMark_1 = __importDefault(require("./CheckMark"));
156
+ Object.defineProperty(exports, "CheckMark", { enumerable: true, get: function () { return CheckMark_1.default; } });
155
157
  var CheckboxElementChecked_1 = __importDefault(require("./CheckboxElementChecked"));
156
158
  Object.defineProperty(exports, "CheckboxElementChecked", { enumerable: true, get: function () { return CheckboxElementChecked_1.default; } });
157
159
  var CheckboxElementDisabled_1 = __importDefault(require("./CheckboxElementDisabled"));
@@ -160,8 +162,6 @@ var CheckboxElementInvalid_1 = __importDefault(require("./CheckboxElementInvalid
160
162
  Object.defineProperty(exports, "CheckboxElementInvalid", { enumerable: true, get: function () { return CheckboxElementInvalid_1.default; } });
161
163
  var CheckboxElementUncheck_1 = __importDefault(require("./CheckboxElementUncheck"));
162
164
  Object.defineProperty(exports, "CheckboxElementUncheck", { enumerable: true, get: function () { return CheckboxElementUncheck_1.default; } });
163
- var CheckMark_1 = __importDefault(require("./CheckMark"));
164
- Object.defineProperty(exports, "CheckMark", { enumerable: true, get: function () { return CheckMark_1.default; } });
165
165
  var Close_1 = __importDefault(require("./Close"));
166
166
  Object.defineProperty(exports, "Close", { enumerable: true, get: function () { return Close_1.default; } });
167
167
  var CloseBig_1 = __importDefault(require("./CloseBig"));
@@ -170,12 +170,12 @@ var CloseBigHover_1 = __importDefault(require("./CloseBigHover"));
170
170
  Object.defineProperty(exports, "CloseBigHover", { enumerable: true, get: function () { return CloseBigHover_1.default; } });
171
171
  var CloseHover_1 = __importDefault(require("./CloseHover"));
172
172
  Object.defineProperty(exports, "CloseHover", { enumerable: true, get: function () { return CloseHover_1.default; } });
173
- var Closemini_1 = __importDefault(require("./Closemini"));
174
- Object.defineProperty(exports, "Closemini", { enumerable: true, get: function () { return Closemini_1.default; } });
175
173
  var CloseMiniHover_1 = __importDefault(require("./CloseMiniHover"));
176
174
  Object.defineProperty(exports, "CloseMiniHover", { enumerable: true, get: function () { return CloseMiniHover_1.default; } });
177
175
  var CloseSquare_1 = __importDefault(require("./CloseSquare"));
178
176
  Object.defineProperty(exports, "CloseSquare", { enumerable: true, get: function () { return CloseSquare_1.default; } });
177
+ var Closemini_1 = __importDefault(require("./Closemini"));
178
+ Object.defineProperty(exports, "Closemini", { enumerable: true, get: function () { return Closemini_1.default; } });
179
179
  var Copy_1 = __importDefault(require("./Copy"));
180
180
  Object.defineProperty(exports, "Copy", { enumerable: true, get: function () { return Copy_1.default; } });
181
181
  var Danger_1 = __importDefault(require("./Danger"));
@@ -200,8 +200,6 @@ var ErrorIcon_1 = __importDefault(require("./ErrorIcon"));
200
200
  Object.defineProperty(exports, "ErrorIcon", { enumerable: true, get: function () { return ErrorIcon_1.default; } });
201
201
  var Facebook_1 = __importDefault(require("./Facebook"));
202
202
  Object.defineProperty(exports, "Facebook", { enumerable: true, get: function () { return Facebook_1.default; } });
203
- var FacebookStroke_1 = __importDefault(require("./FacebookStroke"));
204
- Object.defineProperty(exports, "FacebookStroke", { enumerable: true, get: function () { return FacebookStroke_1.default; } });
205
203
  var Filter_1 = __importDefault(require("./Filter"));
206
204
  Object.defineProperty(exports, "Filter", { enumerable: true, get: function () { return Filter_1.default; } });
207
205
  var Filter2_1 = __importDefault(require("./Filter2"));
@@ -216,8 +214,6 @@ var Game_1 = __importDefault(require("./Game"));
216
214
  Object.defineProperty(exports, "Game", { enumerable: true, get: function () { return Game_1.default; } });
217
215
  var Graph_1 = __importDefault(require("./Graph"));
218
216
  Object.defineProperty(exports, "Graph", { enumerable: true, get: function () { return Graph_1.default; } });
219
- var Grid_1 = __importDefault(require("./Grid"));
220
- Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.default; } });
221
217
  var Heart_1 = __importDefault(require("./Heart"));
222
218
  Object.defineProperty(exports, "Heart", { enumerable: true, get: function () { return Heart_1.default; } });
223
219
  var Hide_1 = __importDefault(require("./Hide"));
@@ -248,12 +244,8 @@ var LikeV1_1 = __importDefault(require("./LikeV1"));
248
244
  Object.defineProperty(exports, "LikeV1", { enumerable: true, get: function () { return LikeV1_1.default; } });
249
245
  var LinkedIn_1 = __importDefault(require("./LinkedIn"));
250
246
  Object.defineProperty(exports, "LinkedIn", { enumerable: true, get: function () { return LinkedIn_1.default; } });
251
- var LinkedinStroke_1 = __importDefault(require("./LinkedinStroke"));
252
- Object.defineProperty(exports, "LinkedinStroke", { enumerable: true, get: function () { return LinkedinStroke_1.default; } });
253
247
  var List_1 = __importDefault(require("./List"));
254
248
  Object.defineProperty(exports, "List", { enumerable: true, get: function () { return List_1.default; } });
255
- var Live_1 = __importDefault(require("./Live"));
256
- Object.defineProperty(exports, "Live", { enumerable: true, get: function () { return Live_1.default; } });
257
249
  var Loading_1 = __importDefault(require("./Loading"));
258
250
  Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return Loading_1.default; } });
259
251
  var Location_1 = __importDefault(require("./Location"));
@@ -264,16 +256,12 @@ var Login_1 = __importDefault(require("./Login"));
264
256
  Object.defineProperty(exports, "Login", { enumerable: true, get: function () { return Login_1.default; } });
265
257
  var Logout_1 = __importDefault(require("./Logout"));
266
258
  Object.defineProperty(exports, "Logout", { enumerable: true, get: function () { return Logout_1.default; } });
267
- var Mastercard_1 = __importDefault(require("./Mastercard"));
268
- Object.defineProperty(exports, "Mastercard", { enumerable: true, get: function () { return Mastercard_1.default; } });
269
259
  var Message_1 = __importDefault(require("./Message"));
270
260
  Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return Message_1.default; } });
271
261
  var Minus_1 = __importDefault(require("./Minus"));
272
262
  Object.defineProperty(exports, "Minus", { enumerable: true, get: function () { return Minus_1.default; } });
273
263
  var Money_1 = __importDefault(require("./Money"));
274
264
  Object.defineProperty(exports, "Money", { enumerable: true, get: function () { return Money_1.default; } });
275
- var More_1 = __importDefault(require("./More"));
276
- Object.defineProperty(exports, "More", { enumerable: true, get: function () { return More_1.default; } });
277
265
  var MoreCircle_1 = __importDefault(require("./MoreCircle"));
278
266
  Object.defineProperty(exports, "MoreCircle", { enumerable: true, get: function () { return MoreCircle_1.default; } });
279
267
  var MoreSquare_1 = __importDefault(require("./MoreSquare"));
@@ -314,20 +302,16 @@ var PlusBig_1 = __importDefault(require("./PlusBig"));
314
302
  Object.defineProperty(exports, "PlusBig", { enumerable: true, get: function () { return PlusBig_1.default; } });
315
303
  var PlusSmall_1 = __importDefault(require("./PlusSmall"));
316
304
  Object.defineProperty(exports, "PlusSmall", { enumerable: true, get: function () { return PlusSmall_1.default; } });
317
- var PointFinger_1 = __importDefault(require("./PointFinger"));
318
- Object.defineProperty(exports, "PointFinger", { enumerable: true, get: function () { return PointFinger_1.default; } });
319
- var Pointinghand_1 = __importDefault(require("./Pointinghand"));
320
- Object.defineProperty(exports, "Pointinghand", { enumerable: true, get: function () { return Pointinghand_1.default; } });
321
305
  var PoweredByQnbLogo_1 = __importDefault(require("./PoweredByQnbLogo"));
322
306
  Object.defineProperty(exports, "PoweredByQnbLogo", { enumerable: true, get: function () { return PoweredByQnbLogo_1.default; } });
323
307
  var PriceTag_1 = __importDefault(require("./PriceTag"));
324
308
  Object.defineProperty(exports, "PriceTag", { enumerable: true, get: function () { return PriceTag_1.default; } });
325
- var Profile_1 = __importDefault(require("./Profile"));
326
- Object.defineProperty(exports, "Profile", { enumerable: true, get: function () { return Profile_1.default; } });
327
309
  var ProfilName_1 = __importDefault(require("./ProfilName"));
328
310
  Object.defineProperty(exports, "ProfilName", { enumerable: true, get: function () { return ProfilName_1.default; } });
329
311
  var ProfilNamePassive_1 = __importDefault(require("./ProfilNamePassive"));
330
312
  Object.defineProperty(exports, "ProfilNamePassive", { enumerable: true, get: function () { return ProfilNamePassive_1.default; } });
313
+ var Profile_1 = __importDefault(require("./Profile"));
314
+ Object.defineProperty(exports, "Profile", { enumerable: true, get: function () { return Profile_1.default; } });
331
315
  var RadioButtonElementChecked_1 = __importDefault(require("./RadioButtonElementChecked"));
332
316
  Object.defineProperty(exports, "RadioButtonElementChecked", { enumerable: true, get: function () { return RadioButtonElementChecked_1.default; } });
333
317
  var RadioButtonElementDisabled_1 = __importDefault(require("./RadioButtonElementDisabled"));
@@ -378,12 +362,12 @@ var Tamamlarsin_1 = __importDefault(require("./Tamamlarsin"));
378
362
  Object.defineProperty(exports, "Tamamlarsin", { enumerable: true, get: function () { return Tamamlarsin_1.default; } });
379
363
  var ThreeUser_1 = __importDefault(require("./ThreeUser"));
380
364
  Object.defineProperty(exports, "ThreeUser", { enumerable: true, get: function () { return ThreeUser_1.default; } });
365
+ var TickSquare_1 = __importDefault(require("./TickSquare"));
366
+ Object.defineProperty(exports, "TickSquare", { enumerable: true, get: function () { return TickSquare_1.default; } });
381
367
  var Ticket_1 = __importDefault(require("./Ticket"));
382
368
  Object.defineProperty(exports, "Ticket", { enumerable: true, get: function () { return Ticket_1.default; } });
383
369
  var TicketStar_1 = __importDefault(require("./TicketStar"));
384
370
  Object.defineProperty(exports, "TicketStar", { enumerable: true, get: function () { return TicketStar_1.default; } });
385
- var TickSquare_1 = __importDefault(require("./TickSquare"));
386
- Object.defineProperty(exports, "TickSquare", { enumerable: true, get: function () { return TickSquare_1.default; } });
387
371
  var TimeCircle_1 = __importDefault(require("./TimeCircle"));
388
372
  Object.defineProperty(exports, "TimeCircle", { enumerable: true, get: function () { return TimeCircle_1.default; } });
389
373
  var TimeSquare_1 = __importDefault(require("./TimeSquare"));
@@ -392,8 +376,6 @@ var Trash_1 = __importDefault(require("./Trash"));
392
376
  Object.defineProperty(exports, "Trash", { enumerable: true, get: function () { return Trash_1.default; } });
393
377
  var Twitter_1 = __importDefault(require("./Twitter"));
394
378
  Object.defineProperty(exports, "Twitter", { enumerable: true, get: function () { return Twitter_1.default; } });
395
- var TwitterStroke_1 = __importDefault(require("./TwitterStroke"));
396
- Object.defineProperty(exports, "TwitterStroke", { enumerable: true, get: function () { return TwitterStroke_1.default; } });
397
379
  var TwoUser_1 = __importDefault(require("./TwoUser"));
398
380
  Object.defineProperty(exports, "TwoUser", { enumerable: true, get: function () { return TwoUser_1.default; } });
399
381
  var Unlock_1 = __importDefault(require("./Unlock"));
@@ -402,8 +384,6 @@ var Upload_1 = __importDefault(require("./Upload"));
402
384
  Object.defineProperty(exports, "Upload", { enumerable: true, get: function () { return Upload_1.default; } });
403
385
  var Video_1 = __importDefault(require("./Video"));
404
386
  Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return Video_1.default; } });
405
- var Visa_1 = __importDefault(require("./Visa"));
406
- Object.defineProperty(exports, "Visa", { enumerable: true, get: function () { return Visa_1.default; } });
407
387
  var Voice_1 = __importDefault(require("./Voice"));
408
388
  Object.defineProperty(exports, "Voice", { enumerable: true, get: function () { return Voice_1.default; } });
409
389
  var Voice2_1 = __importDefault(require("./Voice2"));
@@ -426,6 +406,26 @@ var Work_1 = __importDefault(require("./Work"));
426
406
  Object.defineProperty(exports, "Work", { enumerable: true, get: function () { return Work_1.default; } });
427
407
  var Youtube_1 = __importDefault(require("./Youtube"));
428
408
  Object.defineProperty(exports, "Youtube", { enumerable: true, get: function () { return Youtube_1.default; } });
409
+ var FacebookStroke_1 = __importDefault(require("./FacebookStroke"));
410
+ Object.defineProperty(exports, "FacebookStroke", { enumerable: true, get: function () { return FacebookStroke_1.default; } });
411
+ var Grid_1 = __importDefault(require("./Grid"));
412
+ Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return Grid_1.default; } });
413
+ var LinkedinStroke_1 = __importDefault(require("./LinkedinStroke"));
414
+ Object.defineProperty(exports, "LinkedinStroke", { enumerable: true, get: function () { return LinkedinStroke_1.default; } });
415
+ var Live_1 = __importDefault(require("./Live"));
416
+ Object.defineProperty(exports, "Live", { enumerable: true, get: function () { return Live_1.default; } });
417
+ var Mastercard_1 = __importDefault(require("./Mastercard"));
418
+ Object.defineProperty(exports, "Mastercard", { enumerable: true, get: function () { return Mastercard_1.default; } });
419
+ var More_1 = __importDefault(require("./More"));
420
+ Object.defineProperty(exports, "More", { enumerable: true, get: function () { return More_1.default; } });
421
+ var PointFinger_1 = __importDefault(require("./PointFinger"));
422
+ Object.defineProperty(exports, "PointFinger", { enumerable: true, get: function () { return PointFinger_1.default; } });
423
+ var Pointinghand_1 = __importDefault(require("./Pointinghand"));
424
+ Object.defineProperty(exports, "Pointinghand", { enumerable: true, get: function () { return Pointinghand_1.default; } });
425
+ var TwitterStroke_1 = __importDefault(require("./TwitterStroke"));
426
+ Object.defineProperty(exports, "TwitterStroke", { enumerable: true, get: function () { return TwitterStroke_1.default; } });
427
+ var Visa_1 = __importDefault(require("./Visa"));
428
+ Object.defineProperty(exports, "Visa", { enumerable: true, get: function () { return Visa_1.default; } });
429
429
  exports.iconList = {
430
430
  Activity: function (_a) {
431
431
  var props = __rest(_a, []);
@@ -627,10 +627,6 @@ exports.iconList = {
627
627
  var props = __rest(_a, []);
628
628
  return (0, jsx_runtime_1.jsx)(Call_1.default, __assign({}, props));
629
629
  },
630
- Calling: function (_a) {
631
- var props = __rest(_a, []);
632
- return (0, jsx_runtime_1.jsx)(Calling_1.default, __assign({}, props));
633
- },
634
630
  CallMissed: function (_a) {
635
631
  var props = __rest(_a, []);
636
632
  return (0, jsx_runtime_1.jsx)(CallMissed_1.default, __assign({}, props));
@@ -639,6 +635,10 @@ exports.iconList = {
639
635
  var props = __rest(_a, []);
640
636
  return (0, jsx_runtime_1.jsx)(CallSilent_1.default, __assign({}, props));
641
637
  },
638
+ Calling: function (_a) {
639
+ var props = __rest(_a, []);
640
+ return (0, jsx_runtime_1.jsx)(Calling_1.default, __assign({}, props));
641
+ },
642
642
  Camera: function (_a) {
643
643
  var props = __rest(_a, []);
644
644
  return (0, jsx_runtime_1.jsx)(Camera_1.default, __assign({}, props));
@@ -671,6 +671,10 @@ exports.iconList = {
671
671
  var props = __rest(_a, []);
672
672
  return (0, jsx_runtime_1.jsx)(Chat_1.default, __assign({}, props));
673
673
  },
674
+ CheckMark: function (_a) {
675
+ var props = __rest(_a, []);
676
+ return (0, jsx_runtime_1.jsx)(CheckMark_1.default, __assign({}, props));
677
+ },
674
678
  CheckboxElementChecked: function (_a) {
675
679
  var props = __rest(_a, []);
676
680
  return ((0, jsx_runtime_1.jsx)(CheckboxElementChecked_1.default, __assign({}, props)));
@@ -687,10 +691,6 @@ exports.iconList = {
687
691
  var props = __rest(_a, []);
688
692
  return ((0, jsx_runtime_1.jsx)(CheckboxElementUncheck_1.default, __assign({}, props)));
689
693
  },
690
- CheckMark: function (_a) {
691
- var props = __rest(_a, []);
692
- return (0, jsx_runtime_1.jsx)(CheckMark_1.default, __assign({}, props));
693
- },
694
694
  Close: function (_a) {
695
695
  var props = __rest(_a, []);
696
696
  return (0, jsx_runtime_1.jsx)(Close_1.default, __assign({}, props));
@@ -707,10 +707,6 @@ exports.iconList = {
707
707
  var props = __rest(_a, []);
708
708
  return (0, jsx_runtime_1.jsx)(CloseHover_1.default, __assign({}, props));
709
709
  },
710
- Closemini: function (_a) {
711
- var props = __rest(_a, []);
712
- return (0, jsx_runtime_1.jsx)(Closemini_1.default, __assign({}, props));
713
- },
714
710
  CloseMiniHover: function (_a) {
715
711
  var props = __rest(_a, []);
716
712
  return (0, jsx_runtime_1.jsx)(CloseMiniHover_1.default, __assign({}, props));
@@ -719,6 +715,10 @@ exports.iconList = {
719
715
  var props = __rest(_a, []);
720
716
  return (0, jsx_runtime_1.jsx)(CloseSquare_1.default, __assign({}, props));
721
717
  },
718
+ Closemini: function (_a) {
719
+ var props = __rest(_a, []);
720
+ return (0, jsx_runtime_1.jsx)(Closemini_1.default, __assign({}, props));
721
+ },
722
722
  Copy: function (_a) {
723
723
  var props = __rest(_a, []);
724
724
  return (0, jsx_runtime_1.jsx)(Copy_1.default, __assign({}, props));
@@ -767,10 +767,6 @@ exports.iconList = {
767
767
  var props = __rest(_a, []);
768
768
  return (0, jsx_runtime_1.jsx)(Facebook_1.default, __assign({}, props));
769
769
  },
770
- FacebookStroke: function (_a) {
771
- var props = __rest(_a, []);
772
- return (0, jsx_runtime_1.jsx)(FacebookStroke_1.default, __assign({}, props));
773
- },
774
770
  Filter: function (_a) {
775
771
  var props = __rest(_a, []);
776
772
  return (0, jsx_runtime_1.jsx)(Filter_1.default, __assign({}, props));
@@ -799,10 +795,6 @@ exports.iconList = {
799
795
  var props = __rest(_a, []);
800
796
  return (0, jsx_runtime_1.jsx)(Graph_1.default, __assign({}, props));
801
797
  },
802
- Grid: function (_a) {
803
- var props = __rest(_a, []);
804
- return (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({}, props));
805
- },
806
798
  Heart: function (_a) {
807
799
  var props = __rest(_a, []);
808
800
  return (0, jsx_runtime_1.jsx)(Heart_1.default, __assign({}, props));
@@ -863,18 +855,10 @@ exports.iconList = {
863
855
  var props = __rest(_a, []);
864
856
  return (0, jsx_runtime_1.jsx)(LinkedIn_1.default, __assign({}, props));
865
857
  },
866
- LinkedinStroke: function (_a) {
867
- var props = __rest(_a, []);
868
- return (0, jsx_runtime_1.jsx)(LinkedinStroke_1.default, __assign({}, props));
869
- },
870
858
  List: function (_a) {
871
859
  var props = __rest(_a, []);
872
860
  return (0, jsx_runtime_1.jsx)(List_1.default, __assign({}, props));
873
861
  },
874
- Live: function (_a) {
875
- var props = __rest(_a, []);
876
- return (0, jsx_runtime_1.jsx)(Live_1.default, __assign({}, props));
877
- },
878
862
  Loading: function (_a) {
879
863
  var props = __rest(_a, []);
880
864
  return (0, jsx_runtime_1.jsx)(Loading_1.default, __assign({}, props));
@@ -895,10 +879,6 @@ exports.iconList = {
895
879
  var props = __rest(_a, []);
896
880
  return (0, jsx_runtime_1.jsx)(Logout_1.default, __assign({}, props));
897
881
  },
898
- Mastercard: function (_a) {
899
- var props = __rest(_a, []);
900
- return (0, jsx_runtime_1.jsx)(Mastercard_1.default, __assign({}, props));
901
- },
902
882
  Message: function (_a) {
903
883
  var props = __rest(_a, []);
904
884
  return (0, jsx_runtime_1.jsx)(Message_1.default, __assign({}, props));
@@ -911,10 +891,6 @@ exports.iconList = {
911
891
  var props = __rest(_a, []);
912
892
  return (0, jsx_runtime_1.jsx)(Money_1.default, __assign({}, props));
913
893
  },
914
- More: function (_a) {
915
- var props = __rest(_a, []);
916
- return (0, jsx_runtime_1.jsx)(More_1.default, __assign({}, props));
917
- },
918
894
  MoreCircle: function (_a) {
919
895
  var props = __rest(_a, []);
920
896
  return (0, jsx_runtime_1.jsx)(MoreCircle_1.default, __assign({}, props));
@@ -995,14 +971,6 @@ exports.iconList = {
995
971
  var props = __rest(_a, []);
996
972
  return (0, jsx_runtime_1.jsx)(PlusSmall_1.default, __assign({}, props));
997
973
  },
998
- PointFinger: function (_a) {
999
- var props = __rest(_a, []);
1000
- return (0, jsx_runtime_1.jsx)(PointFinger_1.default, __assign({}, props));
1001
- },
1002
- Pointinghand: function (_a) {
1003
- var props = __rest(_a, []);
1004
- return (0, jsx_runtime_1.jsx)(Pointinghand_1.default, __assign({}, props));
1005
- },
1006
974
  PoweredByQnbLogo: function (_a) {
1007
975
  var props = __rest(_a, []);
1008
976
  return (0, jsx_runtime_1.jsx)(PoweredByQnbLogo_1.default, __assign({}, props));
@@ -1011,10 +979,6 @@ exports.iconList = {
1011
979
  var props = __rest(_a, []);
1012
980
  return (0, jsx_runtime_1.jsx)(PriceTag_1.default, __assign({}, props));
1013
981
  },
1014
- Profile: function (_a) {
1015
- var props = __rest(_a, []);
1016
- return (0, jsx_runtime_1.jsx)(Profile_1.default, __assign({}, props));
1017
- },
1018
982
  ProfilName: function (_a) {
1019
983
  var props = __rest(_a, []);
1020
984
  return (0, jsx_runtime_1.jsx)(ProfilName_1.default, __assign({}, props));
@@ -1023,6 +987,10 @@ exports.iconList = {
1023
987
  var props = __rest(_a, []);
1024
988
  return (0, jsx_runtime_1.jsx)(ProfilNamePassive_1.default, __assign({}, props));
1025
989
  },
990
+ Profile: function (_a) {
991
+ var props = __rest(_a, []);
992
+ return (0, jsx_runtime_1.jsx)(Profile_1.default, __assign({}, props));
993
+ },
1026
994
  RadioButtonElementChecked: function (_a) {
1027
995
  var props = __rest(_a, []);
1028
996
  return ((0, jsx_runtime_1.jsx)(RadioButtonElementChecked_1.default, __assign({}, props)));
@@ -1123,6 +1091,10 @@ exports.iconList = {
1123
1091
  var props = __rest(_a, []);
1124
1092
  return (0, jsx_runtime_1.jsx)(ThreeUser_1.default, __assign({}, props));
1125
1093
  },
1094
+ TickSquare: function (_a) {
1095
+ var props = __rest(_a, []);
1096
+ return (0, jsx_runtime_1.jsx)(TickSquare_1.default, __assign({}, props));
1097
+ },
1126
1098
  Ticket: function (_a) {
1127
1099
  var props = __rest(_a, []);
1128
1100
  return (0, jsx_runtime_1.jsx)(Ticket_1.default, __assign({}, props));
@@ -1131,10 +1103,6 @@ exports.iconList = {
1131
1103
  var props = __rest(_a, []);
1132
1104
  return (0, jsx_runtime_1.jsx)(TicketStar_1.default, __assign({}, props));
1133
1105
  },
1134
- TickSquare: function (_a) {
1135
- var props = __rest(_a, []);
1136
- return (0, jsx_runtime_1.jsx)(TickSquare_1.default, __assign({}, props));
1137
- },
1138
1106
  TimeCircle: function (_a) {
1139
1107
  var props = __rest(_a, []);
1140
1108
  return (0, jsx_runtime_1.jsx)(TimeCircle_1.default, __assign({}, props));
@@ -1151,10 +1119,6 @@ exports.iconList = {
1151
1119
  var props = __rest(_a, []);
1152
1120
  return (0, jsx_runtime_1.jsx)(Twitter_1.default, __assign({}, props));
1153
1121
  },
1154
- TwitterStroke: function (_a) {
1155
- var props = __rest(_a, []);
1156
- return (0, jsx_runtime_1.jsx)(TwitterStroke_1.default, __assign({}, props));
1157
- },
1158
1122
  TwoUser: function (_a) {
1159
1123
  var props = __rest(_a, []);
1160
1124
  return (0, jsx_runtime_1.jsx)(TwoUser_1.default, __assign({}, props));
@@ -1171,10 +1135,6 @@ exports.iconList = {
1171
1135
  var props = __rest(_a, []);
1172
1136
  return (0, jsx_runtime_1.jsx)(Video_1.default, __assign({}, props));
1173
1137
  },
1174
- Visa: function (_a) {
1175
- var props = __rest(_a, []);
1176
- return (0, jsx_runtime_1.jsx)(Visa_1.default, __assign({}, props));
1177
- },
1178
1138
  Voice: function (_a) {
1179
1139
  var props = __rest(_a, []);
1180
1140
  return (0, jsx_runtime_1.jsx)(Voice_1.default, __assign({}, props));
@@ -1219,4 +1179,44 @@ exports.iconList = {
1219
1179
  var props = __rest(_a, []);
1220
1180
  return (0, jsx_runtime_1.jsx)(Youtube_1.default, __assign({}, props));
1221
1181
  },
1182
+ FacebookStroke: function (_a) {
1183
+ var props = __rest(_a, []);
1184
+ return (0, jsx_runtime_1.jsx)(FacebookStroke_1.default, __assign({}, props));
1185
+ },
1186
+ Grid: function (_a) {
1187
+ var props = __rest(_a, []);
1188
+ return (0, jsx_runtime_1.jsx)(Grid_1.default, __assign({}, props));
1189
+ },
1190
+ LinkedinStroke: function (_a) {
1191
+ var props = __rest(_a, []);
1192
+ return (0, jsx_runtime_1.jsx)(LinkedinStroke_1.default, __assign({}, props));
1193
+ },
1194
+ Live: function (_a) {
1195
+ var props = __rest(_a, []);
1196
+ return (0, jsx_runtime_1.jsx)(Live_1.default, __assign({}, props));
1197
+ },
1198
+ Mastercard: function (_a) {
1199
+ var props = __rest(_a, []);
1200
+ return (0, jsx_runtime_1.jsx)(Mastercard_1.default, __assign({}, props));
1201
+ },
1202
+ More: function (_a) {
1203
+ var props = __rest(_a, []);
1204
+ return (0, jsx_runtime_1.jsx)(More_1.default, __assign({}, props));
1205
+ },
1206
+ PointFinger: function (_a) {
1207
+ var props = __rest(_a, []);
1208
+ return (0, jsx_runtime_1.jsx)(PointFinger_1.default, __assign({}, props));
1209
+ },
1210
+ Pointinghand: function (_a) {
1211
+ var props = __rest(_a, []);
1212
+ return (0, jsx_runtime_1.jsx)(Pointinghand_1.default, __assign({}, props));
1213
+ },
1214
+ TwitterStroke: function (_a) {
1215
+ var props = __rest(_a, []);
1216
+ return (0, jsx_runtime_1.jsx)(TwitterStroke_1.default, __assign({}, props));
1217
+ },
1218
+ Visa: function (_a) {
1219
+ var props = __rest(_a, []);
1220
+ return (0, jsx_runtime_1.jsx)(Visa_1.default, __assign({}, props));
1221
+ },
1222
1222
  };
package/dist/components/InsuranceBox/InsuranceBox.js CHANGED
@@ -13,7 +13,7 @@ var InsuranceBox = function (props) {
13
13
  var InsuranceText = function () {
14
14
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h1", { className: "body-extra-bold-13-16", children: "Tamamlars\u0131n %100\u2019e Tamamlay\u0131c\u0131 Ek G\u00FCvence Paketi" }), (0, jsx_runtime_1.jsx)("p", { className: "caption-medium-11-13", children: "Tamamlars\u0131n, kira s\u00FCren boyunca cihaz\u0131na ek g\u00FCvence sa\u011Flar. Ek g\u00FCvence kapsam\u0131nda cihaz\u0131n de\u011Fi\u015Ftirilir veya \u00FCcretsiz onar\u0131l\u0131r. Ek g\u00FCvenceli kiralamalarda kira s\u00FCreni uzat\u0131rken, yeni kira s\u00FCresine ait ek g\u00FCvencen otomatik olarak sepete eklenir. Ek g\u00FCvencesiz yap\u0131lan kiralamalarda, s\u00FCre uzat\u0131m\u0131 s\u0131ras\u0131nda sonradan ek g\u00FCvence eklenemez." }), (0, jsx_runtime_1.jsxs)("ul", { children: [(0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "D\u00FC\u015Fme, \u00E7arpma gibi kazalarda olu\u015Fan hasarlar" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "S\u0131v\u0131 temas\u0131" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "Ekran vb par\u00E7a k\u0131r\u0131lmalar\u0131" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "\u00C7izilmeler" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "Kutu hasarlar\u0131" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "K\u0131sa devre, voltaj nedeniyle olu\u015Fabilecek sorunlar" }), (0, jsx_runtime_1.jsx)("li", { className: "caption-medium-11-13", children: "Hatal\u0131 aksesuar kullan\u0131m\u0131 sorunlar\u0131" })] }), (0, jsx_runtime_1.jsxs)("p", { className: "caption-medium-11-13", children: [(0, jsx_runtime_1.jsx)("strong", { children: "Uyar\u0131:" }), " Kay\u0131p, \u00E7al\u0131nma, kas\u0131tl\u0131 zarar verme, onar\u0131lamaz duruma getirme, cihaz\u0131n kutusunu kaybetme gibi durumlarda ve 5.000 TL\u2019yi a\u015Fan hasarlarda ek g\u00FCvence paketi ge\u00E7erli de\u011Fildir."] })] }));
15
15
  };
16
- return ((0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InsuranceBoxStyled, { hasBorder: hasBorder, hasBgColor: hasBgColor, width: width, height: height, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { disabled: disabled, onChange: onChange, checked: checked, size: "medium" }) }), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InnerWrapper, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Logo, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Tamamlarsin", width: isMobile ? "116px" : "64.51px", height: isMobile ? "13.25px" : "7.37px" }) }), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.DescriptionWrapper, { children: [(0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.Description, { className: "caption-semi-bold-12-15", children: ["Hasar g\u00FCvenceni %100\u2019e ", isTitleWrap && (0, jsx_runtime_1.jsx)("br", {}), "tamamlars\u0131n! ", (0, jsx_runtime_1.jsx)("b", { className: "body-extra-bold-13-16", children: priceText })] }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: tooltipTitle, position: tooltipPosition, hasCloseOnOutsideClick: hasCloseOnOutsideClick, hasClickAction: true, popupWidth: popupWidth, iconWidth: "24px", iconHeight: "24px", children: tooltipDescription || ((0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.TooltipDescription, { children: (0, jsx_runtime_1.jsx)(InsuranceText, {}) })) })] })] })] }));
16
+ return ((0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InsuranceBoxStyled, { hasBorder: hasBorder, hasBgColor: hasBgColor, width: width, height: height, children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Checkbox_1.default, { disabled: disabled, onChange: onChange, checked: checked, size: "large" }) }), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.InnerWrapper, { children: [(0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.Logo, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Tamamlarsin", width: isMobile ? "116px" : "64.51px", height: isMobile ? "13.25px" : "7.37px" }) }), (0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.DescriptionWrapper, { children: [(0, jsx_runtime_1.jsxs)(InsuranceBox_styled_1.Description, { className: "caption-semi-bold-12-15", children: ["Hasar g\u00FCvenceni %100\u2019e ", isTitleWrap && (0, jsx_runtime_1.jsx)("br", {}), "tamamlars\u0131n! ", (0, jsx_runtime_1.jsx)("b", { className: "body-extra-bold-13-16", children: priceText })] }), (0, jsx_runtime_1.jsx)(Tooltip_1.default, { title: tooltipTitle, position: tooltipPosition, hasCloseOnOutsideClick: hasCloseOnOutsideClick, hasClickAction: true, popupWidth: popupWidth, iconWidth: "24px", iconHeight: "24px", children: tooltipDescription || ((0, jsx_runtime_1.jsx)(InsuranceBox_styled_1.TooltipDescription, { children: (0, jsx_runtime_1.jsx)(InsuranceText, {}) })) })] })] })] }));
17
17
  };
18
18
  InsuranceBox.defaultProps = {
19
19
  height: "90px",
package/dist/components/ProductCard/ProductCard.styled.js CHANGED
@@ -13,5 +13,5 @@ var devices_1 = require("../../constants/devices");
13
13
  exports.ChecklistStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: block;\n max-width: 634px;\n ", "\n .productCardInner {\n border: 1px solid var(--dark-opacity-10);\n border-radius: 8px;\n padding: 24px;\n background-color: white;\n grid-template-columns: auto auto 1fr;\n display: grid;\n justify-content: flex-start;\n @media only screen and ", " {\n padding: 24px 16px;\n }\n .productCardCheckboxContent{\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n &:is(.hidden){\n display: none;\n }\n .indicator{ \n margin-right: 24px;\n @media only screen and ", " {\n margin-right: 8px;\n }\n }\n }\n .productCardImg {\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n margin-right: 16px;\n overflow: hidden;\n @media only screen and ", " {\n margin-right: 16px;\n }\n\n > * {\n display: block;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n }\n }\n .productCardTitle{\n min-height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n text-align: start;\n }\n .productCardContent{ \n margin: 1.5rem auto 0 0;\n grid-column-start: 1;\n grid-column-end: 4;\n width: 100%;\n\n @media only screen and ", " {\n margin: 1rem auto 0 0;\n }\n }\n }\n"], ["\n display: block;\n max-width: 634px;\n ", "\n .productCardInner {\n border: 1px solid var(--dark-opacity-10);\n border-radius: 8px;\n padding: 24px;\n background-color: white;\n grid-template-columns: auto auto 1fr;\n display: grid;\n justify-content: flex-start;\n @media only screen and ", " {\n padding: 24px 16px;\n }\n .productCardCheckboxContent{\n height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n &:is(.hidden){\n display: none;\n }\n .indicator{ \n margin-right: 24px;\n @media only screen and ", " {\n margin-right: 8px;\n }\n }\n }\n .productCardImg {\n width: 64px;\n height: 64px;\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n margin-right: 16px;\n overflow: hidden;\n @media only screen and ", " {\n margin-right: 16px;\n }\n\n > * {\n display: block;\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center center;\n }\n }\n .productCardTitle{\n min-height: 64px;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n text-align: start;\n }\n .productCardContent{ \n margin: 1.5rem auto 0 0;\n grid-column-start: 1;\n grid-column-end: 4;\n width: 100%;\n\n @media only screen and ", " {\n margin: 1rem auto 0 0;\n }\n }\n }\n"])), function (props) { return props.disabled ? "\n user-select:none;\n pointer-events:none;\n " : ""; }, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.sm, devices_1.devices.lg);
14
14
  exports.StandartStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0 6px 30px 0 #EAE9F0;\n border-radius: 0.5rem;\n min-width: 240px;\n padding: ", ";\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 6px 30px 0 #B8B8CD;\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: ", ";\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\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 .productCardContent{ \n padding: ", ";\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: ", ";\n word-break: break-word;\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: ", ";\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: ", ";\n height: ", ";\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n\n .price, .period {\n text-decoration: line-through;\n }\n }\n\n .newPrice {\n\n }\n }\n }\n"], ["\n box-shadow: 0 6px 30px 0 #EAE9F0;\n border-radius: 0.5rem;\n min-width: 240px;\n padding: ", ";\n transition: all .2s ease;\n position: relative;\n box-sizing: border-box;\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n &:hover {\n box-shadow: 0 6px 30px 0 #B8B8CD;\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: ", ";\n box-sizing: border-box;\n z-index: 1;\n text-align: center;\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 .productCardContent{ \n padding: ", ";\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: ", ";\n word-break: break-word;\n }\n .productCardDescription{\n display: block;\n margin-top: 0.5rem;\n color: var(--grey-40);\n margin-bottom: ", ";\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n height: ", ";\n word-break: break-word;\n }\n\n .productCardPriceContent {\n display: grid;\n align-items: ", ";\n justify-content: flex-start;\n height: ", ";\n grid-template-columns: ", ";\n\n .discountRate {\n margin-right: 0.5rem;\n width: ", ";\n height: ", ";\n border-radius: 8px;\n background-color: var(--primary-opacity-10);\n color: var(--primary);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .oldPrice, .newPrice {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n }\n\n .oldPrice {\n color: var(--dark-opacity-25);\n margin-bottom: 2px;\n\n .price, .period {\n text-decoration: line-through;\n }\n }\n\n .newPrice {\n\n }\n }\n }\n"])), function (props) { return props.isMobile ? '1.5rem' : '1rem'; }, function (props) { return props.isMobile ? '215px' : '150px'; }, function (props) { return props.isMobile ? '1.5rem 0 0.5rem 0' : '1rem 0 0.5rem 0'; }, function (props) { return props.isMobile ? '44px' : '38px'; }, function (props) { return props.isMobile ? '1.5rem' : '1.5rem'; }, function (props) { return props.isMobile ? '37px' : '34px'; }, function (props) { return props.discountRate ? 'center' : 'end'; }, function (props) { return props.isMobile ? '48px' : '36px'; }, function (props) { return props.discountRate ? 'auto 1fr' : '1fr'; }, function (props) { return props.isMobile ? '65px' : '48px'; }, function (props) { return props.isMobile ? '48px' : '36px'; });
15
15
  exports.HorizontalStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: var(--dark);\n padding: 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n\n &:hover {\n background: var(--dark-opacity-3);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n\n .img {\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: 142px;\n height: 88px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n @media only screen and ", " {\n margin-right: 0.5rem;\n width: 71px;\n height: 50px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n border: 0;\n }\n\n > * {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n display: block;\n }\n }\n .title{\n display: block;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .description {\n color: var(--grey-50);\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .priceContent {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n\n .period {\n\n }\n }\n }\n"], ["\n color: var(--dark);\n padding: 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n\n &:hover {\n background: var(--dark-opacity-3);\n }\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr;\n align-items: center;\n\n .img {\n border: 1px solid var(--dark-opacity-5);\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: 142px;\n height: 88px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n @media only screen and ", " {\n margin-right: 0.5rem;\n width: 71px;\n height: 50px;\n box-shadow: 0 6px 30px 0 var(--dark-opacity-5);\n border: 0;\n }\n\n > * {\n width: 100%;\n height: 100%;\n object-fit: contain;\n object-position: center center;\n display: block;\n }\n }\n .title{\n display: block;\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .description {\n color: var(--grey-50);\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n\n .priceContent {\n display: flex;\n align-items: end;\n justify-content: flex-start;\n\n .price {\n margin-right: 2px;\n }\n\n .period {\n\n }\n }\n }\n"])), devices_1.devices.sm);
16
- exports.HorizontalSmStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: 2rem;\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n }\n\n .price {\n display: block;\n }\n }\n }\n"], ["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: 2rem;\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n }\n\n .price {\n display: block;\n }\n }\n }\n"])), function (props) { return props.hasImageBorder ? '1px solid var(--dark-opacity-5)' : 'none'; }, function (props) { return props.imageWidth ? props.imageWidth : '71px'; }, function (props) { return props.imageHeight ? props.imageHeight : '50px'; });
16
+ exports.HorizontalSmStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: ", ";\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n }\n\n .price {\n display: block;\n }\n }\n }\n"], ["\n color: var(--dark);\n padding: 0 0.5rem;\n transition: all .2s ease;\n border-radius: 8px;\n border: 1px solid var(--grey-10);\n\n a {\n text-decoration: none;\n color: inherit;\n }\n\n .horizontalSmWrapper {\n text-decoration: none;\n display: grid;\n grid-template-columns: auto 1fr auto;\n align-items: center;\n height: 66px;\n padding-right: 1rem;\n\n .img {\n border: ", ";\n border-radius: 8px;\n position: relative;\n overflow: hidden;\n width: ", ";\n height: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 1rem;\n background: white;\n\n > * {\n vertical-align: middle !important;\n }\n }\n\n .text {\n padding-right: ", ";\n .title {\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-word;\n }\n }\n\n .priceContent {\n text-align: end;\n\n .period {\n display: block;\n margin-bottom: 4px;\n }\n\n .price {\n display: block;\n }\n }\n }\n"])), function (props) { return props.hasImageBorder ? '1px solid var(--dark-opacity-5)' : 'none'; }, function (props) { return props.imageWidth ? props.imageWidth : '71px'; }, function (props) { return props.imageHeight ? props.imageHeight : '50px'; }, function (props) { return props.period ? "2rem" : "0"; });
17
17
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
package/dist/components/ProductCard/stories/ProductCard.stories.js CHANGED
@@ -20,7 +20,18 @@ var ProductCard_1 = __importDefault(require("../ProductCard"));
20
20
  var props_1 = require("../props");
21
21
  exports.default = {
22
22
  title: "Components/ProductCard",
23
- component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: ["standart"].includes(props.layout) ? '240px' : 'initial' }, children: (0, jsx_runtime_1.jsx)(ProductCard_1.default, __assign({}, props)) }); },
23
+ component: function (props) {
24
+ switch (props.layout) {
25
+ case 'standart':
26
+ return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "240px" }, children: (0, jsx_runtime_1.jsx)(ProductCard_1.default, __assign({}, props)) });
27
+ case 'checklist':
28
+ return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "634px" }, children: (0, jsx_runtime_1.jsx)(ProductCard_1.default, __assign({}, props)) });
29
+ case 'horizontalSm':
30
+ return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "622px" }, children: (0, jsx_runtime_1.jsx)(ProductCard_1.default, __assign({}, props)) });
31
+ default:
32
+ return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "initial" }, children: (0, jsx_runtime_1.jsx)(ProductCard_1.default, __assign({}, props)) });
33
+ }
34
+ },
24
35
  tags: ['autodocs'],
25
36
  argTypes: {
26
37
  contentAlignment: { control: 'select', options: props_1.contentAlignments },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "krl-alfred",
3
- "version": "1.70.2",
3
+ "version": "1.70.4",
4
4
  "files": [
5
5
  "dist"
6
6
  ],