@egov3/system-design 1.3.171 → 1.3.173

package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var PersonalIDLabeled = require('@egov3/graphics/Documents/PersonalIDLabeled');
+require('../../../styles/colors.css.js');
+var joinClasses = require('../../../utils/joinClasses.js');
+require('../../../baseComponents/Accordion/Accordion.module.css.js');
+require('@egov3/graphics/General/Close');
+require('react');
+require('../../../baseComponents/Overlay/Overlay.module.css.js');
+var index = require('../../../baseComponents/Typography/index.js');
+require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
+require('../../../styles/typography.module.css.js');
+require('../../../baseComponents/Button/button.module.css.js');
+require('@egov3/graphics/General/CheckboxEmpty');
+require('@egov3/graphics/General/CheckboxEmptyFilled');
+require('../../../baseComponents/Checkbox/Checkbox.module.css.js');
+require('../../../baseComponents/InputField/index.js');
+require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
+require('../../../baseComponents/Label/Label.module.css.js');
+require('../../../baseComponents/Loader/Loader.module.css.js');
+require('../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js');
+require('@egov3/graphics/Basic/ChevronLeft');
+require('@egov3/graphics/Logo/Egov');
+require('../../../baseComponents/Modal/Modal.module.css.js');
+require('../../../baseComponents/RadioGroup/RadioGroup.module.css.js');
+require('../../../baseComponents/RadioToggle/RadioToggle.module.css.js');
+require('@egov3/graphics/General/DocFilled');
+require('@egov3/graphics/General/CheckedRound');
+require('@egov3/graphics/General/Error');
+require('@egov3/graphics/General/InfoStroke');
+require('../../../baseComponents/TextPair/TextPair.module.css.js');
+require('../../../baseComponents/StatusText/StatusText.module.css.js');
+require('../../../baseComponents/Responses/Responses.module.css.js');
+require('@egov3/graphics/General/Clear');
+require('@egov3/graphics/General/Loader');
+require('@egov3/graphics/General/Search');
+require('../../../baseComponents/SearchBar/SearchBar.module.css.js');
+require('@egov3/graphics/Basic/ChevronDownSmall');
+require('../../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js');
+require('@egov3/graphics/Basic/Check');
+require('@egov3/graphics/General/Hourglass');
+require('../../../baseComponents/StatusStepper/StatusStepper.module.css.js');
+require('../../../baseComponents/TabButtons/TabButtons.module.css.js');
+require('../../../baseComponents/TextareaField/index.js');
+var PersonalIDTemplate_module = require('./PersonalIDTemplate.module.css.js');
+
+const PersonalIDTemplate = ({ userPhoto, userSign, userData, className, }) => (jsxRuntime.jsxs("div", { className: joinClasses.joinClasses(PersonalIDTemplate_module.default.card, className), "data-testid": "PersonalIDTemplate", children: [jsxRuntime.jsx(PersonalIDLabeled.PersonalIDLabeledIllustration, { className: PersonalIDTemplate_module.default.illustration }), jsxRuntime.jsxs("div", { className: PersonalIDTemplate_module.default.overlay, "data-testid": "PersonalIDTemplate_OVERLAY", children: [jsxRuntime.jsx("img", { className: PersonalIDTemplate_module.default.photo, src: userPhoto, alt: "user-photo", "data-testid": "PersonalIDTemplate_PHOTO" }), jsxRuntime.jsx("img", { className: PersonalIDTemplate_module.default.sign, src: userSign, alt: "user-sign", "data-testid": "PersonalIDTemplate_SIGN" }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.lastName), "data-testid": "PersonalIDTemplate_LASTNAME_VALUE", children: userData.lastName }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.firstName), "data-testid": "PersonalIDTemplate_FIRSTNAME_VALUE", children: userData.firstName }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.middleName), "data-testid": "PersonalIDTemplate_MIDDLENAME_VALUE", children: userData.middleName }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.birthDate), "data-testid": "PersonalIDTemplate_BIRTHDATE_VALUE", children: userData.birthDate }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.gender), "data-testid": "PersonalIDTemplate_GENDER_VALUE", children: userData.gender }), jsxRuntime.jsx(index.Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses.joinClasses(PersonalIDTemplate_module.default.field, PersonalIDTemplate_module.default.iin), "data-testid": "PersonalIDTemplate_IIN_VALUE", children: userData.IIN })] })] }));
+
+exports.PersonalIDTemplate = PersonalIDTemplate;
+//# sourceMappingURL=PersonalIDTemplate.js.map

package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","joinClasses","styles","_jsx","PersonalIDLabeledIllustration","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACgB,MACzBA,eAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAEC,uBAAW,CAACC,iCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAClC,oBAAoB,EAAA,QAAA,EAAA,CAEhCC,cAAA,CAACC,+CAA6B,EAAA,EAAC,SAAS,EAAEF,iCAAM,CAAC,YAAY,EAAA,CAAI,EAEjEF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,iCAAM,CAAC,OAAO,EAAA,aAAA,EAAc,4BAA4B,EAAA,QAAA,EAAA,CACtEC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,iCAAM,CAAC,KAAK,EACvB,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,YAAY,EAAA,aAAA,EACJ,0BAA0B,EAAA,CACtC,EACFC,cAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAED,iCAAM,CAAC,IAAI,EACtB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,WAAW,EAAA,aAAA,EACH,yBAAyB,EAAA,CACrC,EAEFC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,QAAQ,CAAC,EAAA,aAAA,EACzC,mCAAmC,EAAA,QAAA,EAE9C,QAAQ,CAAC,QAAQ,GACP,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbC,cAAA,CAACE,gBAAU,IACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,UAAU,CAAC,EAAA,aAAA,EAC3C,qCAAqC,EAAA,QAAA,EAEhD,QAAQ,CAAC,UAAU,EAAA,CACT,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,MAAM,CAAC,EAAA,aAAA,EACvC,iCAAiC,EAAA,QAAA,EAE5C,QAAQ,CAAC,MAAM,EAAA,CACL,EAEbC,cAAA,CAACE,gBAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAEJ,uBAAW,CAACC,iCAAM,CAAC,KAAK,EAAEA,iCAAM,CAAC,GAAG,CAAC,iBACpC,8BAA8B,EAAA,QAAA,EAEzC,QAAQ,CAAC,GAAG,EAAA,CACF,CAAA,EAAA,CACT,CAAA,EAAA,CACF;;;;"}

