@egov3/system-design 1.3.145 → 1.3.147
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/cjs/components/Messages/HelpNotification/index.js +4 -1
- package/dist/cjs/components/Messages/HelpNotification/index.js.map +1 -1
- package/dist/cjs/components/ServiceCardComponent/ServiceCardComponent.module.css.js +2 -2
- package/dist/cjs/components/ServiceCardComponent/index.js +5 -4
- package/dist/cjs/components/ServiceCardComponent/index.js.map +1 -1
- package/dist/esm/components/Messages/HelpNotification/index.js +4 -1
- package/dist/esm/components/Messages/HelpNotification/index.js.map +1 -1
- package/dist/esm/components/ServiceCardComponent/ServiceCardComponent.module.css.js +2 -2
- package/dist/esm/components/ServiceCardComponent/index.js +5 -4
- package/dist/esm/components/ServiceCardComponent/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,10 +12,13 @@ const HelpNotification = ({ icon, children, handleOnClick, ariaLabel, dataTestid
|
|
|
12
12
|
const handleMouseLeave = () => {
|
|
13
13
|
setVisible(false);
|
|
14
14
|
};
|
|
15
|
-
return (jsxRuntime.jsxs("button", { type: "button", className: HelpNotification_module.default.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onClick: () => {
|
|
15
|
+
return (jsxRuntime.jsxs("button", { type: "button", className: HelpNotification_module.default.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onBlur: handleMouseLeave, onClick: () => {
|
|
16
16
|
if (handleOnClick) {
|
|
17
17
|
handleOnClick();
|
|
18
18
|
}
|
|
19
|
+
else {
|
|
20
|
+
setVisible(true);
|
|
21
|
+
}
|
|
19
22
|
}, tabIndex: 0, "aria-expanded": visible, "aria-label": ariaLabel, children: [jsxRuntime.jsx("div", { className: HelpNotification_module.default.icon, "data-testid": "HelpNotification_BUTTON", children: icon }), visible && (jsxRuntime.jsxs("div", { className: HelpNotification_module.default.notification, "data-testid": "HelpNotification_NOTIFICATION", children: [jsxRuntime.jsx("div", { className: HelpNotification_module.default.arrow, "data-testid": "HelpNotification_ARROW", children: jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "13", viewBox: "0 0 28 13", children: jsxRuntime.jsx("path", { d: "M28 12.9988L0 12.9988C6.894 13.1061 10.7704 6.17509 12.6198 1.40184C13.0084 0.398973 14.9916 0.398973 15.3802 1.40184C17.2296 6.17509 21.106 13.1061 28 12.9988Z" }) }) }), jsxRuntime.jsx("div", { className: HelpNotification_module.default.block, "data-testid": "HelpNotification_BLOCK", children: children })] }))] }));
|
|
20
23
|
};
|
|
21
24
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","styles","_jsx"],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","styles","_jsx"],"mappings":";;;;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEC,eAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAEC,+BAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;iBAAO;gBACL,UAAU,CAAC,IAAI,CAAC;YAClB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,yBACE,SAAS,EAAEC,+BAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEC,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,yBAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,wBAAK,SAAS,EAAED,+BAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".ServiceCardComponent-module_popularServiceCard__PSpZk {\n position: relative;\n padding: 16px;\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n background: var(--surface-surface-1);\n text-align: left;\n color: var(--text-primary);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk:hover {\n background: var(--surface-surface-3-color);\n}\n\n@media (min-width: 768px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--tablet) - 8px);\n }\n}\n\n@media (min-width: 1024px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--labtop) - 8px);\n }\n}\n\n@media (min-width: 1440px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--desktop) - 8px);\n }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__Zj57c {\n background: var(--text-white-nonconvert-color);\n width: 48px;\n height: 48px;\n border-radius: 32px;\n display: inline-block;\n}\n\n.ServiceCardComponent-module_TopServicesCardText__kvXXg {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 12px;\n}\n\n.ServiceCardComponent-module_tagNew__ZXAN5 {\n display: inline-block;\n padding: 3px 6px;\n background: var(--leaf);\n text-align: center;\n border-radius: 20px;\n font-weight: 600;\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_tagsBackground__-jLWc {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18px;\n height: 18px;\n border-radius: 6px;\n background-color: var(--page-color-background-white);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-
|
|
6
|
-
var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__Zj57c","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__kvXXg","tagNew":"ServiceCardComponent-module_tagNew__ZXAN5","tagsBackground":"ServiceCardComponent-module_tagsBackground__-jLWc","
|
|
5
|
+
var css_248z = ".ServiceCardComponent-module_popularServiceCard__PSpZk {\n position: relative;\n padding: 16px;\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n background: var(--surface-surface-1);\n text-align: left;\n color: var(--text-primary);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk:hover {\n background: var(--surface-surface-3-color);\n}\n\n@media (min-width: 768px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--tablet) - 8px);\n }\n}\n\n@media (min-width: 1024px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--labtop) - 8px);\n }\n}\n\n@media (min-width: 1440px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--desktop) - 8px);\n }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__Zj57c {\n background: var(--text-white-nonconvert-color);\n width: 48px;\n height: 48px;\n border-radius: 32px;\n display: inline-block;\n}\n\n.ServiceCardComponent-module_TopServicesCardText__kvXXg {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 12px;\n}\n\n.ServiceCardComponent-module_tagNew__ZXAN5 {\n display: inline-block;\n padding: 3px 6px;\n background: var(--leaf);\n text-align: center;\n border-radius: 20px;\n font-weight: 600;\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_tagsBackground__-jLWc {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18px;\n height: 18px;\n border-radius: 6px;\n background-color: var(--page-color-background-white);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_category__ddt6j {\n width: 12px;\n}\n\n.ServiceCardComponent-module_subcategory__gU--u {\n padding: 12px;\n}\n";
|
|
6
|
+
var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__Zj57c","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__kvXXg","tagNew":"ServiceCardComponent-module_tagNew__ZXAN5","tagsBackground":"ServiceCardComponent-module_tagsBackground__-jLWc","category":"ServiceCardComponent-module_category__ddt6j","subcategory":"ServiceCardComponent-module_subcategory__gU--u"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -34,11 +34,12 @@ require('../../baseComponents/TabButtons/TabButtons.module.css.js');
|
|
|
34
34
|
require('../../baseComponents/TextareaField/index.js');
|
|
35
35
|
var ServiceCardComponent_module = require('./ServiceCardComponent.module.css.js');
|
|
36
36
|
|
|
37
|
-
const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, }) => (jsxRuntime.jsxs("button", { "data-testid": "ServiceCardComponent_BUTTON", onClick: handleOrderService, className: ServiceCardComponent_module.default.popularServiceCard, type: "button", children: [jsxRuntime.jsx("div", { "data-testid": "ServiceCardComponent_WRAPPER", className: ServiceCardComponent_module.default.TopServicesIconWrapper, children:
|
|
37
|
+
const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, }) => (jsxRuntime.jsxs("button", { "data-testid": "ServiceCardComponent_BUTTON", onClick: handleOrderService, className: ServiceCardComponent_module.default.popularServiceCard, type: "button", children: [jsxRuntime.jsx("div", { "data-testid": "ServiceCardComponent_WRAPPER", className: ServiceCardComponent_module.default.TopServicesIconWrapper, children: badge.subcategory &&
|
|
38
|
+
React.cloneElement(badge.subcategory.icon, {
|
|
39
|
+
className: ServiceCardComponent_module.default.subcategory,
|
|
40
|
+
}) }), isNew ? (jsxRuntime.jsx(index.Typography, { "data-testid": "ServiceCardComponent_NEW", tag: "span", className: ServiceCardComponent_module.default.tagNew, fontClass: "caption2Semibold", children: "NEW" })) : (jsxRuntime.jsx("div", { "data-testid": "ServiceCardComponent_CATEGORY", className: ServiceCardComponent_module.default.tagsBackground, children: React.cloneElement(badge.category.icon, {
|
|
38
41
|
className: ServiceCardComponent_module.default.category,
|
|
39
|
-
}) }),
|
|
40
|
-
className: ServiceCardComponent_module.default.subcategory,
|
|
41
|
-
}) }))), jsxRuntime.jsx(index.Typography, { "aria-label": title, "data-testid": "ServiceCardComponent_LABEL", tag: "span", fontClass: "caption1Regular", className: ServiceCardComponent_module.default.TopServicesCardText, children: title })] }));
|
|
42
|
+
}) })), jsxRuntime.jsx(index.Typography, { "aria-label": title, "data-testid": "ServiceCardComponent_LABEL", tag: "span", fontClass: "caption1Regular", className: ServiceCardComponent_module.default.TopServicesCardText, children: title })] }));
|
|
42
43
|
|
|
43
44
|
exports.ServiceCardComponent = ServiceCardComponent;
|
|
44
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","styles","_jsx","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAca,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,GACsB,MAC3BA,eAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAEC,mCAAM,CAAC,kBAAkB,EACpC,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEbC,uCACc,8BAA8B,EAC1C,SAAS,EAAED,mCAAM,CAAC,sBAAsB,EAAA,QAAA,EAEvC,KAAK,CAAC,WAAW;gBAChB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;oBACzC,SAAS,EAAEA,mCAAM,CAAC,WAAW;iBAC9B,CAAC,EAAA,CACA,EACL,KAAK,IACJC,cAAA,CAACC,gBAAU,EAAA,EAAA,aAAA,EACG,0BAA0B,EACtC,GAAG,EAAC,MAAM,EACV,SAAS,EAAEF,mCAAM,CAAC,MAAM,EACxB,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,KAAA,EAAA,CAGjB,KAEbC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAED,mCAAM,CAAC,cAAc,EAAA,QAAA,EAE/B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;gBACvC,SAAS,EAAEA,mCAAM,CAAC,QAAQ;AAC3B,aAAA,CAAC,EAAA,CACE,CACP,EACDC,cAAA,CAACC,gBAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAEF,mCAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACK,CAAA,EAAA,CACN;;;;"}
|
|
@@ -10,10 +10,13 @@ const HelpNotification = ({ icon, children, handleOnClick, ariaLabel, dataTestid
|
|
|
10
10
|
const handleMouseLeave = () => {
|
|
11
11
|
setVisible(false);
|
|
12
12
|
};
|
|
13
|
-
return (jsxs("button", { type: "button", className: styles.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onClick: () => {
|
|
13
|
+
return (jsxs("button", { type: "button", className: styles.wrap, "data-testid": dataTestid, onMouseLeave: handleMouseLeave, onMouseEnter: handleMouseEnter, onBlur: handleMouseLeave, onClick: () => {
|
|
14
14
|
if (handleOnClick) {
|
|
15
15
|
handleOnClick();
|
|
16
16
|
}
|
|
17
|
+
else {
|
|
18
|
+
setVisible(true);
|
|
19
|
+
}
|
|
17
20
|
}, tabIndex: 0, "aria-expanded": visible, "aria-label": ariaLabel, children: [jsx("div", { className: styles.icon, "data-testid": "HelpNotification_BUTTON", children: icon }), visible && (jsxs("div", { className: styles.notification, "data-testid": "HelpNotification_NOTIFICATION", children: [jsx("div", { className: styles.arrow, "data-testid": "HelpNotification_ARROW", children: jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "13", viewBox: "0 0 28 13", children: jsx("path", { d: "M28 12.9988L0 12.9988C6.894 13.1061 10.7704 6.17509 12.6198 1.40184C13.0084 0.398973 14.9916 0.398973 15.3802 1.40184C17.2296 6.17509 21.106 13.1061 28 12.9988Z" }) }) }), jsx("div", { className: styles.block, "data-testid": "HelpNotification_BLOCK", children: children })] }))] }));
|
|
18
21
|
};
|
|
19
22
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Messages/HelpNotification/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAYO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EACJ,QAAQ,EACR,aAAa,EACb,SAAS,EACT,UAAU,GACa,KAAI;IAC3B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,IAAI,CAAC;AAClB,IAAA,CAAC;IAED,MAAM,gBAAgB,GAAG,MAAK;QAC5B,UAAU,CAAC,KAAK,CAAC;AACnB,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAA,QAAA,EAAA,EACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EACT,UAAU,EACvB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,gBAAgB,EAC9B,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,MAAK;YACZ,IAAI,aAAa,EAAE;AACjB,gBAAA,aAAa,EAAE;YACjB;iBAAO;gBACL,UAAU,CAAC,IAAI,CAAC;YAClB;AACF,QAAA,CAAC,EACD,QAAQ,EAAE,CAAC,EAAA,eAAA,EACI,OAAO,EAAA,YAAA,EACV,SAAS,EAAA,QAAA,EAAA,CAErBC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,aAAA,EAAc,yBAAyB,EAAA,QAAA,EAC/D,IAAI,EAAA,CACD,EACL,OAAO,KACND,cACE,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,aAAA,EAClB,+BAA+B,aAE3CC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,EAAA,QAAA,EAChEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EAAA,QAAA,EAEnBA,cAAM,CAAC,EAAC,kKAAkK,EAAA,CAAG,GACzK,EAAA,CACF,EACNA,aAAK,SAAS,EAAE,MAAM,CAAC,KAAK,EAAA,aAAA,EAAc,wBAAwB,YAC/D,QAAQ,EAAA,CACL,IACF,CACP,CAAA,EAAA,CACM;AAEb;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".ServiceCardComponent-module_popularServiceCard__PSpZk {\n position: relative;\n padding: 16px;\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n background: var(--surface-surface-1);\n text-align: left;\n color: var(--text-primary);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk:hover {\n background: var(--surface-surface-3-color);\n}\n\n@media (min-width: 768px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--tablet) - 8px);\n }\n}\n\n@media (min-width: 1024px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--labtop) - 8px);\n }\n}\n\n@media (min-width: 1440px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--desktop) - 8px);\n }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__Zj57c {\n background: var(--text-white-nonconvert-color);\n width: 48px;\n height: 48px;\n border-radius: 32px;\n display: inline-block;\n}\n\n.ServiceCardComponent-module_TopServicesCardText__kvXXg {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 12px;\n}\n\n.ServiceCardComponent-module_tagNew__ZXAN5 {\n display: inline-block;\n padding: 3px 6px;\n background: var(--leaf);\n text-align: center;\n border-radius: 20px;\n font-weight: 600;\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_tagsBackground__-jLWc {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18px;\n height: 18px;\n border-radius: 6px;\n background-color: var(--page-color-background-white);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-
|
|
2
|
-
var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__Zj57c","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__kvXXg","tagNew":"ServiceCardComponent-module_tagNew__ZXAN5","tagsBackground":"ServiceCardComponent-module_tagsBackground__-jLWc","
|
|
1
|
+
var css_248z = ".ServiceCardComponent-module_popularServiceCard__PSpZk {\n position: relative;\n padding: 16px;\n display: flex;\n flex-direction: column;\n border-radius: 12px;\n background: var(--surface-surface-1);\n text-align: left;\n color: var(--text-primary);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk:hover {\n background: var(--surface-surface-3-color);\n}\n\n@media (min-width: 768px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--tablet) - 8px);\n }\n}\n\n@media (min-width: 1024px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--labtop) - 8px);\n }\n}\n\n@media (min-width: 1440px) {\n .ServiceCardComponent-module_popularServiceCard__PSpZk {\n flex-basis: calc(100% / var(--desktop) - 8px);\n }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__Zj57c {\n background: var(--text-white-nonconvert-color);\n width: 48px;\n height: 48px;\n border-radius: 32px;\n display: inline-block;\n}\n\n.ServiceCardComponent-module_TopServicesCardText__kvXXg {\n display: -webkit-box;\n -webkit-line-clamp: 3;\n line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-top: 12px;\n}\n\n.ServiceCardComponent-module_tagNew__ZXAN5 {\n display: inline-block;\n padding: 3px 6px;\n background: var(--leaf);\n text-align: center;\n border-radius: 20px;\n font-weight: 600;\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_tagsBackground__-jLWc {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 18px;\n height: 18px;\n border-radius: 6px;\n background-color: var(--page-color-background-white);\n box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);\n position: absolute;\n top: 8px;\n right: 8px;\n}\n\n.ServiceCardComponent-module_category__ddt6j {\n width: 12px;\n}\n\n.ServiceCardComponent-module_subcategory__gU--u {\n padding: 12px;\n}\n";
|
|
2
|
+
var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__Zj57c","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__kvXXg","tagNew":"ServiceCardComponent-module_tagNew__ZXAN5","tagsBackground":"ServiceCardComponent-module_tagsBackground__-jLWc","category":"ServiceCardComponent-module_category__ddt6j","subcategory":"ServiceCardComponent-module_subcategory__gU--u"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -32,11 +32,12 @@ import '../../baseComponents/TabButtons/TabButtons.module.css.js';
|
|
|
32
32
|
import '../../baseComponents/TextareaField/index.js';
|
|
33
33
|
import styles from './ServiceCardComponent.module.css.js';
|
|
34
34
|
|
|
35
|
-
const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, }) => (jsxs("button", { "data-testid": "ServiceCardComponent_BUTTON", onClick: handleOrderService, className: styles.popularServiceCard, type: "button", children: [jsx("div", { "data-testid": "ServiceCardComponent_WRAPPER", className: styles.TopServicesIconWrapper, children:
|
|
35
|
+
const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, }) => (jsxs("button", { "data-testid": "ServiceCardComponent_BUTTON", onClick: handleOrderService, className: styles.popularServiceCard, type: "button", children: [jsx("div", { "data-testid": "ServiceCardComponent_WRAPPER", className: styles.TopServicesIconWrapper, children: badge.subcategory &&
|
|
36
|
+
React.cloneElement(badge.subcategory.icon, {
|
|
37
|
+
className: styles.subcategory,
|
|
38
|
+
}) }), isNew ? (jsx(Typography, { "data-testid": "ServiceCardComponent_NEW", tag: "span", className: styles.tagNew, fontClass: "caption2Semibold", children: "NEW" })) : (jsx("div", { "data-testid": "ServiceCardComponent_CATEGORY", className: styles.tagsBackground, children: React.cloneElement(badge.category.icon, {
|
|
36
39
|
className: styles.category,
|
|
37
|
-
}) }),
|
|
38
|
-
className: styles.subcategory,
|
|
39
|
-
}) }))), jsx(Typography, { "aria-label": title, "data-testid": "ServiceCardComponent_LABEL", tag: "span", fontClass: "caption1Regular", className: styles.TopServicesCardText, children: title })] }));
|
|
40
|
+
}) })), jsx(Typography, { "aria-label": title, "data-testid": "ServiceCardComponent_LABEL", tag: "span", fontClass: "caption1Regular", className: styles.TopServicesCardText, children: title })] }));
|
|
40
41
|
|
|
41
42
|
export { ServiceCardComponent };
|
|
42
43
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAca,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,GACsB,MAC3BA,IAAA,CAAA,QAAA,EAAA,EAAA,aAAA,EACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,MAAM,CAAC,kBAAkB,EACpC,IAAI,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEbC,4BACc,8BAA8B,EAC1C,SAAS,EAAE,MAAM,CAAC,sBAAsB,EAAA,QAAA,EAEvC,KAAK,CAAC,WAAW;gBAChB,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;oBACzC,SAAS,EAAE,MAAM,CAAC,WAAW;iBAC9B,CAAC,EAAA,CACA,EACL,KAAK,IACJA,GAAA,CAAC,UAAU,EAAA,EAAA,aAAA,EACG,0BAA0B,EACtC,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,MAAM,CAAC,MAAM,EACxB,SAAS,EAAC,kBAAkB,EAAA,QAAA,EAAA,KAAA,EAAA,CAGjB,KAEbA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,+BAA+B,EAC3C,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,QAAA,EAE/B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;gBACvC,SAAS,EAAE,MAAM,CAAC,QAAQ;AAC3B,aAAA,CAAC,EAAA,CACE,CACP,EACDA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACG,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,iBAAiB,EAC3B,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACK,CAAA,EAAA,CACN;;;;"}
|