@pmidc/upyog-css 1.2.36-UAT.34 → 1.2.36-UAT.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (143) hide show
  1. package/dist/index.css +36 -22
  2. package/dist/index.min.css +1 -1
  3. package/package.json +63 -63
  4. package/src/components/CardBasedOptions.scss +535 -535
  5. package/src/components/CitizenHomeCard.scss +228 -228
  6. package/src/components/EllipsisMenu.scss +16 -16
  7. package/src/components/EventCalendarView.scss +9 -9
  8. package/src/components/FAQ.scss +63 -63
  9. package/src/components/NewAccordianCitizen.scss +130 -130
  10. package/src/components/OnGroundEventCard.scss +71 -71
  11. package/src/components/PageBasedInput.scss +30 -30
  12. package/src/components/PopupHeadingLabel.scss +14 -14
  13. package/src/components/PropertySearchForm.scss +58 -58
  14. package/src/components/SearchForm.scss +56 -56
  15. package/src/components/SearchOnRadioButton.scss +9 -9
  16. package/src/components/StandaloneSearchBar.scss +9 -9
  17. package/src/components/SurveyModal.scss +195 -195
  18. package/src/components/TimeLine.scss +96 -96
  19. package/src/components/WhatsNewCard.scss +12 -12
  20. package/src/components/actionLink.scss +3 -3
  21. package/src/components/actionbar.scss +99 -99
  22. package/src/components/bannercomponents.scss +137 -137
  23. package/src/components/body.scss +422 -422
  24. package/src/components/buttons.scss +144 -144
  25. package/src/components/card.scss +964 -964
  26. package/src/components/cardHeaderWithOptions.scss +16 -16
  27. package/src/components/challanGeneration.scss +650 -650
  28. package/src/components/changeLanguage.scss +3 -3
  29. package/src/components/charts.scss +185 -185
  30. package/src/components/chb.scss +375 -375
  31. package/src/components/checkbox.scss +83 -83
  32. package/src/components/checkpoint.scss +65 -65
  33. package/src/components/citizenInfoLabel.scss +14 -14
  34. package/src/components/custombtn.scss +15 -15
  35. package/src/components/datatable.scss +118 -118
  36. package/src/components/datewrap.scss +21 -21
  37. package/src/components/detailscard.scss +6 -6
  38. package/src/components/detailscontainer.scss +13 -13
  39. package/src/components/documentSection.scss +134 -134
  40. package/src/components/filters.scss +379 -379
  41. package/src/components/garbageCollection.scss +667 -667
  42. package/src/components/grey.scss +3 -3
  43. package/src/components/hoc/InboxComposer.scss +111 -111
  44. package/src/components/howItWorks.scss +71 -71
  45. package/src/components/imageviewer.scss +33 -33
  46. package/src/components/info-banner.scss +35 -35
  47. package/src/components/inputotp.scss +15 -15
  48. package/src/components/keynote.scss +29 -29
  49. package/src/components/languageSelector.scss +24 -24
  50. package/src/components/loader.scss +96 -96
  51. package/src/components/map.scss +36 -36
  52. package/src/components/metricsTable.scss +26 -26
  53. package/src/components/mseva-icons.css +202 -202
  54. package/src/components/multiLink.scss +117 -117
  55. package/src/components/multiSelectDropdown.scss +88 -88
  56. package/src/components/navbar.scss +377 -377
  57. package/src/components/ndc.scss +350 -350
  58. package/src/components/newFooter.scss +82 -82
  59. package/src/components/newInbox.scss +464 -464
  60. package/src/components/plusMinus.scss +15 -15
  61. package/src/components/popup.scss +26 -26
  62. package/src/components/ptr.scss +429 -429
  63. package/src/components/radiobtn.scss +46 -46
  64. package/src/components/ratingstar.scss +33 -33
  65. package/src/components/roundedLabel.scss +10 -10
  66. package/src/components/searchAction.scss +27 -27
  67. package/src/components/sectionalDropdown.scss +43 -43
  68. package/src/components/selectdropdown.scss +324 -318
  69. package/src/components/staticDynamicMessages.scss +110 -110
  70. package/src/components/staticSideBar.scss +27 -27
  71. package/src/components/statushighlight.scss +17 -17
  72. package/src/components/submiterrors.scss +11 -11
  73. package/src/components/summary.scss +28 -28
  74. package/src/components/table.scss +855 -855
  75. package/src/components/tag.scss +27 -27
  76. package/src/components/telephone.scss +17 -17
  77. package/src/components/textfields.scss +146 -146
  78. package/src/components/toast.scss +31 -31
  79. package/src/components/toggleSwitch.scss +40 -40
  80. package/src/components/topbar.scss +217 -217
  81. package/src/components/uploadcomponents.scss +116 -116
  82. package/src/gigw3-mseva.scss +3645 -3645
  83. package/src/index.scss +2467 -2467
  84. package/src/modules/BPA/index.scss +5265 -5262
  85. package/src/modules/TL/index.scss +796 -796
  86. package/src/modules/adv/index.scss +2118 -2118
  87. package/src/modules/hrms/index.scss +1327 -1327
  88. package/src/modules/noc/index.scss +1213 -1210
  89. package/src/modules/rentAndLease/index.scss +842 -842
  90. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  91. package/src/pages/citizen/CitizenLogin.scss +50 -50
  92. package/src/pages/citizen/DocumentList.scss +470 -470
  93. package/src/pages/citizen/Events.scss +46 -46
  94. package/src/pages/citizen/HomePageWrapper.scss +215 -215
  95. package/src/pages/citizen/InboxCard.scss +378 -378
  96. package/src/pages/citizen/SurveyList.scss +24 -24
  97. package/src/pages/citizen/citizenDocument.scss +25 -25
  98. package/src/pages/citizen/citizenNewLogin.scss +371 -371
  99. package/src/pages/citizen/container.scss +32 -32
  100. package/src/pages/citizen/loaderMessage.scss +341 -341
  101. package/src/pages/citizen/payment/payment-type.scss +652 -652
  102. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  103. package/src/pages/common/form.scss +25 -25
  104. package/src/pages/common/newApplicationTimeline.scss +341 -341
  105. package/src/pages/common/pgrUICssfix.scss +128 -128
  106. package/src/pages/common/requiredField.scss +2 -2
  107. package/src/pages/common/sanctionFeeTable.scss +91 -91
  108. package/src/pages/common/searchIcon.scss +21 -21
  109. package/src/pages/common/sitePhotoGraphs.scss +26 -26
  110. package/src/pages/common/stepForm.scss +40 -40
  111. package/src/pages/employee/EmployeeLogin.scss +6 -6
  112. package/src/pages/employee/cardfix.scss +13 -13
  113. package/src/pages/employee/container.scss +73 -73
  114. package/src/pages/employee/dashboard.scss +204 -204
  115. package/src/pages/employee/disconnection.scss +425 -425
  116. package/src/pages/employee/dss.scss +251 -251
  117. package/src/pages/employee/faq.scss +353 -353
  118. package/src/pages/employee/footer.scss +68 -68
  119. package/src/pages/employee/form-fields.scss +26 -26
  120. package/src/pages/employee/header.scss +262 -262
  121. package/src/pages/employee/iframe.scss +65 -65
  122. package/src/pages/employee/inbox.scss +1110 -1110
  123. package/src/pages/employee/index.scss +693 -693
  124. package/src/pages/employee/landing.scss +2074 -2074
  125. package/src/pages/employee/login.scss +253 -253
  126. package/src/pages/employee/oldMobileInbox.scss +4 -4
  127. package/src/pages/employee/popupmodule.scss +47 -47
  128. package/src/pages/employee/response.scss +2 -2
  129. package/src/pages/employee/scroll-table.scss +113 -113
  130. package/src/pages/employee/surveys.scss +469 -469
  131. package/src/pages/employee/tooltip.scss +35 -35
  132. package/src/pages/employee/updateNumber.scss +12 -12
  133. package/src/pages/swach/index.scss +231 -231
  134. package/src/pages/ws/index.scss +118 -118
  135. package/svg/camera.svg +4 -4
  136. package/svg/check.svg +3 -3
  137. package/svg/close.svg +4 -4
  138. package/svg/error.svg +3 -3
  139. package/svg/error2.svg +5 -5
  140. package/svg/searchicon.svg +3 -3
  141. package/svg/starempty.svg +3 -3
  142. package/svg/starfilled.svg +4 -4
  143. package/svg/success.svg +3 -3