package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var css_248z = ".PersonalIDTemplate-module_card__WThmZ {\n  position: relative;\n  display: inline-block;\n  width: 364px;\n  container-type: inline-size;\n  color: var(--text-primary);\n}\n\n.PersonalIDTemplate-module_illustration__HPKBU {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC {\n  position: absolute;\n  inset: 0;\n}\n\n.PersonalIDTemplate-module_photo__VtZsV {\n  position: absolute;\n  left: 4.55cqi;\n  top: 16.32cqi;\n  width: 29.68cqi;\n  height: 38.18cqi;\n  object-fit: cover;\n  background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_sign__zBLAP {\n  position: absolute;\n  left: 50cqi;\n  top: 52.82cqi;\n  width: 25.2cqi;\n  height: 8.59cqi;\n  object-fit: fill;\n  background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC .PersonalIDTemplate-module_field__94BPp {\n  position: absolute;\n  font-size: 2.57cqi; /* 22px @ 857 */\n  line-height: 2.8cqi; /* 24px @ 857 */\n}\n\n.PersonalIDTemplate-module_lastName__RyBV5 {\n  left: 37.23cqi;\n  top: 21.81cqi;\n}\n\n.PersonalIDTemplate-module_firstName__EjRDV {\n  left: 37.23cqi;\n  top: 30.16cqi;\n}\n\n.PersonalIDTemplate-module_middleName__2DAhJ {\n  left: 37.23cqi;\n  top: 39.47cqi;\n}\n\n.PersonalIDTemplate-module_birthDate__9LndI {\n  left: 37.23cqi;\n  top: 47.58cqi;\n}\n\n.PersonalIDTemplate-module_gender__M-nA1 {\n  left: 73.21cqi;\n  top: 47.58cqi;\n  text-align: center;\n}\n\n.PersonalIDTemplate-module_iin__KKSjh {\n  left: 12.53cqi;\n  top: 58.3cqi;\n}\n";
+var styles = {"card":"PersonalIDTemplate-module_card__WThmZ","illustration":"PersonalIDTemplate-module_illustration__HPKBU","overlay":"PersonalIDTemplate-module_overlay__wd4gC","photo":"PersonalIDTemplate-module_photo__VtZsV","sign":"PersonalIDTemplate-module_sign__zBLAP","field":"PersonalIDTemplate-module_field__94BPp","lastName":"PersonalIDTemplate-module_lastName__RyBV5","firstName":"PersonalIDTemplate-module_firstName__EjRDV","middleName":"PersonalIDTemplate-module_middleName__2DAhJ","birthDate":"PersonalIDTemplate-module_birthDate__9LndI","gender":"PersonalIDTemplate-module_gender__M-nA1","iin":"PersonalIDTemplate-module_iin__KKSjh"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+exports.default = styles;
+//# sourceMappingURL=PersonalIDTemplate.module.css.js.map

package/dist/cjs/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalIDTemplate.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/components/{ServiceCardComponent → Services/ServiceCardComponent}/ServiceCardComponent.module.css.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk.ServiceCardComponent-module_mobile__EgbOw {\n  background: var(--surface-surface-2);\n  box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk.ServiceCardComponent-module_mobile__EgbOw:hover {\n  background: var(--surface-surface-2);\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_TopServicesIconWrapper__Zj57c.ServiceCardComponent-module_mobile__EgbOw {\n  background: var(--surface-surface-1);\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  box-sizing: content-box;\n}\n";
-var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","mobile":"ServiceCardComponent-module_mobile__EgbOw","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"};
+var css_248z = ".ServiceCardComponent-module_popularServiceCard__Bl38s {\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__Bl38s:hover {\n  background: var(--surface-surface-3);\n}\n\n.ServiceCardComponent-module_popularServiceCard__Bl38s.ServiceCardComponent-module_mobile__5HdJE {\n  background: var(--surface-surface-2);\n  box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n\n.ServiceCardComponent-module_popularServiceCard__Bl38s.ServiceCardComponent-module_mobile__5HdJE:hover {\n  background: var(--surface-surface-2);\n}\n\n@media (min-width: 768px) {\n  .ServiceCardComponent-module_popularServiceCard__Bl38s {\n    flex-basis: calc(100% / var(--tablet) - 8px);\n  }\n}\n\n@media (min-width: 1024px) {\n  .ServiceCardComponent-module_popularServiceCard__Bl38s {\n    flex-basis: calc(100% / var(--labtop) - 8px);\n  }\n}\n\n@media (min-width: 1440px) {\n  .ServiceCardComponent-module_popularServiceCard__Bl38s {\n    flex-basis: calc(100% / var(--desktop) - 8px);\n  }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__dmBe1 {\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_TopServicesIconWrapper__dmBe1.ServiceCardComponent-module_mobile__5HdJE {\n  background: var(--surface-surface-1);\n}\n\n.ServiceCardComponent-module_TopServicesCardText__zkBak {\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__UjvMd {\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__8L8lQ {\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__z8J9C {\n  width: 12px;\n}\n\n.ServiceCardComponent-module_subcategory__Aqdix {\n  padding: 12px;\n  box-sizing: content-box;\n}\n";
+var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__Bl38s","mobile":"ServiceCardComponent-module_mobile__5HdJE","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__dmBe1","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__zkBak","tagNew":"ServiceCardComponent-module_tagNew__UjvMd","tagsBackground":"ServiceCardComponent-module_tagsBackground__8L8lQ","category":"ServiceCardComponent-module_category__z8J9C","subcategory":"ServiceCardComponent-module_subcategory__Aqdix"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/cjs/components/{ServiceCardComponent → Services/ServiceCardComponent}/index.js

@@ -2,46 +2,46 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('../../styles/colors.css.js');
-var joinClasses = require('../../utils/joinClasses.js');
-require('../../baseComponents/Accordion/Accordion.module.css.js');
+require('../../../styles/colors.css.js');
+var joinClasses = require('../../../utils/joinClasses.js');
+require('../../../baseComponents/Accordion/Accordion.module.css.js');
 require('@egov3/graphics/General/Close');
-require('../../baseComponents/Overlay/Overlay.module.css.js');
-var index = require('../../baseComponents/Typography/index.js');
-require('../../baseComponents/BottomSheet/BottomSheet.module.css.js');
-require('../../styles/typography.module.css.js');
-require('../../baseComponents/Button/button.module.css.js');
+require('../../../baseComponents/Overlay/Overlay.module.css.js');
+var index = require('../../../baseComponents/Typography/index.js');
+require('../../../baseComponents/BottomSheet/BottomSheet.module.css.js');
+require('../../../styles/typography.module.css.js');
+require('../../../baseComponents/Button/button.module.css.js');
 require('@egov3/graphics/General/CheckboxEmpty');
 require('@egov3/graphics/General/CheckboxEmptyFilled');
-require('../../baseComponents/Checkbox/Checkbox.module.css.js');
-require('../../baseComponents/InputField/index.js');
-require('../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
-require('../../baseComponents/Label/Label.module.css.js');
-require('../../baseComponents/Loader/Loader.module.css.js');
-require('../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js');
+require('../../../baseComponents/Checkbox/Checkbox.module.css.js');
+require('../../../baseComponents/InputField/index.js');
+require('../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js');
+require('../../../baseComponents/Label/Label.module.css.js');
+require('../../../baseComponents/Loader/Loader.module.css.js');
+require('../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js');
 require('@egov3/graphics/Basic/ChevronLeft');
 require('@egov3/graphics/Logo/Egov');
-require('../../baseComponents/Modal/Modal.module.css.js');
-require('../../baseComponents/RadioGroup/RadioGroup.module.css.js');
-require('../../baseComponents/RadioToggle/RadioToggle.module.css.js');
+require('../../../baseComponents/Modal/Modal.module.css.js');
+require('../../../baseComponents/RadioGroup/RadioGroup.module.css.js');
+require('../../../baseComponents/RadioToggle/RadioToggle.module.css.js');
 require('@egov3/graphics/General/DocFilled');
 require('@egov3/graphics/General/CheckedRound');
 require('@egov3/graphics/General/Error');
 require('@egov3/graphics/General/InfoStroke');
-require('../../baseComponents/TextPair/TextPair.module.css.js');
-require('../../baseComponents/StatusText/StatusText.module.css.js');
-require('../../baseComponents/Responses/Responses.module.css.js');
+require('../../../baseComponents/TextPair/TextPair.module.css.js');
+require('../../../baseComponents/StatusText/StatusText.module.css.js');
+require('../../../baseComponents/Responses/Responses.module.css.js');
 require('@egov3/graphics/General/Clear');
 require('@egov3/graphics/General/Loader');
 require('@egov3/graphics/General/Search');
-require('../../baseComponents/SearchBar/SearchBar.module.css.js');
+require('../../../baseComponents/SearchBar/SearchBar.module.css.js');
 require('@egov3/graphics/Basic/ChevronDownSmall');
-require('../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js');
+require('../../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js');
 require('@egov3/graphics/Basic/Check');
 require('@egov3/graphics/General/Hourglass');
-require('../../baseComponents/StatusStepper/StatusStepper.module.css.js');
-require('../../baseComponents/TabButtons/TabButtons.module.css.js');
-require('../../baseComponents/TextareaField/index.js');
+require('../../../baseComponents/StatusStepper/StatusStepper.module.css.js');
+require('../../../baseComponents/TabButtons/TabButtons.module.css.js');
+require('../../../baseComponents/TextareaField/index.js');
 var ServiceCardComponent_module = require('./ServiceCardComponent.module.css.js');
 
 const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, variant = "default", }) => {

package/dist/cjs/components/Services/ServiceCardComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","joinClasses","styles","_jsx","cloneElement","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACQ,KAAI;AAC/B,IAAA,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ;IAErC,QACEA,2CACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAEC,uBAAW,CACpBC,mCAAM,CAAC,kBAAkB,EACzB,QAAQ,IAAIA,mCAAM,CAAC,MAAM,CAC1B,EACD,IAAI,EAAC,QAAQ,aAEbC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,8BAA8B,EAC1C,SAAS,EAAEF,uBAAW,CACpBC,mCAAM,CAAC,sBAAsB,EAC7B,QAAQ,IAAIA,mCAAM,CAAC,MAAM,CAC1B,EAAA,QAAA,EAEA,KAAK,CAAC,WAAW;AAChB,oBAAAE,kBAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;wBACnC,SAAS,EAAEF,mCAAM,CAAC,WAAW;qBAC9B,CAAC,EAAA,CACA,EACL,KAAK,IACJC,eAACE,gBAAU,EAAA,EAAA,aAAA,EACG,0BAA0B,EACtC,GAAG,EAAC,MAAM,EACV,SAAS,EAAEH,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,YAE/BE,kBAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;oBACjC,SAAS,EAAEF,mCAAM,CAAC,QAAQ;AAC3B,iBAAA,CAAC,GACE,CACP,EACDC,cAAA,CAACE,gBAAU,kBACG,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,QAAQ,GAAG,aAAa,GAAG,iBAAiB,EACvD,SAAS,EAAEH,mCAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACK,CAAA,EAAA,CACN;AAEb;;;;"}

package/dist/cjs/index.js

@@ -48,10 +48,11 @@ var index$i = require('./components/Profile/IconToggleItem/index.js');
 var index$y = require('./components/Profile/ProfileHealthGeneral/index.js');
 var index$B = require('./components/Profile/RightMenuSectionItem/index.js');
 var index$F = require('./components/Profile/SetUpAccess/index.js');
-var index$E = require('./components/ServiceCardComponent/index.js');
 var index$e = require('./components/Services/Feedback/index.js');
 var index$f = require('./components/Services/FileForUpload/index.js');
 var index$t = require('./components/Services/NextStepComponent/index.js');
+var PersonalIDTemplate = require('./components/Services/PersonalIDTemplate/PersonalIDTemplate.js');
+var index$E = require('./components/Services/ServiceCardComponent/index.js');
 
 
 
@@ -101,8 +102,9 @@ exports.IconToggleItem = index$i.IconToggleItem;
 exports.ProfileHealthGeneral = index$y.ProfileHealthGeneral;
 exports.RightMenuSectionItem = index$B.RightMenuSectionItem;
 exports.SetUpAccess = index$F.SetUpAccess;
-exports.ServiceCardComponent = index$E.ServiceCardComponent;
 exports.Feedback = index$e.Feedback;
 exports.FileForUpload = index$f.FileForUpload;
 exports.NextStepComponent = index$t.NextStepComponent;
+exports.PersonalIDTemplate = PersonalIDTemplate.PersonalIDTemplate;
+exports.ServiceCardComponent = index$E.ServiceCardComponent;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { PersonalIDLabeledIllustration } from '@egov3/graphics/Documents/PersonalIDLabeled';
+import '../../../styles/colors.css.js';
+import { joinClasses } from '../../../utils/joinClasses.js';
+import '../../../baseComponents/Accordion/Accordion.module.css.js';
+import '@egov3/graphics/General/Close';
+import 'react';
+import '../../../baseComponents/Overlay/Overlay.module.css.js';
+import { Typography } from '../../../baseComponents/Typography/index.js';
+import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
+import '../../../styles/typography.module.css.js';
+import '../../../baseComponents/Button/button.module.css.js';
+import '@egov3/graphics/General/CheckboxEmpty';
+import '@egov3/graphics/General/CheckboxEmptyFilled';
+import '../../../baseComponents/Checkbox/Checkbox.module.css.js';
+import '../../../baseComponents/InputField/index.js';
+import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
+import '../../../baseComponents/Label/Label.module.css.js';
+import '../../../baseComponents/Loader/Loader.module.css.js';
+import '../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js';
+import '@egov3/graphics/Basic/ChevronLeft';
+import '@egov3/graphics/Logo/Egov';
+import '../../../baseComponents/Modal/Modal.module.css.js';
+import '../../../baseComponents/RadioGroup/RadioGroup.module.css.js';
+import '../../../baseComponents/RadioToggle/RadioToggle.module.css.js';
+import '@egov3/graphics/General/DocFilled';
+import '@egov3/graphics/General/CheckedRound';
+import '@egov3/graphics/General/Error';
+import '@egov3/graphics/General/InfoStroke';
+import '../../../baseComponents/TextPair/TextPair.module.css.js';
+import '../../../baseComponents/StatusText/StatusText.module.css.js';
+import '../../../baseComponents/Responses/Responses.module.css.js';
+import '@egov3/graphics/General/Clear';
+import '@egov3/graphics/General/Loader';
+import '@egov3/graphics/General/Search';
+import '../../../baseComponents/SearchBar/SearchBar.module.css.js';
+import '@egov3/graphics/Basic/ChevronDownSmall';
+import '../../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js';
+import '@egov3/graphics/Basic/Check';
+import '@egov3/graphics/General/Hourglass';
+import '../../../baseComponents/StatusStepper/StatusStepper.module.css.js';
+import '../../../baseComponents/TabButtons/TabButtons.module.css.js';
+import '../../../baseComponents/TextareaField/index.js';
+import styles from './PersonalIDTemplate.module.css.js';
+
+const PersonalIDTemplate = ({ userPhoto, userSign, userData, className, }) => (jsxs("div", { className: joinClasses(styles.card, className), "data-testid": "PersonalIDTemplate", children: [jsx(PersonalIDLabeledIllustration, { className: styles.illustration }), jsxs("div", { className: styles.overlay, "data-testid": "PersonalIDTemplate_OVERLAY", children: [jsx("img", { className: styles.photo, src: userPhoto, alt: "user-photo", "data-testid": "PersonalIDTemplate_PHOTO" }), jsx("img", { className: styles.sign, src: userSign, alt: "user-sign", "data-testid": "PersonalIDTemplate_SIGN" }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.lastName), "data-testid": "PersonalIDTemplate_LASTNAME_VALUE", children: userData.lastName }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.firstName), "data-testid": "PersonalIDTemplate_FIRSTNAME_VALUE", children: userData.firstName }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.middleName), "data-testid": "PersonalIDTemplate_MIDDLENAME_VALUE", children: userData.middleName }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.birthDate), "data-testid": "PersonalIDTemplate_BIRTHDATE_VALUE", children: userData.birthDate }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.gender), "data-testid": "PersonalIDTemplate_GENDER_VALUE", children: userData.gender }), jsx(Typography, { tag: "span", fontClass: "subtitles1", className: joinClasses(styles.field, styles.iin), "data-testid": "PersonalIDTemplate_IIN_VALUE", children: userData.IIN })] })] }));
+
+export { PersonalIDTemplate };
+//# sourceMappingURL=PersonalIDTemplate.js.map

