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

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 (21) hide show
  1. package/dist/index.css +6329 -430
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/card.scss +31 -36
  5. package/src/components/challanGeneration.scss +301 -0
  6. package/src/components/chb.scss +133 -0
  7. package/src/components/datatable.scss +0 -7
  8. package/src/components/garbageCollection.scss +132 -0
  9. package/src/components/mseva-icons.css +202 -0
  10. package/src/components/ndc.scss +117 -0
  11. package/src/components/ptr.scss +128 -0
  12. package/src/components/selectdropdown.scss +6 -0
  13. package/src/components/table.scss +0 -38
  14. package/src/gigw3-mseva.scss +3645 -0
  15. package/src/index.scss +2 -1
  16. package/src/modules/BPA/index.scss +5 -0
  17. package/src/modules/adv/index.scss +311 -0
  18. package/src/modules/rentAndLease/index.scss +141 -0
  19. package/src/pages/citizen/citizenNewLogin.scss +19 -0
  20. package/src/pages/employee/index.scss +1 -1
  21. package/src/pages/employee/landing.scss +272 -1
package/src/components/garbageCollection.scss CHANGED
@@ -533,3 +533,135 @@
533
533
  -webkit-overflow-scrolling: touch;
534
534
  }
535
535
  }
536
+
537
+ .gc-new-inbox-filters .ndc-new-inbox-filter-card {
538
+ margin: 0 !important;
539
+ }
540
+
541
+ .gc-new-inbox-search {
542
+ align-items: flex-end;
543
+ }
544
+
545
+ .gc-new-inbox-search-fields {
546
+ display: grid;
547
+ grid-template-columns: repeat(2, minmax(180px, 1fr));
548
+ flex: 1;
549
+ gap: 14px;
550
+ }
551
+
552
+ .gc-new-inbox-search-fields label {
553
+ display: flex;
554
+ flex-direction: column;
555
+ gap: 7px;
556
+ color: var(--mseva-text, #132447);
557
+ font-size: 13px;
558
+ font-weight: 700;
559
+ }
560
+
561
+ .gc-new-inbox-search-fields input {
562
+ width: 100%;
563
+ min-height: 42px;
564
+ box-sizing: border-box;
565
+ padding: 9px 12px;
566
+ border: 1px solid #d4e1ef;
567
+ border-radius: 8px;
568
+ background: #ffffff;
569
+ color: var(--mseva-text, #132447);
570
+ font: inherit;
571
+ }
572
+
573
+ .gc-new-inbox-search-fields input:focus {
574
+ border-color: #0b63ce;
575
+ outline: none;
576
+ }
577
+
578
+ .gc-new-inbox-search-actions {
579
+ display: flex;
580
+ align-items: center;
581
+ gap: 12px;
582
+ }
583
+
584
+ .gc-new-inbox-search-button,
585
+ .gc-new-inbox-clear-button {
586
+ min-height: 42px;
587
+ padding: 0 18px;
588
+ border-radius: 8px;
589
+ font: inherit;
590
+ font-size: 14px;
591
+ font-weight: 700;
592
+ cursor: pointer;
593
+ }
594
+
595
+ .gc-new-inbox-search-button {
596
+ border: 1px solid #0756a8;
597
+ background: #0756a8;
598
+ color: #ffffff;
599
+ }
600
+
601
+ .gc-new-inbox-search-button:hover {
602
+ background: #063a78;
603
+ }
604
+
605
+ .gc-new-inbox-clear-button {
606
+ border: 0;
607
+ background: transparent;
608
+ color: #0b6530;
609
+ }
610
+
611
+ .gc-new-inbox-clear-button:hover {
612
+ text-decoration: underline;
613
+ }
614
+
615
+ @media (min-width: 769px) {
616
+ .gc-new-inbox-table-wrapper .ndc-new-table {
617
+ min-width: 1080px;
618
+ table-layout: auto;
619
+ }
620
+
621
+ .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
622
+ .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
623
+ width: 260px;
624
+ min-width: 260px;
625
+ white-space: nowrap;
626
+ }
627
+
628
+ .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
629
+ .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
630
+ width: 220px;
631
+ min-width: 180px;
632
+ white-space: nowrap;
633
+ }
634
+
635
+ .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
636
+ .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
637
+ width: 170px;
638
+ min-width: 150px;
639
+ white-space: nowrap;
640
+ }
641
+
642
+ .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
643
+ .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
644
+ .gc-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
645
+ .gc-new-inbox-table-wrapper .ndc-new-table td:nth-child(5) {
646
+ min-width: 180px;
647
+ white-space: nowrap;
648
+ }
649
+ }
650
+
651
+ @media (max-width: 768px) {
652
+ .gc-new-inbox-search {
653
+ align-items: stretch;
654
+ }
655
+
656
+ .gc-new-inbox-search-fields {
657
+ grid-template-columns: 1fr;
658
+ }
659
+
660
+ .gc-new-inbox-search-actions {
661
+ justify-content: space-between;
662
+ }
663
+
664
+ .gc-new-inbox-search-button {
665
+ flex: 1;
666
+ }
667
+ }
package/src/components/mseva-icons.css ADDED
@@ -0,0 +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
+ */
package/src/components/ndc.scss CHANGED
@@ -231,3 +231,120 @@
231
231
  font-size: 32px;