package/src/components/mseva-icons.css CHANGED
@@ -1,202 +1,202 @@
1
- /*
2
- * mSeva CSS-only icon kit
3
- * Recolour at runtime with CSS variables:
4
- *
5
- * .property-tax {
6
- * --mseva-icon: #2FAE35;
7
- * --mseva-icon-bg: #EAF7EB;
8
- * }
9
- *
10
- * No external SVG files are required by the consuming UI.
11
- */
12
-
13
- .mseva-icon {
14
- --mseva-icon: #1464D2;
15
- --mseva-icon-bg: #EAF2FF;
16
- --mseva-size: 64px;
17
-
18
- width: var(--mseva-size);
19
- height: var(--mseva-size);
20
- display: inline-flex;
21
- align-items: center;
22
- justify-content: center;
23
- position: relative;
24
- border-radius: 50%;
25
- background: var(--mseva-icon-bg);
26
- color: var(--mseva-icon);
27
- flex: 0 0 var(--mseva-size);
28
- }
29
-
30
- .mseva-icon::before {
31
- content: "";
32
- width: 38%;
33
- height: 38%;
34
- display: block;
35
- background: currentColor;
36
- -webkit-mask: var(--mseva-mask) center / contain no-repeat;
37
- mask: var(--mseva-mask) center / contain no-repeat;
38
- }
39
-
40
- /* Palette utility classes */
41
- .mseva-green { --mseva-icon: #2FAE35; --mseva-icon-bg: #EAF7EB; }
42
- .mseva-blue { --mseva-icon: #1464D2; --mseva-icon-bg: #EAF2FF; }
43
- .mseva-purple { --mseva-icon: #7B35D6; --mseva-icon-bg: #F2EAFF; }
44
- .mseva-orange { --mseva-icon: #F28C18; --mseva-icon-bg: #FFF2E3; }
45
- .mseva-pink { --mseva-icon: #D83B8D; --mseva-icon-bg: #FCEAF4; }
46
-
47
- /* Generated service masks */
48
-
49
- .mseva-property-tax {
50
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2010.5%2012%204l8%206.5v8.5a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-6h6v6%22%2F%3E%3Cpath%20d%3D%22M12%208v3m-1.5-1.5h3%22%2F%3E%3Cpath%20d%3D%22M16.5%2015.5h4m-2-2v4%22%2F%3E%0A%3C%2Fsvg%3E");
51
- --mseva-icon: #2FAE35;
52
- --mseva-icon-bg: #EAF7EB;
53
- }
54
-
55
- .mseva-water-bill {
56
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M12%203s6%206.2%206%2010.5A6%206%200%200%201%206%2013.5C6%209.2%2012%203%2012%203z%22%2F%3E%3Cpath%20d%3D%22M9.5%2014.5a3%203%200%200%200%203%202.5%22%2F%3E%0A%3C%2Fsvg%3E");
57
- --mseva-icon: #1464D2;
58
- --mseva-icon-bg: #EAF2FF;
59
- }
60
-
61
- .mseva-trade-license {
62
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%209h16%22%2F%3E%3Cpath%20d%3D%22M5%209v10h14V9%22%2F%3E%3Cpath%20d%3D%22m4%209%202-5h12l2%205%22%2F%3E%3Cpath%20d%3D%22M8%2013h4v6H8z%22%2F%3E%3Cpath%20d%3D%22M14%2013h2m-2%203h2%22%2F%3E%3Cpath%20d%3D%22M7%207h10%22%2F%3E%0A%3C%2Fsvg%3E");
63
- --mseva-icon: #7B35D6;
64
- --mseva-icon-bg: #F2EAFF;
65
- }
66
-
67
- .mseva-birth-certificate {
68
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2018c.8-2%205.2-2%206%200M9%209h.01m5%200h.01%22%2F%3E%0A%3C%2Fsvg%3E");
69
- --mseva-icon: #1464D2;
70
- --mseva-icon-bg: #EAF2FF;
71
- }
72
-
73
- .mseva-death-certificate {
74
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Cpath%20d%3D%22M9%2013h6m-3-3v6%22%2F%3E%3Cpath%20d%3D%22M9%2018h6%22%2F%3E%0A%3C%2Fsvg%3E");
75
- --mseva-icon: #F28C18;
76
- --mseva-icon-bg: #FFF2E3;
77
- }
78
-
79
- .mseva-building-plan-approval {
80
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22m4%2020%206-6%204%204%206-6%22%2F%3E%3Cpath%20d%3D%22M4%2020h5%22%2F%3E%3Cpath%20d%3D%22M15%204h5v5%22%2F%3E%3Cpath%20d%3D%22m20%204-7%207%22%2F%3E%3Cpath%20d%3D%22M7%206h5M7%209h4%22%2F%3E%0A%3C%2Fsvg%3E");
81
- --mseva-icon: #2FAE35;
82
- --mseva-icon-bg: #EAF7EB;
83
- }
84
-
85
- .mseva-mutation {
86
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M5%204h10l4%204v12H5z%22%2F%3E%3Cpath%20d%3D%22M15%204v5h4%22%2F%3E%3Cpath%20d%3D%22m8%2015%202%202%205-5%22%2F%3E%3Cpath%20d%3D%22M8%2010h4%22%2F%3E%0A%3C%2Fsvg%3E");
87
- --mseva-icon: #7B35D6;
88
- --mseva-icon-bg: #F2EAFF;
89
- }
90
-
91
- .mseva-occupancy-certificate {
92
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M5%2020V7l7-4%207%204v13%22%2F%3E%3Cpath%20d%3D%22M8%2020v-5h8v5%22%2F%3E%3Cpath%20d%3D%22M9%209h1m2%200h1m2%200h1%22%2F%3E%3Cpath%20d%3D%22M17%2016l1%201%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
93
- --mseva-icon: #2FAE35;
94
- --mseva-icon-bg: #EAF7EB;
95
- }
96
-
97
- .mseva-noc {
98
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-6%203h4%22%2F%3E%3Cpath%20d%3D%22m15%2016%201.5%201.5L20%2014%22%2F%3E%0A%3C%2Fsvg%3E");
99
- --mseva-icon: #1464D2;
100
- --mseva-icon-bg: #EAF2FF;
101
- }
102
-
103
- .mseva-advertisement-license {
104
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2010h3l10-4v12L7%2014H4z%22%2F%3E%3Cpath%20d%3D%22M7%2014v5%22%2F%3E%3Cpath%20d%3D%22M17%2010h3%22%2F%3E%3Cpath%20d%3D%22M19%208v4%22%2F%3E%3Cpath%20d%3D%22M9%209v5%22%2F%3E%0A%3C%2Fsvg%3E");
105
- --mseva-icon: #F28C18;
106
- --mseva-icon-bg: #FFF2E3;
107
- }
108
-
109
- .mseva-marriage-registration {
110
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%208v8%22%2F%3E%3Cpath%20d%3D%22M8%2019h8%22%2F%3E%0A%3C%2Fsvg%3E");
111
- --mseva-icon: #D83B8D;
112
- --mseva-icon-bg: #FCEAF4;
113
- }
114
-
115
- .mseva-event-function-permission {
116
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4m8-4v4M4%209h16%22%2F%3E%3Cpath%20d%3D%22M9%2013h6m-3-3v6%22%2F%3E%3Cpath%20d%3D%22m17%2016%201%201%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
117
- --mseva-icon: #1464D2;
118
- --mseva-icon-bg: #EAF2FF;
119
- }
120
-
121
- .mseva-street-light-complaint {
122
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M12%203a5%205%200%200%201%203%208.9c-.7.5-1%201.2-1%202.1H10c0-.9-.3-1.6-1-2.1A5%205%200%200%201%2012%203z%22%2F%3E%3Cpath%20d%3D%22M10%2017h4m-3%203h2%22%2F%3E%3Cpath%20d%3D%22M12%201v1M4.9%203.9l1.4%201.4M3%2011h2m13%200h2m-3.3-5.7%201.4-1.4%22%2F%3E%0A%3C%2Fsvg%3E");
123
- --mseva-icon: #F28C18;
124
- --mseva-icon-bg: #FFF2E3;
125
- }
126
-
127
- .mseva-sanitation-complaint {
128
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%207h12l-1%2013H7z%22%2F%3E%3Cpath%20d%3D%22M5%207h14M9%207V4h6v3M10%2010v7m4-7v7%22%2F%3E%3Cpath%20d%3D%22M18%2012h3m-1.5-1.5v3%22%2F%3E%0A%3C%2Fsvg%3E");
129
- --mseva-icon: #2FAE35;
130
- --mseva-icon-bg: #EAF7EB;
131
- }
132
-
133
- .mseva-water-supply-complaint {
134
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M12%203s5%205.2%205%209a5%205%200%201%201-10%200c0-3.8%205-9%205-9z%22%2F%3E%3Cpath%20d%3D%22M4%2018h5m-2.5-2.5v5m9.5-2.5h4%22%2F%3E%0A%3C%2Fsvg%3E");
135
- --mseva-icon: #1464D2;
136
- --mseva-icon-bg: #EAF2FF;
137
- }
138
-
139
- .mseva-drainage-complaint {
140
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%207h16M6%2012h12M8%2017h8%22%2F%3E%3Cpath%20d%3D%22M12%203v4m0%205v5%22%2F%3E%3Cpath%20d%3D%22m10%205%202%202%202-2m-2%207%202%202%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
141
- --mseva-icon: #7B35D6;
142
- --mseva-icon-bg: #F2EAFF;
143
- }
144
-
145
- .mseva-solid-waste-complaint {
146
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%207h12l-1%2013H7z%22%2F%3E%3Cpath%20d%3D%22M5%207h14M9%207V4h6v3M10%2010v7m4-7v7%22%2F%3E%3Cpath%20d%3D%22m18%203%202%202-2%202m2-2h-4%22%2F%3E%0A%3C%2Fsvg%3E");
147
- --mseva-icon: #2FAE35;
148
- --mseva-icon-bg: #EAF7EB;
149
- }
150
-
151
- .mseva-sewerage-complaint {
152
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Cpath%20d%3D%22M8%203v6m8-6v6M8%2015v6m8-6v6%22%2F%3E%3Cpath%20d%3D%22m11%2012%201%201%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
153
- --mseva-icon: #1464D2;
154
- --mseva-icon-bg: #EAF2FF;
155
- }
156
-
157
- .mseva-property-conversion {
158
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2020V8l8-5%208%205v12%22%2F%3E%3Cpath%20d%3D%22M8%2020v-6h8v6%22%2F%3E%3Cpath%20d%3D%22M7%209h2m2%200h2m2%200h2%22%2F%3E%3Cpath%20d%3D%22M4%204h5%22%2F%3E%3Cpath%20d%3D%22m7%202%202%202-2%202%22%2F%3E%0A%3C%2Fsvg%3E");
159
- --mseva-icon: #7B35D6;
160
- --mseva-icon-bg: #F2EAFF;
161
- }
162
-
163
- .mseva-house-tax-rebate {
164
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2011%2012%204l8%207%22%2F%3E%3Cpath%20d%3D%22M6%2010v10h12V10%22%2F%3E%3Cpath%20d%3D%22M9%2020v-5h6v5%22%2F%3E%3Cpath%20d%3D%22M12%208v5m-2-2h4%22%2F%3E%0A%3C%2Fsvg%3E");
165
- --mseva-icon: #2FAE35;
166
- --mseva-icon-bg: #EAF7EB;
167
- }
168
-
169
- .mseva-pay-other-dues {
170
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%209h16%22%2F%3E%3Cpath%20d%3D%22M8%2014h4%22%2F%3E%3Cpath%20d%3D%22M16%2013v4m-2-2h4%22%2F%3E%0A%3C%2Fsvg%3E");
171
- --mseva-icon: #F28C18;
172
- --mseva-icon-bg: #FFF2E3;
173
- }
174
-
175
- .mseva-community-hall-booking {
176
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2020V9l8-5%208%205v11z%22%2F%3E%3Cpath%20d%3D%22M8%2020v-6h8v6M10%2010h4%22%2F%3E%3Cpath%20d%3D%22M5%206h4M15%206h4%22%2F%3E%0A%3C%2Fsvg%3E");
177
- --mseva-icon: #1464D2;
178
- --mseva-icon-bg: #EAF2FF;
179
- }
180
-
181
- .mseva-public-grievance-pgr {
182
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%205h16v12H7l-3%203z%22%2F%3E%3Cpath%20d%3D%22M8%209h8m-8%204h5%22%2F%3E%3Cpath%20d%3D%22M18%203v3m-1.5-1.5h3%22%2F%3E%0A%3C%2Fsvg%3E");
183
- --mseva-icon: #2FAE35;
184
- --mseva-icon-bg: #EAF7EB;
185
- }
186
-
187
- .mseva-rti-application {
188
- --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Cpath%20d%3D%22M9%2011h6m-6%203h6m-6%203h4%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m19%2019%202%202%22%2F%3E%0A%3C%2Fsvg%3E");
189
- --mseva-icon: #7B35D6;
190
- --mseva-icon-bg: #F2EAFF;
191
- }
192
-
193
- /* Example global theme override:
194
- :root {
195
- --brand-primary: #1464D2;
196
- --brand-secondary: #2FAE35;
197
- }
198
- .mseva-icon {
199
- --mseva-icon: var(--brand-primary);
200
- --mseva-icon-bg: color-mix(in srgb, var(--brand-primary) 10%, white);
201
- }
202
- */
1
+ /*
2
+ * mSeva CSS-only icon kit
3
+ * Recolour at runtime with CSS variables:
4
+ *
5
+ * .property-tax {
6
+ * --mseva-icon: #2FAE35;
7
+ * --mseva-icon-bg: #EAF7EB;
8
+ * }
9
+ *
10
+ * No external SVG files are required by the consuming UI.
11
+ */
12
+
13
+ .mseva-icon {
14
+ --mseva-icon: #1464D2;
15
+ --mseva-icon-bg: #EAF2FF;
16
+ --mseva-size: 64px;
17
+
18
+ width: var(--mseva-size);
19
+ height: var(--mseva-size);
20
+ display: inline-flex;
21
+ align-items: center;
22
+ justify-content: center;
23
+ position: relative;
24
+ border-radius: 50%;
25
+ background: var(--mseva-icon-bg);
26
+ color: var(--mseva-icon);
27
+ flex: 0 0 var(--mseva-size);
28
+ }
29
+
30
+ .mseva-icon::before {
31
+ content: "";
32
+ width: 38%;
33
+ height: 38%;
34
+ display: block;
35
+ background: currentColor;
36
+ -webkit-mask: var(--mseva-mask) center / contain no-repeat;
37
+ mask: var(--mseva-mask) center / contain no-repeat;
38
+ }
39
+
40
+ /* Palette utility classes */
41
+ .mseva-green { --mseva-icon: #2FAE35; --mseva-icon-bg: #EAF7EB; }
42
+ .mseva-blue { --mseva-icon: #1464D2; --mseva-icon-bg: #EAF2FF; }
43
+ .mseva-purple { --mseva-icon: #7B35D6; --mseva-icon-bg: #F2EAFF; }
44
+ .mseva-orange { --mseva-icon: #F28C18; --mseva-icon-bg: #FFF2E3; }
45
+ .mseva-pink { --mseva-icon: #D83B8D; --mseva-icon-bg: #FCEAF4; }
46
+
47
+ /* Generated service masks */
48
+
49
+ .mseva-property-tax {
50
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2010.5%2012%204l8%206.5v8.5a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1z%22%2F%3E%3Cpath%20d%3D%22M9%2021v-6h6v6%22%2F%3E%3Cpath%20d%3D%22M12%208v3m-1.5-1.5h3%22%2F%3E%3Cpath%20d%3D%22M16.5%2015.5h4m-2-2v4%22%2F%3E%0A%3C%2Fsvg%3E");
51
+ --mseva-icon: #2FAE35;
52
+ --mseva-icon-bg: #EAF7EB;
53
+ }
54
+
55
+ .mseva-water-bill {
56
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M12%203s6%206.2%206%2010.5A6%206%200%200%201%206%2013.5C6%209.2%2012%203%2012%203z%22%2F%3E%3Cpath%20d%3D%22M9.5%2014.5a3%203%200%200%200%203%202.5%22%2F%3E%0A%3C%2Fsvg%3E");
57
+ --mseva-icon: #1464D2;
58
+ --mseva-icon-bg: #EAF2FF;
59
+ }
60
+
61
+ .mseva-trade-license {
62
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%209h16%22%2F%3E%3Cpath%20d%3D%22M5%209v10h14V9%22%2F%3E%3Cpath%20d%3D%22m4%209%202-5h12l2%205%22%2F%3E%3Cpath%20d%3D%22M8%2013h4v6H8z%22%2F%3E%3Cpath%20d%3D%22M14%2013h2m-2%203h2%22%2F%3E%3Cpath%20d%3D%22M7%207h10%22%2F%3E%0A%3C%2Fsvg%3E");
63
+ --mseva-icon: #7B35D6;
64
+ --mseva-icon-bg: #F2EAFF;
65
+ }
66
+
67
+ .mseva-birth-certificate {
68
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2212%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%2018c.8-2%205.2-2%206%200M9%209h.01m5%200h.01%22%2F%3E%0A%3C%2Fsvg%3E");
69
+ --mseva-icon: #1464D2;
70
+ --mseva-icon-bg: #EAF2FF;
71
+ }
72
+
73
+ .mseva-death-certificate {
74
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Cpath%20d%3D%22M9%2013h6m-3-3v6%22%2F%3E%3Cpath%20d%3D%22M9%2018h6%22%2F%3E%0A%3C%2Fsvg%3E");
75
+ --mseva-icon: #F28C18;
76
+ --mseva-icon-bg: #FFF2E3;
77
+ }
78
+
79
+ .mseva-building-plan-approval {
80
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22m4%2020%206-6%204%204%206-6%22%2F%3E%3Cpath%20d%3D%22M4%2020h5%22%2F%3E%3Cpath%20d%3D%22M15%204h5v5%22%2F%3E%3Cpath%20d%3D%22m20%204-7%207%22%2F%3E%3Cpath%20d%3D%22M7%206h5M7%209h4%22%2F%3E%0A%3C%2Fsvg%3E");
81
+ --mseva-icon: #2FAE35;
82
+ --mseva-icon-bg: #EAF7EB;
83
+ }
84
+
85
+ .mseva-mutation {
86
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M5%204h10l4%204v12H5z%22%2F%3E%3Cpath%20d%3D%22M15%204v5h4%22%2F%3E%3Cpath%20d%3D%22m8%2015%202%202%205-5%22%2F%3E%3Cpath%20d%3D%22M8%2010h4%22%2F%3E%0A%3C%2Fsvg%3E");
87
+ --mseva-icon: #7B35D6;
88
+ --mseva-icon-bg: #F2EAFF;
89
+ }
90
+
91
+ .mseva-occupancy-certificate {
92
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M5%2020V7l7-4%207%204v13%22%2F%3E%3Cpath%20d%3D%22M8%2020v-5h8v5%22%2F%3E%3Cpath%20d%3D%22M9%209h1m2%200h1m2%200h1%22%2F%3E%3Cpath%20d%3D%22M17%2016l1%201%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
93
+ --mseva-icon: #2FAE35;
94
+ --mseva-icon-bg: #EAF7EB;
95
+ }
96
+
97
+ .mseva-noc {
98
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Cpath%20d%3D%22M9%2012h6m-6%203h4%22%2F%3E%3Cpath%20d%3D%22m15%2016%201.5%201.5L20%2014%22%2F%3E%0A%3C%2Fsvg%3E");
99
+ --mseva-icon: #1464D2;
100
+ --mseva-icon-bg: #EAF2FF;
101
+ }
102
+
103
+ .mseva-advertisement-license {
104
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2010h3l10-4v12L7%2014H4z%22%2F%3E%3Cpath%20d%3D%22M7%2014v5%22%2F%3E%3Cpath%20d%3D%22M17%2010h3%22%2F%3E%3Cpath%20d%3D%22M19%208v4%22%2F%3E%3Cpath%20d%3D%22M9%209v5%22%2F%3E%0A%3C%2Fsvg%3E");
105
+ --mseva-icon: #F28C18;
106
+ --mseva-icon-bg: #FFF2E3;
107
+ }
108
+
109
+ .mseva-marriage-registration {
110
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M12%208v8%22%2F%3E%3Cpath%20d%3D%22M8%2019h8%22%2F%3E%0A%3C%2Fsvg%3E");
111
+ --mseva-icon: #D83B8D;
112
+ --mseva-icon-bg: #FCEAF4;
113
+ }
114
+
115
+ .mseva-event-function-permission {
116
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%203v4m8-4v4M4%209h16%22%2F%3E%3Cpath%20d%3D%22M9%2013h6m-3-3v6%22%2F%3E%3Cpath%20d%3D%22m17%2016%201%201%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
117
+ --mseva-icon: #1464D2;
118
+ --mseva-icon-bg: #EAF2FF;
119
+ }
120
+
121
+ .mseva-street-light-complaint {
122
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M12%203a5%205%200%200%201%203%208.9c-.7.5-1%201.2-1%202.1H10c0-.9-.3-1.6-1-2.1A5%205%200%200%201%2012%203z%22%2F%3E%3Cpath%20d%3D%22M10%2017h4m-3%203h2%22%2F%3E%3Cpath%20d%3D%22M12%201v1M4.9%203.9l1.4%201.4M3%2011h2m13%200h2m-3.3-5.7%201.4-1.4%22%2F%3E%0A%3C%2Fsvg%3E");
123
+ --mseva-icon: #F28C18;
124
+ --mseva-icon-bg: #FFF2E3;
125
+ }
126
+
127
+ .mseva-sanitation-complaint {
128
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%207h12l-1%2013H7z%22%2F%3E%3Cpath%20d%3D%22M5%207h14M9%207V4h6v3M10%2010v7m4-7v7%22%2F%3E%3Cpath%20d%3D%22M18%2012h3m-1.5-1.5v3%22%2F%3E%0A%3C%2Fsvg%3E");
129
+ --mseva-icon: #2FAE35;
130
+ --mseva-icon-bg: #EAF7EB;
131
+ }
132
+
133
+ .mseva-water-supply-complaint {
134
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M12%203s5%205.2%205%209a5%205%200%201%201-10%200c0-3.8%205-9%205-9z%22%2F%3E%3Cpath%20d%3D%22M4%2018h5m-2.5-2.5v5m9.5-2.5h4%22%2F%3E%0A%3C%2Fsvg%3E");
135
+ --mseva-icon: #1464D2;
136
+ --mseva-icon-bg: #EAF2FF;
137
+ }
138
+
139
+ .mseva-drainage-complaint {
140
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%207h16M6%2012h12M8%2017h8%22%2F%3E%3Cpath%20d%3D%22M12%203v4m0%205v5%22%2F%3E%3Cpath%20d%3D%22m10%205%202%202%202-2m-2%207%202%202%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
141
+ --mseva-icon: #7B35D6;
142
+ --mseva-icon-bg: #F2EAFF;
143
+ }
144
+
145
+ .mseva-solid-waste-complaint {
146
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%207h12l-1%2013H7z%22%2F%3E%3Cpath%20d%3D%22M5%207h14M9%207V4h6v3M10%2010v7m4-7v7%22%2F%3E%3Cpath%20d%3D%22m18%203%202%202-2%202m2-2h-4%22%2F%3E%0A%3C%2Fsvg%3E");
147
+ --mseva-icon: #2FAE35;
148
+ --mseva-icon-bg: #EAF7EB;
149
+ }
150
+
151
+ .mseva-sewerage-complaint {
152
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3Cpath%20d%3D%22M8%203v6m8-6v6M8%2015v6m8-6v6%22%2F%3E%3Cpath%20d%3D%22m11%2012%201%201%202-2%22%2F%3E%0A%3C%2Fsvg%3E");
153
+ --mseva-icon: #1464D2;
154
+ --mseva-icon-bg: #EAF2FF;
155
+ }
156
+
157
+ .mseva-property-conversion {
158
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2020V8l8-5%208%205v12%22%2F%3E%3Cpath%20d%3D%22M8%2020v-6h8v6%22%2F%3E%3Cpath%20d%3D%22M7%209h2m2%200h2m2%200h2%22%2F%3E%3Cpath%20d%3D%22M4%204h5%22%2F%3E%3Cpath%20d%3D%22m7%202%202%202-2%202%22%2F%3E%0A%3C%2Fsvg%3E");
159
+ --mseva-icon: #7B35D6;
160
+ --mseva-icon-bg: #F2EAFF;
161
+ }
162
+
163
+ .mseva-house-tax-rebate {
164
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2011%2012%204l8%207%22%2F%3E%3Cpath%20d%3D%22M6%2010v10h12V10%22%2F%3E%3Cpath%20d%3D%22M9%2020v-5h6v5%22%2F%3E%3Cpath%20d%3D%22M12%208v5m-2-2h4%22%2F%3E%0A%3C%2Fsvg%3E");
165
+ --mseva-icon: #2FAE35;
166
+ --mseva-icon-bg: #EAF7EB;
167
+ }
168
+
169
+ .mseva-pay-other-dues {
170
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%2216%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M4%209h16%22%2F%3E%3Cpath%20d%3D%22M8%2014h4%22%2F%3E%3Cpath%20d%3D%22M16%2013v4m-2-2h4%22%2F%3E%0A%3C%2Fsvg%3E");
171
+ --mseva-icon: #F28C18;
172
+ --mseva-icon-bg: #FFF2E3;
173
+ }
174
+
175
+ .mseva-community-hall-booking {
176
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%2020V9l8-5%208%205v11z%22%2F%3E%3Cpath%20d%3D%22M8%2020v-6h8v6M10%2010h4%22%2F%3E%3Cpath%20d%3D%22M5%206h4M15%206h4%22%2F%3E%0A%3C%2Fsvg%3E");
177
+ --mseva-icon: #1464D2;
178
+ --mseva-icon-bg: #EAF2FF;
179
+ }
180
+
181
+ .mseva-public-grievance-pgr {
182
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M4%205h16v12H7l-3%203z%22%2F%3E%3Cpath%20d%3D%22M8%209h8m-8%204h5%22%2F%3E%3Cpath%20d%3D%22M18%203v3m-1.5-1.5h3%22%2F%3E%0A%3C%2Fsvg%3E");
183
+ --mseva-icon: #2FAE35;
184
+ --mseva-icon-bg: #EAF7EB;
185
+ }
186
+
187
+ .mseva-rti-application {
188
+ --mseva-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%0Astroke%3D%22currentColor%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3Cpath%20d%3D%22M6%203h9l3%203v15H6z%22%2F%3E%3Cpath%20d%3D%22M15%203v4h3%22%2F%3E%3Cpath%20d%3D%22M9%2011h6m-6%203h6m-6%203h4%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2217%22%20r%3D%222.5%22%2F%3E%3Cpath%20d%3D%22m19%2019%202%202%22%2F%3E%0A%3C%2Fsvg%3E");
189
+ --mseva-icon: #7B35D6;
190
+ --mseva-icon-bg: #F2EAFF;
191
+ }
192
+
193
+ /* Example global theme override:
194
+ :root {
195
+ --brand-primary: #1464D2;
196
+ --brand-secondary: #2FAE35;
197
+ }
198
+ .mseva-icon {
199
+ --mseva-icon: var(--brand-primary);
200
+ --mseva-icon-bg: color-mix(in srgb, var(--brand-primary) 10%, white);
201
+ }
202
+ */
package/src/components/multiLink.scss CHANGED
@@ -1,118 +1,118 @@
1
- .multilink-labelWrap{
2
- top: 73px;
3
- @apply flex items-center align-middle text-center m-md absolute right-0 z-10;
4
- }
5
-
6
- .multilink-link-button{
7
- margin: 0;
8
- font-size: 14px;
9
- font-weight: 600;
10
- transition: all 0.2s ease;
11
- }
12
-
13
- /* Responsive multilink-link-button for tablets */
14
- @media only screen and (max-width: 1024px) {
15
- .multilink-link-button {
16
- font-size: 13px;
17
- padding: 0 8px;
18
- }
19
- }
20
-
21
- /* Responsive multilink-link-button for tablets and mobile */
22
- @media only screen and (max-width: 768px) {
23
- .multilink-link-button {
24
- font-size: 11px;
25
- padding: 0 6px;
26
- line-height: 1.3;
27
- }
28
- }
29
-
30
- /* Responsive multilink-link-button for small mobile devices */
31
- @media only screen and (max-width: 480px) {
32
- .multilink-link-button {
33
- font-size: 9px;
34
- padding: 0 4px;
35
- line-height: 1.2;
36
- max-width: 100px;
37
- word-break: break-word;
38
- }
39
- }
40
-
41
- .multilink-optionWrap{
42
- right: 0;
43
- top:110px;
44
- width: max-content;
45
- @apply absolute shadow-card bg-white m-md z-10;
46
-
47
- .multilink-option{
48
-
49
- svg{
50
- margin-top: auto;
51
- margin-bottom: auto;
52
- @apply mx-sm
53
- }
54
-
55
- &:hover{
56
- @apply bg-grey-mid cursor-pointer;
57
- }
58
- @apply p-md;
59
- }
60
- }
61
- .overCard{
62
- top: 23px;
63
- }
64
-
65
- .multilink-block-wrapper{
66
- @apply relative;
67
- .multilink-labelWrap{
68
- margin: 0 !important;
69
- top: unset;
70
- @apply relative text-text-primary !important;
71
- svg{
72
- fill: #505A5F;
73
- }
74
- span{
75
- @apply text-text-primary !important;
76
- }
77
- }
78
- .multilink-optionWrap{
79
- top: 8px;
80
- right: -50%;
81
- @apply block !important;
82
- }
83
- }
84
-
85
- @screen dt {
86
-
87
- .multilink-block-wrapper{
88
- .multilink-optionWrap{
89
- right: 0 !important;
90
- }
91
- }
92
-
93
- .multilink-labelWrap{
94
- right: 20%;
95
- top: 80px;
96
- }
97
-
98
- .multilink-optionWrap{
99
- right: 20%;
100
- top: 110px;
101
- @apply shadow-card rounded-sm;
102
- }
103
- }
104
-
105
- .reports-download-btn{
106
- justify-content: flex-end;
107
- position: unset;
108
- }
109
-
110
- .reports-options-download{
111
- position: absolute;
112
- justify-content: flex-end;
113
- float: right;
114
- right:0%;
115
- display: flex;
116
- flex-direction: row;
117
- top:2rem;
1
+ .multilink-labelWrap{
2
+ top: 73px;
3
+ @apply flex items-center align-middle text-center m-md absolute right-0 z-10;
4
+ }
5
+
6
+ .multilink-link-button{
7
+ margin: 0;
8
+ font-size: 14px;
9
+ font-weight: 600;
10
+ transition: all 0.2s ease;
11
+ }
12
+
13
+ /* Responsive multilink-link-button for tablets */
14
+ @media only screen and (max-width: 1024px) {
15
+ .multilink-link-button {
16
+ font-size: 13px;
17
+ padding: 0 8px;
18
+ }
19
+ }
20
+
21
+ /* Responsive multilink-link-button for tablets and mobile */
22
+ @media only screen and (max-width: 768px) {
23
+ .multilink-link-button {
24
+ font-size: 11px;
25
+ padding: 0 6px;
26
+ line-height: 1.3;
27
+ }
28
+ }
29
+
30
+ /* Responsive multilink-link-button for small mobile devices */
31
+ @media only screen and (max-width: 480px) {
32
+ .multilink-link-button {
33
+ font-size: 9px;
34
+ padding: 0 4px;
35
+ line-height: 1.2;
36
+ max-width: 100px;
37
+ word-break: break-word;
38
+ }
39
+ }
40
+
41
+ .multilink-optionWrap{
42
+ right: 0;
43
+ top:110px;
44
+ width: max-content;
45
+ @apply absolute shadow-card bg-white m-md z-10;
46
+
47
+ .multilink-option{
48
+
49
+ svg{
50
+ margin-top: auto;
51
+ margin-bottom: auto;
52
+ @apply mx-sm
53
+ }
54
+
55
+ &:hover{
56
+ @apply bg-grey-mid cursor-pointer;
57
+ }
58
+ @apply p-md;
59
+ }
60
+ }
61
+ .overCard{
62
+ top: 23px;
63
+ }
64
+
65
+ .multilink-block-wrapper{
66
+ @apply relative;
67
+ .multilink-labelWrap{
68
+ margin: 0 !important;
69
+ top: unset;
70
+ @apply relative text-text-primary !important;
71
+ svg{
72
+ fill: #505A5F;
73
+ }
74
+ span{
75
+ @apply text-text-primary !important;
76
+ }
77
+ }
78
+ .multilink-optionWrap{
79
+ top: 8px;
80
+ right: -50%;
81
+ @apply block !important;
82
+ }
83
+ }
84
+
85
+ @screen dt {
86
+
87
+ .multilink-block-wrapper{
88
+ .multilink-optionWrap{
89
+ right: 0 !important;
90
+ }
91
+ }
92
+
93
+ .multilink-labelWrap{
94
+ right: 20%;
95
+ top: 80px;
96
+ }
97
+
98
+ .multilink-optionWrap{
99
+ right: 20%;
100
+ top: 110px;
101
+ @apply shadow-card rounded-sm;
102
+ }
103
+ }
104
+
105
+ .reports-download-btn{
106
+ justify-content: flex-end;
107
+ position: unset;
108
+ }
109
+
110
+ .reports-options-download{
111
+ position: absolute;
112
+ justify-content: flex-end;
113
+ float: right;
114
+ right:0%;
115
+ display: flex;
116
+ flex-direction: row;
117
+ top:2rem;
118
118
  }