package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalIDTemplate.js","sources":["../../../../../src/components/Services/PersonalIDTemplate/PersonalIDTemplate.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,kBAAkB,GAAG,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,SAAS,GACgB,MACzBA,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,iBAClC,oBAAoB,EAAA,QAAA,EAAA,CAEhCC,GAAA,CAAC,6BAA6B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,CAAI,EAEjED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,aAAA,EAAc,4BAA4B,EAAA,QAAA,EAAA,CACtEC,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,GAAG,EAAE,SAAS,EACd,GAAG,EAAC,YAAY,EAAA,aAAA,EACJ,0BAA0B,EAAA,CACtC,EACFA,GAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,WAAW,EAAA,aAAA,EACH,yBAAyB,EAAA,CACrC,EAEFA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,EAAA,aAAA,EACzC,mCAAmC,EAAA,QAAA,EAE9C,QAAQ,CAAC,QAAQ,GACP,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbA,GAAA,CAAC,UAAU,IACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC,EAAA,aAAA,EAC3C,qCAAqC,EAAA,QAAA,EAEhD,QAAQ,CAAC,UAAU,EAAA,CACT,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,EAAA,aAAA,EAC1C,oCAAoC,EAAA,QAAA,EAE/C,QAAQ,CAAC,SAAS,EAAA,CACR,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAA,aAAA,EACvC,iCAAiC,EAAA,QAAA,EAE5C,QAAQ,CAAC,MAAM,EAAA,CACL,EAEbA,GAAA,CAAC,UAAU,EAAA,EACT,GAAG,EAAC,MAAM,EACV,SAAS,EAAC,YAAY,EACtB,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,iBACpC,8BAA8B,EAAA,QAAA,EAEzC,QAAQ,CAAC,GAAG,EAAA,CACF,CAAA,EAAA,CACT,CAAA,EAAA,CACF;;;;"}