232
232
  word-break: break-word;
233
233
  }
234
+
235
+ .ndc-new-inbox-filters .ndc-new-inbox-filter-card {
236
+ margin: 0 !important;
237
+ }
238
+
239
+ .ndc-new-inbox-search {
240
+ align-items: flex-end;
241
+ }
242
+
243
+ .ndc-new-inbox-search-fields {
244
+ display: grid;
245
+ grid-template-columns: repeat(2, minmax(180px, 1fr));
246
+ flex: 1;
247
+ gap: 14px;
248
+ }
249
+
250
+ .ndc-new-inbox-search-fields label {
251
+ display: flex;
252
+ flex-direction: column;
253
+ gap: 7px;
254
+ color: var(--mseva-text, #132447);
255
+ font-size: 13px;
256
+ font-weight: 700;
257
+ }
258
+
259
+ .ndc-new-inbox-search-fields input {
260
+ width: 100%;
261
+ min-height: 42px;
262
+ box-sizing: border-box;
263
+ padding: 9px 12px;
264
+ border: 1px solid #d4e1ef;
265
+ border-radius: 8px;
266
+ background: #ffffff;
267
+ color: var(--mseva-text, #132447);
268
+ font: inherit;
269
+ }
270
+
271
+ .ndc-new-inbox-search-fields input:focus {
272
+ border-color: #0b63ce;
273
+ outline: none;
274
+ }
275
+
276
+ .ndc-new-inbox-search-actions {
277
+ display: flex;
278
+ align-items: center;
279
+ gap: 12px;
280
+ }
281
+
282
+ .ndc-new-inbox-search-button,
283
+ .ndc-new-inbox-clear-button {
284
+ min-height: 42px;
285
+ padding: 0 18px;
286
+ border-radius: 8px;
287
+ font: inherit;
288
+ font-size: 14px;
289
+ font-weight: 700;
290
+ cursor: pointer;
291
+ }
292
+
293
+ .ndc-new-inbox-search-button {
294
+ border: 1px solid #0756a8;
295
+ background: #0756a8;
296
+ color: #ffffff;
297
+ }
298
+
299
+ .ndc-new-inbox-search-button:hover {
300
+ background: #063a78;
301
+ }
302
+
303
+ .ndc-new-inbox-clear-button {
304
+ border: 0;
305
+ background: transparent;
306
+ color: #0756a8;
307
+ }
308
+
309
+ .ndc-new-inbox-clear-button:hover {
310
+ text-decoration: underline;
311
+ }
312
+
313
+ @media (min-width: 769px) {
314
+ .ndc-new-inbox-table-wrapper .ndc-new-table {
315
+ min-width: 760px;
316
+ table-layout: auto;
317
+ }
318
+
319
+ .ndc-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
320
+ .ndc-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
321
+ min-width: 280px;
322
+ white-space: nowrap;
323
+ }
324
+
325
+ .ndc-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
326
+ .ndc-new-inbox-table-wrapper .ndc-new-table td:nth-child(2),
327
+ .ndc-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
328
+ .ndc-new-inbox-table-wrapper .ndc-new-table td:nth-child(3) {
329
+ min-width: 180px;
330
+ white-space: nowrap;
331
+ }
332
+ }
333
+
334
+ @media (max-width: 768px) {
335
+ .ndc-new-inbox-search {
336
+ align-items: stretch;
337
+ }
338
+
339
+ .ndc-new-inbox-search-fields {
340
+ grid-template-columns: 1fr;
341
+ }
342
+
343
+ .ndc-new-inbox-search-actions {
344
+ justify-content: space-between;
345
+ }
346
+
347
+ .ndc-new-inbox-search-button {
348
+ flex: 1;
349
+ }
350
+ }
package/src/components/ptr.scss CHANGED
@@ -218,6 +218,134 @@
218
218
  display: flex;
219
219
  }
