@egov3/system-design 1.3.146 → 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/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/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
|
@@ -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;;;;"}
|
|
@@ -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;;;;"}
|