package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js

@@ -0,0 +1,18 @@
+var css_248z = ".PersonalIDTemplate-module_card__WThmZ {\n  position: relative;\n  display: inline-block;\n  width: 364px;\n  container-type: inline-size;\n  color: var(--text-primary);\n}\n\n.PersonalIDTemplate-module_illustration__HPKBU {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC {\n  position: absolute;\n  inset: 0;\n}\n\n.PersonalIDTemplate-module_photo__VtZsV {\n  position: absolute;\n  left: 4.55cqi;\n  top: 16.32cqi;\n  width: 29.68cqi;\n  height: 38.18cqi;\n  object-fit: cover;\n  background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_sign__zBLAP {\n  position: absolute;\n  left: 50cqi;\n  top: 52.82cqi;\n  width: 25.2cqi;\n  height: 8.59cqi;\n  object-fit: fill;\n  background: var(--surface-surface-2);\n}\n\n.PersonalIDTemplate-module_overlay__wd4gC .PersonalIDTemplate-module_field__94BPp {\n  position: absolute;\n  font-size: 2.57cqi; /* 22px @ 857 */\n  line-height: 2.8cqi; /* 24px @ 857 */\n}\n\n.PersonalIDTemplate-module_lastName__RyBV5 {\n  left: 37.23cqi;\n  top: 21.81cqi;\n}\n\n.PersonalIDTemplate-module_firstName__EjRDV {\n  left: 37.23cqi;\n  top: 30.16cqi;\n}\n\n.PersonalIDTemplate-module_middleName__2DAhJ {\n  left: 37.23cqi;\n  top: 39.47cqi;\n}\n\n.PersonalIDTemplate-module_birthDate__9LndI {\n  left: 37.23cqi;\n  top: 47.58cqi;\n}\n\n.PersonalIDTemplate-module_gender__M-nA1 {\n  left: 73.21cqi;\n  top: 47.58cqi;\n  text-align: center;\n}\n\n.PersonalIDTemplate-module_iin__KKSjh {\n  left: 12.53cqi;\n  top: 58.3cqi;\n}\n";
+var styles = {"card":"PersonalIDTemplate-module_card__WThmZ","illustration":"PersonalIDTemplate-module_illustration__HPKBU","overlay":"PersonalIDTemplate-module_overlay__wd4gC","photo":"PersonalIDTemplate-module_photo__VtZsV","sign":"PersonalIDTemplate-module_sign__zBLAP","field":"PersonalIDTemplate-module_field__94BPp","lastName":"PersonalIDTemplate-module_lastName__RyBV5","firstName":"PersonalIDTemplate-module_firstName__EjRDV","middleName":"PersonalIDTemplate-module_middleName__2DAhJ","birthDate":"PersonalIDTemplate-module_birthDate__9LndI","gender":"PersonalIDTemplate-module_gender__M-nA1","iin":"PersonalIDTemplate-module_iin__KKSjh"};
+function styleInject(css, options) {
+    if (typeof document === 'undefined') return;
+    const head = document.head || document.getElementsByTagName('head')[0];
+    const style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+    head.appendChild(style);
+  }
+  styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=PersonalIDTemplate.module.css.js.map