220
220
 
221
+ .ptr-new-inbox-filters .ndc-new-inbox-filter-card {
222
+ margin: 0 !important;
223
+ }
224
+
225
+ .ptr-new-inbox-search {
226
+ align-items: flex-end;
227
+ }
228
+
229
+ .ptr-new-inbox-search-fields {
230
+ display: grid;
231
+ grid-template-columns: repeat(3, minmax(160px, 1fr));
232
+ flex: 1;
233
+ gap: 14px;
234
+ }
235
+
236
+ .ptr-new-inbox-search-fields label {
237
+ display: flex;
238
+ flex-direction: column;
239
+ gap: 7px;
240
+ color: var(--mseva-text, #132447);
241
+ font-size: 13px;
242
+ font-weight: 700;
243
+ }
244
+
245
+ .ptr-new-inbox-search-fields input,
246
+ .ptr-new-inbox-search-fields select {
247
+ width: 100%;
248
+ min-height: 42px;
249
+ box-sizing: border-box;
250
+ padding: 9px 12px;
251
+ border: 1px solid #d4e1ef;
252
+ border-radius: 8px;
253
+ background: #ffffff;
254
+ color: var(--mseva-text, #132447);
255
+ font: inherit;
256
+ }
257
+
258
+ .ptr-new-inbox-search-fields input:focus,
259
+ .ptr-new-inbox-search-fields select:focus {
260
+ border-color: #0b63ce;
261
+ outline: none;
262
+ }
263
+
264
+ .ptr-new-inbox-search-actions {
265
+ display: flex;
266
+ align-items: center;
267
+ gap: 12px;
268
+ }
269
+
270
+ .ptr-new-inbox-search-button,
271
+ .ptr-new-inbox-clear-button {
272
+ min-height: 42px;
273
+ padding: 0 18px;
274
+ border-radius: 8px;
275
+ font: inherit;
276
+ font-size: 14px;
277
+ font-weight: 700;
278
+ cursor: pointer;
279
+ }
280
+
281
+ .ptr-new-inbox-search-button {
282
+ border: 1px solid #0756a8;
283
+ background: #0756a8;
284
+ color: #ffffff;
285
+ }
286
+
287
+ .ptr-new-inbox-search-button:hover {
288
+ background: #063a78;
289
+ }
290
+
291
+ .ptr-new-inbox-clear-button {
292
+ border: 0;
293
+ background: transparent;
294
+ color: #0756a8;
295
+ }
296
+
297
+ .ptr-new-inbox-clear-button:hover {
298
+ text-decoration: underline;
299
+ }
300
+
301
+ @media (min-width: 769px) {
302
+ .ptr-new-inbox-table-wrapper .ndc-new-table {
303
+ min-width: 1100px;
304
+ table-layout: auto;
305
+ }
306
+
307
+ .ptr-new-inbox-table-wrapper .ndc-new-table th:nth-child(1),
308
+ .ptr-new-inbox-table-wrapper .ndc-new-table td:nth-child(1) {
309
+ min-width: 240px;
310
+ white-space: nowrap;
311
+ }
312
+
313
+ .ptr-new-inbox-table-wrapper .ndc-new-table th:nth-child(2),
314
+ .ptr-new-inbox-table-wrapper .ndc-new-table td:nth-child(2) {
315
+ min-width: 190px;
316
+ }
317
+
318
+ .ptr-new-inbox-table-wrapper .ndc-new-table th:nth-child(3),
319
+ .ptr-new-inbox-table-wrapper .ndc-new-table td:nth-child(3),
320
+ .ptr-new-inbox-table-wrapper .ndc-new-table th:nth-child(4),
321
+ .ptr-new-inbox-table-wrapper .ndc-new-table td:nth-child(4),
322
+ .ptr-new-inbox-table-wrapper .ndc-new-table th:nth-child(5),
323
+ .ptr-new-inbox-table-wrapper .ndc-new-table td:nth-child(5),
324
+ .ptr-new-inbox-table-wrapper .ndc-new-table th:nth-child(6),
325
+ .ptr-new-inbox-table-wrapper .ndc-new-table td:nth-child(6) {
326
+ min-width: 150px;
327
+ white-space: nowrap;
328
+ }
329
+ }
330
+
331
+ @media (max-width: 768px) {
332
+ .ptr-new-inbox-search {
333
+ align-items: stretch;
334
+ }
335
+
336
+ .ptr-new-inbox-search-fields {
337
+ grid-template-columns: 1fr;
338
+ }
339
+
340
+ .ptr-new-inbox-search-actions {
341
+ justify-content: space-between;
342
+ }
343
+
344
+ .ptr-new-inbox-search-button {
345
+ flex: 1;
346
+ }
347
+ }
348
+
221
349
  .ptr-citizen-breadcrumb--offset {
222
350
  margin-left: 10px;
223
351
  }
package/src/components/selectdropdown.scss CHANGED
@@ -174,6 +174,12 @@
174
174
 
175
175
  .select-wrap {
176
176
  margin-bottom: 10px;
177
+ margin-right: 16px;
178
+ padding: 10px 14px;
179
+ background-color: rgba(245, 247, 250, 0.8);
180
+ border-radius: 8px;
181
+ border: 1px solid rgba(13, 67, 167, 0.08);
182
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
177
183
  @apply relative;
178
184
  max-width: 540px;
179
185
  width: 100%;
package/src/components/table.scss CHANGED
@@ -618,29 +618,6 @@ table tbody tr:nth-child(even) {
618
618
  max-width: 400px;
619
619
  }
620
620
 
621
- .custom-fee-table td,
622
- .inspection-report-table td {
623
- padding-top: 2px !important;
624
- padding-bottom: 2px !important;
625
- }
626
-
627
- .checklist-document-table td {
628
- padding-top: 8px !important;
629
- padding-bottom: 8px !important;
630
- }
631
-
632
- .custom-fee-table textarea,
633
- .checklist-document-table textarea,
634
- .inspection-report-table textarea {
635
- min-height: 40px !important;
636
- padding: 6px 10px !important;
637
- overflow: hidden;
638
- max-height: 1500px;
639
- resize: vertical;
640
- }
641
-
642
-
643
-
644
621
  .customTable tr {
645
622
  transition: all 0.2s ease;
646
623
  }
@@ -662,21 +639,6 @@ table tbody tr:nth-child(even) {
662
639
  background-color: unset;
663
640
  }
664
641
 
665
- .obps-documents-table th:nth-child(1),
666
- .obps-documents-table td:nth-child(1) {
667
- width: 8% !important;
668
- }
669
-
670
- .obps-documents-table th:nth-child(2),
671
- .obps-documents-table td:nth-child(2) {
672
- width: 65% !important;
673
- }
674
-
675
- .obps-documents-table th:nth-child(3),
676
- .obps-documents-table td:nth-child(3) {
677
- width: 27% !important;
678
- }
679
-
680
642
  /* ============================================
681
643
  RESPONSIVE TABLE STYLES
682
644
  ============================================ */