package/dist/esm/components/Services/PersonalIDTemplate/PersonalIDTemplate.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PersonalIDTemplate.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/esm/components/{ServiceCardComponent → Services/ServiceCardComponent}/ServiceCardComponent.module.css.js

@@ -1,5 +1,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);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk.ServiceCardComponent-module_mobile__EgbOw {\n  background: var(--surface-surface-2);\n  box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n\n.ServiceCardComponent-module_popularServiceCard__PSpZk.ServiceCardComponent-module_mobile__EgbOw:hover {\n  background: var(--surface-surface-2);\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_TopServicesIconWrapper__Zj57c.ServiceCardComponent-module_mobile__EgbOw {\n  background: var(--surface-surface-1);\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  box-sizing: content-box;\n}\n";
-var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__PSpZk","mobile":"ServiceCardComponent-module_mobile__EgbOw","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"};
+var css_248z = ".ServiceCardComponent-module_popularServiceCard__Bl38s {\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__Bl38s:hover {\n  background: var(--surface-surface-3);\n}\n\n.ServiceCardComponent-module_popularServiceCard__Bl38s.ServiceCardComponent-module_mobile__5HdJE {\n  background: var(--surface-surface-2);\n  box-shadow: 0px 12px 32px 0px rgba(128, 130, 136, 0.12);\n}\n\n.ServiceCardComponent-module_popularServiceCard__Bl38s.ServiceCardComponent-module_mobile__5HdJE:hover {\n  background: var(--surface-surface-2);\n}\n\n@media (min-width: 768px) {\n  .ServiceCardComponent-module_popularServiceCard__Bl38s {\n    flex-basis: calc(100% / var(--tablet) - 8px);\n  }\n}\n\n@media (min-width: 1024px) {\n  .ServiceCardComponent-module_popularServiceCard__Bl38s {\n    flex-basis: calc(100% / var(--labtop) - 8px);\n  }\n}\n\n@media (min-width: 1440px) {\n  .ServiceCardComponent-module_popularServiceCard__Bl38s {\n    flex-basis: calc(100% / var(--desktop) - 8px);\n  }\n}\n\n.ServiceCardComponent-module_TopServicesIconWrapper__dmBe1 {\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_TopServicesIconWrapper__dmBe1.ServiceCardComponent-module_mobile__5HdJE {\n  background: var(--surface-surface-1);\n}\n\n.ServiceCardComponent-module_TopServicesCardText__zkBak {\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__UjvMd {\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__8L8lQ {\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__z8J9C {\n  width: 12px;\n}\n\n.ServiceCardComponent-module_subcategory__Aqdix {\n  padding: 12px;\n  box-sizing: content-box;\n}\n";
+var styles = {"popularServiceCard":"ServiceCardComponent-module_popularServiceCard__Bl38s","mobile":"ServiceCardComponent-module_mobile__5HdJE","TopServicesIconWrapper":"ServiceCardComponent-module_TopServicesIconWrapper__dmBe1","TopServicesCardText":"ServiceCardComponent-module_TopServicesCardText__zkBak","tagNew":"ServiceCardComponent-module_tagNew__UjvMd","tagsBackground":"ServiceCardComponent-module_tagsBackground__8L8lQ","category":"ServiceCardComponent-module_category__z8J9C","subcategory":"ServiceCardComponent-module_subcategory__Aqdix"};
 function styleInject(css, options) {
     if (typeof document === 'undefined') return;
     const head = document.head || document.getElementsByTagName('head')[0];

package/dist/esm/components/{ServiceCardComponent → Services/ServiceCardComponent}/index.js

@@ -1,45 +1,45 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cloneElement } from 'react';
-import '../../styles/colors.css.js';
-import { joinClasses } from '../../utils/joinClasses.js';
-import '../../baseComponents/Accordion/Accordion.module.css.js';
+import '../../../styles/colors.css.js';
+import { joinClasses } from '../../../utils/joinClasses.js';
+import '../../../baseComponents/Accordion/Accordion.module.css.js';
 import '@egov3/graphics/General/Close';
-import '../../baseComponents/Overlay/Overlay.module.css.js';
-import { Typography } from '../../baseComponents/Typography/index.js';
-import '../../baseComponents/BottomSheet/BottomSheet.module.css.js';
-import '../../styles/typography.module.css.js';
-import '../../baseComponents/Button/button.module.css.js';
+import '../../../baseComponents/Overlay/Overlay.module.css.js';
+import { Typography } from '../../../baseComponents/Typography/index.js';
+import '../../../baseComponents/BottomSheet/BottomSheet.module.css.js';
+import '../../../styles/typography.module.css.js';
+import '../../../baseComponents/Button/button.module.css.js';
 import '@egov3/graphics/General/CheckboxEmpty';
 import '@egov3/graphics/General/CheckboxEmptyFilled';
-import '../../baseComponents/Checkbox/Checkbox.module.css.js';
-import '../../baseComponents/InputField/index.js';
-import '../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
-import '../../baseComponents/Label/Label.module.css.js';
-import '../../baseComponents/Loader/Loader.module.css.js';
-import '../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js';
+import '../../../baseComponents/Checkbox/Checkbox.module.css.js';
+import '../../../baseComponents/InputField/index.js';
+import '../../../baseComponents/InputFieldGroup/InputFieldGroup.module.css.js';
+import '../../../baseComponents/Label/Label.module.css.js';
+import '../../../baseComponents/Loader/Loader.module.css.js';
+import '../../../baseComponents/LoadingSkeleton/LoadingSkeleton.module.css.js';
 import '@egov3/graphics/Basic/ChevronLeft';
 import '@egov3/graphics/Logo/Egov';
-import '../../baseComponents/Modal/Modal.module.css.js';
-import '../../baseComponents/RadioGroup/RadioGroup.module.css.js';
-import '../../baseComponents/RadioToggle/RadioToggle.module.css.js';
+import '../../../baseComponents/Modal/Modal.module.css.js';
+import '../../../baseComponents/RadioGroup/RadioGroup.module.css.js';
+import '../../../baseComponents/RadioToggle/RadioToggle.module.css.js';
 import '@egov3/graphics/General/DocFilled';
 import '@egov3/graphics/General/CheckedRound';
 import '@egov3/graphics/General/Error';
 import '@egov3/graphics/General/InfoStroke';
-import '../../baseComponents/TextPair/TextPair.module.css.js';
-import '../../baseComponents/StatusText/StatusText.module.css.js';
-import '../../baseComponents/Responses/Responses.module.css.js';
+import '../../../baseComponents/TextPair/TextPair.module.css.js';
+import '../../../baseComponents/StatusText/StatusText.module.css.js';
+import '../../../baseComponents/Responses/Responses.module.css.js';
 import '@egov3/graphics/General/Clear';
 import '@egov3/graphics/General/Loader';
 import '@egov3/graphics/General/Search';
-import '../../baseComponents/SearchBar/SearchBar.module.css.js';
+import '../../../baseComponents/SearchBar/SearchBar.module.css.js';
 import '@egov3/graphics/Basic/ChevronDownSmall';
-import '../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js';
+import '../../../baseComponents/SelectBoxButton/SelectBoxButton.module.css.js';
 import '@egov3/graphics/Basic/Check';
 import '@egov3/graphics/General/Hourglass';
-import '../../baseComponents/StatusStepper/StatusStepper.module.css.js';
-import '../../baseComponents/TabButtons/TabButtons.module.css.js';
-import '../../baseComponents/TextareaField/index.js';
+import '../../../baseComponents/StatusStepper/StatusStepper.module.css.js';
+import '../../../baseComponents/TabButtons/TabButtons.module.css.js';
+import '../../../baseComponents/TextareaField/index.js';
 import styles from './ServiceCardComponent.module.css.js';
 
 const ServiceCardComponent = ({ handleOrderService, badge, isNew, title, variant = "default", }) => {

package/dist/esm/components/Services/ServiceCardComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACQ,KAAI;AAC/B,IAAA,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ;IAErC,QACEA,gCACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,kBAAkB,EACzB,QAAQ,IAAI,MAAM,CAAC,MAAM,CAC1B,EACD,IAAI,EAAC,QAAQ,aAEbC,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,8BAA8B,EAC1C,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,sBAAsB,EAC7B,QAAQ,IAAI,MAAM,CAAC,MAAM,CAC1B,EAAA,QAAA,EAEA,KAAK,CAAC,WAAW;AAChB,oBAAA,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;wBACnC,SAAS,EAAE,MAAM,CAAC,WAAW;qBAC9B,CAAC,EAAA,CACA,EACL,KAAK,IACJA,IAAC,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,YAE/B,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;oBACjC,SAAS,EAAE,MAAM,CAAC,QAAQ;AAC3B,iBAAA,CAAC,GACE,CACP,EACDA,GAAA,CAAC,UAAU,kBACG,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,QAAQ,GAAG,aAAa,GAAG,iBAAiB,EACvD,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACK,CAAA,EAAA,CACN;AAEb;;;;"}

package/dist/esm/index.js

@@ -46,8 +46,9 @@ export { IconToggleItem } from './components/Profile/IconToggleItem/index.js';
 export { ProfileHealthGeneral } from './components/Profile/ProfileHealthGeneral/index.js';
 export { RightMenuSectionItem } from './components/Profile/RightMenuSectionItem/index.js';
 export { SetUpAccess } from './components/Profile/SetUpAccess/index.js';
-export { ServiceCardComponent } from './components/ServiceCardComponent/index.js';
 export { Feedback } from './components/Services/Feedback/index.js';
 export { FileForUpload } from './components/Services/FileForUpload/index.js';
 export { NextStepComponent } from './components/Services/NextStepComponent/index.js';
+export { PersonalIDTemplate } from './components/Services/PersonalIDTemplate/PersonalIDTemplate.js';
+export { ServiceCardComponent } from './components/Services/ServiceCardComponent/index.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/components/Services/PersonalIDTemplate/PersonalIDTemplate.d.ts

@@ -0,0 +1,6 @@
+import * as react from 'react';
+import { IPersonalIDTemplateProps } from '../../../interfaces/PersonalIDTemplate.js';
+
+declare const PersonalIDTemplate: ({ userPhoto, userSign, userData, className, }: IPersonalIDTemplateProps) => react.JSX.Element;
+
+export { PersonalIDTemplate };

package/dist/types/components/{ServiceCardComponent → Services/ServiceCardComponent}/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { IServiceCardComponentProps } from '../../interfaces/ServiceCardComponent.js';
+import { IServiceCardComponentProps } from '../../../interfaces/ServiceCardComponent.js';
 
 declare const ServiceCardComponent: ({ handleOrderService, badge, isNew, title, variant, }: IServiceCardComponentProps) => react.JSX.Element;
 

package/dist/types/index.d.ts

@@ -43,10 +43,11 @@ export { IIconToggleItemProps, IconToggleItem } from './components/Profile/IconT
 export { IProfileHealthGeneral, ProfileHealthGeneral } from './components/Profile/ProfileHealthGeneral/index.js';
 export { IRightMenuSectionItemProps, RightMenuSectionItem } from './components/Profile/RightMenuSectionItem/index.js';
 export { ISetUpAccessProps, SetUpAccess } from './components/Profile/SetUpAccess/index.js';
-export { ServiceCardComponent } from './components/ServiceCardComponent/index.js';
 export { Feedback, IFeedbackProps } from './components/Services/Feedback/index.js';
 export { FileForUpload, IFileForUploadProps } from './components/Services/FileForUpload/index.js';
 export { INextStepComponentProps, NextStepComponent } from './components/Services/NextStepComponent/index.js';
+export { PersonalIDTemplate } from './components/Services/PersonalIDTemplate/PersonalIDTemplate.js';
+export { ServiceCardComponent } from './components/Services/ServiceCardComponent/index.js';
 export { ICalendarDayCell, ICalendarPeriod, IDateItem, IPeriodKeys, ISelectedPeriod, IStrictSelectedPeriod, TCalendarMode, TPeriodKeys, TTimeUnit } from './interfaces/Calendar.js';
 export { IHTMLAttributesDataProps, ILangGeneric, ILangProps, TPageOwner } from './interfaces/common/index.js';
 export { INotificationData, TNotificationType } from './interfaces/Notification.js';

package/dist/types/interfaces/PersonalIDTemplate.d.ts

@@ -0,0 +1,16 @@
+interface IPersonalIDUserData {
+    firstName: string;
+    lastName: string;
+    middleName: string;
+    IIN: string;
+    gender: string;
+    birthDate: string;
+}
+interface IPersonalIDTemplateProps {
+    userPhoto: string;
+    userSign: string;
+    userData: IPersonalIDUserData;
+    className?: string;
+}
+
+export type { IPersonalIDTemplateProps, IPersonalIDUserData };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egov3/system-design",
-  "version": "1.3.171",
+  "version": "1.3.173",
   "type": "module",
   "main": "dist/cjs/index.js",
   "types": "dist/types/index.d.ts",
@@ -149,7 +149,7 @@
     "webpack": "^5"
   },
   "dependencies": {
-    "@egov3/graphics": "^1.0.65",
+    "@egov3/graphics": "^1.0.72",
     "html-react-parser": "^5.2.6",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
     "tslib": "^2.8.1"

package/dist/cjs/components/ServiceCardComponent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","joinClasses","styles","_jsx","cloneElement","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACQ,KAAI;AAC/B,IAAA,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ;IAErC,QACEA,2CACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAEC,uBAAW,CACpBC,mCAAM,CAAC,kBAAkB,EACzB,QAAQ,IAAIA,mCAAM,CAAC,MAAM,CAC1B,EACD,IAAI,EAAC,QAAQ,aAEbC,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,8BAA8B,EAC1C,SAAS,EAAEF,uBAAW,CACpBC,mCAAM,CAAC,sBAAsB,EAC7B,QAAQ,IAAIA,mCAAM,CAAC,MAAM,CAC1B,EAAA,QAAA,EAEA,KAAK,CAAC,WAAW;AAChB,oBAAAE,kBAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;wBACnC,SAAS,EAAEF,mCAAM,CAAC,WAAW;qBAC9B,CAAC,EAAA,CACA,EACL,KAAK,IACJC,eAACE,gBAAU,EAAA,EAAA,aAAA,EACG,0BAA0B,EACtC,GAAG,EAAC,MAAM,EACV,SAAS,EAAEH,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,YAE/BE,kBAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;oBACjC,SAAS,EAAEF,mCAAM,CAAC,QAAQ;AAC3B,iBAAA,CAAC,GACE,CACP,EACDC,cAAA,CAACE,gBAAU,kBACG,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,QAAQ,GAAG,aAAa,GAAG,iBAAiB,EACvD,SAAS,EAAEH,mCAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACK,CAAA,EAAA,CACN;AAEb;;;;"}

package/dist/esm/components/ServiceCardComponent/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ServiceCardComponent/index.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,oBAAoB,GAAG,CAAC,EACnC,kBAAkB,EAClB,KAAK,EACL,KAAK,EACL,KAAK,EACL,OAAO,GAAG,SAAS,GACQ,KAAI;AAC/B,IAAA,MAAM,QAAQ,GAAG,OAAO,KAAK,QAAQ;IAErC,QACEA,gCACc,6BAA6B,EACzC,OAAO,EAAE,kBAAkB,EAC3B,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,kBAAkB,EACzB,QAAQ,IAAI,MAAM,CAAC,MAAM,CAC1B,EACD,IAAI,EAAC,QAAQ,aAEbC,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,8BAA8B,EAC1C,SAAS,EAAE,WAAW,CACpB,MAAM,CAAC,sBAAsB,EAC7B,QAAQ,IAAI,MAAM,CAAC,MAAM,CAC1B,EAAA,QAAA,EAEA,KAAK,CAAC,WAAW;AAChB,oBAAA,YAAY,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,EAAE;wBACnC,SAAS,EAAE,MAAM,CAAC,WAAW;qBAC9B,CAAC,EAAA,CACA,EACL,KAAK,IACJA,IAAC,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,YAE/B,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE;oBACjC,SAAS,EAAE,MAAM,CAAC,QAAQ;AAC3B,iBAAA,CAAC,GACE,CACP,EACDA,GAAA,CAAC,UAAU,kBACG,KAAK,EAAA,aAAA,EACL,4BAA4B,EACxC,GAAG,EAAC,MAAM,EACV,SAAS,EAAE,QAAQ,GAAG,aAAa,GAAG,iBAAiB,EACvD,SAAS,EAAE,MAAM,CAAC,mBAAmB,EAAA,QAAA,EAEpC,KAAK,EAAA,CACK,CAAA,EAAA,CACN;AAEb;;;;"}