@pmidc/upyog-css 1.2.36-dev.1.2 → 1.2.36-dev.1.3

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 (134) hide show
  1. package/dist/index.css +45 -6
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  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 +966 -966
  26. package/src/components/cardHeaderWithOptions.scss +16 -16
  27. package/src/components/changeLanguage.scss +3 -3
  28. package/src/components/charts.scss +185 -185
  29. package/src/components/checkbox.scss +83 -83
  30. package/src/components/checkpoint.scss +65 -65
  31. package/src/components/citizenInfoLabel.scss +14 -14
  32. package/src/components/custombtn.scss +15 -15
  33. package/src/components/datatable.scss +119 -119
  34. package/src/components/datewrap.scss +21 -21
  35. package/src/components/detailscard.scss +6 -6
  36. package/src/components/detailscontainer.scss +13 -13
  37. package/src/components/documentSection.scss +134 -134
  38. package/src/components/filters.scss +97 -97
  39. package/src/components/grey.scss +3 -3
  40. package/src/components/hoc/InboxComposer.scss +111 -111
  41. package/src/components/howItWorks.scss +71 -71
  42. package/src/components/imageviewer.scss +33 -33
  43. package/src/components/info-banner.scss +35 -35
  44. package/src/components/inputotp.scss +15 -15
  45. package/src/components/keynote.scss +29 -29
  46. package/src/components/languageSelector.scss +24 -24
  47. package/src/components/loader.scss +96 -96
  48. package/src/components/map.scss +36 -36
  49. package/src/components/metricsTable.scss +26 -26
  50. package/src/components/multiLink.scss +117 -117
  51. package/src/components/multiSelectDropdown.scss +88 -88
  52. package/src/components/navbar.scss +377 -377
  53. package/src/components/newFooter.scss +82 -82
  54. package/src/components/plusMinus.scss +15 -15
  55. package/src/components/popup.scss +26 -26
  56. package/src/components/radiobtn.scss +46 -46
  57. package/src/components/ratingstar.scss +33 -33
  58. package/src/components/roundedLabel.scss +10 -10
  59. package/src/components/searchAction.scss +27 -27
  60. package/src/components/sectionalDropdown.scss +43 -43
  61. package/src/components/selectdropdown.scss +302 -302
  62. package/src/components/staticDynamicMessages.scss +110 -110
  63. package/src/components/staticSideBar.scss +27 -27
  64. package/src/components/statushighlight.scss +17 -17
  65. package/src/components/submiterrors.scss +11 -11
  66. package/src/components/summary.scss +28 -28
  67. package/src/components/table.scss +384 -384
  68. package/src/components/tag.scss +27 -27
  69. package/src/components/telephone.scss +17 -17
  70. package/src/components/textfields.scss +146 -146
  71. package/src/components/toast.scss +31 -31
  72. package/src/components/toggleSwitch.scss +40 -40
  73. package/src/components/topbar.scss +217 -217
  74. package/src/components/uploadcomponents.scss +118 -116
  75. package/src/index.scss +2405 -2405
  76. package/src/modules/BPA/index.scss +120 -97
  77. package/src/modules/TL/index.scss +767 -767
  78. package/src/modules/adv/index.scss +643 -643
  79. package/src/modules/hrms/index.scss +1327 -1327
  80. package/src/modules/rentAndLease/index.scss +238 -238
  81. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  82. package/src/pages/citizen/CitizenLogin.scss +50 -50
  83. package/src/pages/citizen/DocumentList.scss +454 -454
  84. package/src/pages/citizen/Events.scss +46 -46
  85. package/src/pages/citizen/HomePageWrapper.scss +215 -215
  86. package/src/pages/citizen/InboxCard.scss +378 -378
  87. package/src/pages/citizen/SurveyList.scss +24 -24
  88. package/src/pages/citizen/citizenDocument.scss +25 -25
  89. package/src/pages/citizen/citizenNewLogin.scss +352 -352
  90. package/src/pages/citizen/container.scss +32 -32
  91. package/src/pages/citizen/loaderMessage.scss +341 -341
  92. package/src/pages/citizen/payment/payment-type.scss +2 -2
  93. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  94. package/src/pages/common/form.scss +25 -25
  95. package/src/pages/common/newApplicationTimeline.scss +341 -341
  96. package/src/pages/common/pgrUICssfix.scss +128 -128
  97. package/src/pages/common/requiredField.scss +2 -2
  98. package/src/pages/common/sanctionFeeTable.scss +91 -91
  99. package/src/pages/common/searchIcon.scss +21 -21
  100. package/src/pages/common/sitePhotoGraphs.scss +26 -26
  101. package/src/pages/common/stepForm.scss +40 -40
  102. package/src/pages/employee/EmployeeLogin.scss +6 -6
  103. package/src/pages/employee/cardfix.scss +13 -13
  104. package/src/pages/employee/container.scss +73 -73
  105. package/src/pages/employee/dashboard.scss +204 -204
  106. package/src/pages/employee/disconnection.scss +425 -425
  107. package/src/pages/employee/dss.scss +251 -251
  108. package/src/pages/employee/faq.scss +353 -353
  109. package/src/pages/employee/footer.scss +68 -68
  110. package/src/pages/employee/form-fields.scss +26 -26
  111. package/src/pages/employee/header.scss +262 -262
  112. package/src/pages/employee/iframe.scss +65 -65
  113. package/src/pages/employee/inbox.scss +1110 -1110
  114. package/src/pages/employee/index.scss +693 -693
  115. package/src/pages/employee/landing.scss +1802 -1802
  116. package/src/pages/employee/login.scss +253 -253
  117. package/src/pages/employee/oldMobileInbox.scss +4 -4
  118. package/src/pages/employee/popupmodule.scss +47 -47
  119. package/src/pages/employee/response.scss +2 -2
  120. package/src/pages/employee/scroll-table.scss +113 -113
  121. package/src/pages/employee/surveys.scss +469 -469
  122. package/src/pages/employee/tooltip.scss +35 -35
  123. package/src/pages/employee/updateNumber.scss +12 -12
  124. package/src/pages/swach/index.scss +231 -231
  125. package/src/pages/ws/index.scss +118 -118
  126. package/svg/camera.svg +4 -4
  127. package/svg/check.svg +3 -3
  128. package/svg/close.svg +4 -4
  129. package/svg/error.svg +3 -3
  130. package/svg/error2.svg +5 -5
  131. package/svg/searchicon.svg +3 -3
  132. package/svg/starempty.svg +3 -3
  133. package/svg/starfilled.svg +4 -4
  134. package/svg/success.svg +3 -3
package/src/pages/employee/container.scss CHANGED
@@ -1,73 +1,73 @@
1
- .icon-bg-secondary {
2
- @apply flex bg-secondary w-12 h-12;
3
-
4
- svg {
5
- margin: auto;
6
- @apply w-6 h-6;
7
- }
8
- }
9
-
10
- .heading-m {
11
- @apply font-bold text-text-primary text-heading-m ml-md pt-sm;
12
- }
13
- .BPAheading-m {
14
- margin-left: 22px;
15
- }
16
-
17
- .break-line {
18
- @apply border-border my-lg;
19
- }
20
-
21
- .employee-home-footer {
22
- @apply flex h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
23
- img {
24
- height: 100%;
25
- }
26
- }
27
- .employee-login-home-footer{
28
- @apply flex fixed bottom-0 h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
29
- img{
30
- @apply ml-sm
31
- }
32
- }
33
- .fieldInspectionWrapper{
34
- border: 1px solid #d6d5d4;
35
- padding: 16px;
36
- margin-top: 8px;
37
- background: #fafafa;
38
- }
39
-
40
- .fieldInsepctionInsideWrapper {
41
- border: 1px solid #d6d5d4;
42
- padding: 16px;
43
- margin-top: 8px;
44
- background: #ffffff;
45
- max-width: 70%;
46
- min-width: 280px;
47
- }
48
-
49
- @screen dt {
50
- .ground-container {
51
- margin-bottom: 56px;
52
-
53
- @apply p-md;
54
- }
55
- .heading-m {
56
- @apply text-heading-m-dt;
57
- }
58
- .BPAheading-m {
59
- margin-left: 22px;
60
- }
61
- .break-line {
62
- margin-top: 40px;
63
- margin-bottom: 40px;
64
- }
65
- .employee-home-footer {
66
- }
67
- .moduleCardWrapper {
68
- @apply flex flex-row flex-wrap !important;
69
- }
70
- .gridModuleWrapper {
71
- @apply grid grid-cols-4 gap-4;
72
- }
73
- }
1
+ .icon-bg-secondary {
2
+ @apply flex bg-secondary w-12 h-12;
3
+
4
+ svg {
5
+ margin: auto;
6
+ @apply w-6 h-6;
7
+ }
8
+ }
9
+
10
+ .heading-m {
11
+ @apply font-bold text-text-primary text-heading-m ml-md pt-sm;
12
+ }
13
+ .BPAheading-m {
14
+ margin-left: 22px;
15
+ }
16
+
17
+ .break-line {
18
+ @apply border-border my-lg;
19
+ }
20
+
21
+ .employee-home-footer {
22
+ @apply flex h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
23
+ img {
24
+ height: 100%;
25
+ }
26
+ }
27
+ .employee-login-home-footer{
28
+ @apply flex fixed bottom-0 h-10 bg-grey-bg pb-md pt-sm justify-center w-full;
29
+ img{
30
+ @apply ml-sm
31
+ }
32
+ }
33
+ .fieldInspectionWrapper{
34
+ border: 1px solid #d6d5d4;
35
+ padding: 16px;
36
+ margin-top: 8px;
37
+ background: #fafafa;
38
+ }
39
+
40
+ .fieldInsepctionInsideWrapper {
41
+ border: 1px solid #d6d5d4;
42
+ padding: 16px;
43
+ margin-top: 8px;
44
+ background: #ffffff;
45
+ max-width: 70%;
46
+ min-width: 280px;
47
+ }
48
+
49
+ @screen dt {
50
+ .ground-container {
51
+ margin-bottom: 56px;
52
+
53
+ @apply p-md;
54
+ }
55
+ .heading-m {
56
+ @apply text-heading-m-dt;
57
+ }
58
+ .BPAheading-m {
59
+ margin-left: 22px;
60
+ }
61
+ .break-line {
62
+ margin-top: 40px;
63
+ margin-bottom: 40px;
64
+ }
65
+ .employee-home-footer {
66
+ }
67
+ .moduleCardWrapper {
68
+ @apply flex flex-row flex-wrap !important;
69
+ }
70
+ .gridModuleWrapper {
71
+ @apply grid grid-cols-4 gap-4;
72
+ }
73
+ }
package/src/pages/employee/dashboard.scss CHANGED
@@ -1,204 +1,204 @@
1
- .employee-dashboard-container {
2
- display: flex;
3
- flex-direction: column;
4
- gap: 20px;
5
- margin: 20px;
6
- margin-top: 4rem;
7
-
8
- .employee-dashboard-welcome-card {
9
- height: 160px;
10
- border-radius: 12px;
11
- padding: 20px;
12
- margin-top: 20px;
13
- position: relative;
14
-
15
- .employee-dashboard-welcome-card-entire-content {
16
- width: 374px;
17
- height: 108px;
18
- display: flex;
19
- flex-direction: column;
20
- gap: 16px;
21
- top: 32px;
22
- left: 32px;
23
- }
24
-
25
- .employee-dashboard-welcome-card-heading {
26
- font-family: "Noto Sans";
27
- font-weight: 500;
28
- font-size: 28px;
29
- line-height: 32px;
30
- letter-spacing: 0%;
31
- color: #ffffff;
32
- text-transform: uppercase;
33
- }
34
-
35
- .employee-dashboard-welcome-card-content {
36
- color: #ffffff;
37
- font-family: "Noto Sans";
38
- font-weight: 400;
39
- font-size: 14px;
40
- line-height: 20px;
41
- letter-spacing: 0.25px;
42
- }
43
- }
44
-
45
- .employee-dashboard-card-grid {
46
- display: grid;
47
- grid-template-columns: repeat(1, 1fr);
48
- gap: 20px;
49
-
50
- @media (min-width: 600px) {
51
- grid-template-columns: repeat(2, 1fr);
52
- }
53
-
54
- @media (min-width: 1024px) {
55
- grid-template-columns: repeat(4, 1fr);
56
- }
57
- }
58
-
59
- .employee-dashboard-card {
60
- padding: 20px;
61
- border-radius: 12px;
62
- position: relative;
63
-
64
- .employee-dashboard-card-heading-container {
65
- display: flex;
66
- align-items: center;
67
- margin-bottom: 10px;
68
- gap: 5px;
69
- }
70
-
71
- .employee-dashboard-card-heading {
72
- font-size: 22px;
73
- color: #ffffff;
74
- font-family: "Noto Sans";
75
- font-weight: 400;
76
- line-height: 28px;
77
- letter-spacing: 0%;
78
- }
79
-
80
- .employee-dashboard-card-content {
81
- color: #ffffff;
82
- font-family: "Noto Sans";
83
- font-weight: 400;
84
- font-size: 14px;
85
- line-height: 20px;
86
- letter-spacing: 0.25px;
87
- max-height: 300px;
88
- overflow: auto;
89
- }
90
- }
91
-
92
- .employee-dashboard-table-and-services {
93
- display: flex;
94
- flex-direction: column;
95
- gap: 20px;
96
-
97
- @media (min-width: 1024px) {
98
- flex-direction: row;
99
- }
100
-
101
- .employee-dashboard-table-container {
102
- flex: 2;
103
-
104
- .employee-dashboard-table-header {
105
- display: flex;
106
- justify-content: space-between;
107
-
108
- .employee-dashboard-table-title {
109
- color: "white";
110
- font-family: "Manrope";
111
- font-weight: 700;
112
- font-size: 20px;
113
- line-height: 27.32px;
114
- letter-spacing: 0%;
115
- }
116
-
117
- .employee-dashboard-view-all-link {
118
- color: blue;
119
- }
120
- }
121
-
122
- .employee-dashboard-table-content {
123
- overflow: auto;
124
- width: 100%;
125
- }
126
- }
127
-
128
- .employee-dashboard-quick-services-container {
129
- flex: 1;
130
-
131
- .employee-dashboard-quick-services-header {
132
- display: flex;
133
- justify-content: space-between;
134
-
135
- .employee-dashboard-quick-services-title {
136
- color: "#000";
137
-
138
- font-weight: 700;
139
- font-size: 20px;
140
- line-height: 27.32px;
141
- letter-spacing: 0%;
142
- padding: 2rem 0.5rem;
143
- }
144
-
145
- .employee-dashboard-view-all-link {
146
- color: blue;
147
- }
148
- }
149
-
150
- .employee-dashboard-module-card-wrapper {
151
- display: flex;
152
- flex-wrap: wrap;
153
- gap: 16px;
154
-
155
- .employee-dashboard-quick-service-card {
156
- width: 32%;
157
- height: 102px;
158
- padding: 8px 16px;
159
- border-radius: 8px;
160
- background: #ffffff;
161
- box-shadow: 0px 4px 22px 0px #9f9f9f26;
162
-
163
- .employee-dashboard-quick-service-card-content {
164
- display: flex;
165
- flex-direction: row;
166
- align-items: center;
167
- gap: 16px;
168
-
169
- .employee-dashboard-quick-service-card-module-icon {
170
- display: flex;
171
- justify-content: center;
172
- align-items: center;
173
- height: 100px;
174
- width: 100px;
175
- padding-top: 5px;
176
- border-radius: 8px 0 0 8px;
177
- }
178
-
179
- .employee-dashboard-quick-service-card-module-name {
180
- font-family: Noto Sans;
181
- font-weight: 500;
182
- font-size: 16px;
183
- line-height: 24px;
184
- letter-spacing: 0.15px;
185
- color: #1e293b;
186
- }
187
- }
188
- }
189
-
190
- @media (min-width: 641px) and (max-width: 1024px) {
191
- .employee-dashboard-quick-service-card {
192
- width: 48% !important;
193
- }
194
- }
195
-
196
- @media (max-width: 640px) {
197
- .employee-dashboard-quick-service-card {
198
- width: 96% !important;
199
- }
200
- }
201
- }
202
- }
203
- }
204
- }
1
+ .employee-dashboard-container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ gap: 20px;
5
+ margin: 20px;
6
+ margin-top: 4rem;
7
+
8
+ .employee-dashboard-welcome-card {
9
+ height: 160px;
10
+ border-radius: 12px;
11
+ padding: 20px;
12
+ margin-top: 20px;
13
+ position: relative;
14
+
15
+ .employee-dashboard-welcome-card-entire-content {
16
+ width: 374px;
17
+ height: 108px;
18
+ display: flex;
19
+ flex-direction: column;
20
+ gap: 16px;
21
+ top: 32px;
22
+ left: 32px;
23
+ }
24
+
25
+ .employee-dashboard-welcome-card-heading {
26
+ font-family: "Noto Sans";
27
+ font-weight: 500;
28
+ font-size: 28px;
29
+ line-height: 32px;
30
+ letter-spacing: 0%;
31
+ color: #ffffff;
32
+ text-transform: uppercase;
33
+ }
34
+
35
+ .employee-dashboard-welcome-card-content {
36
+ color: #ffffff;
37
+ font-family: "Noto Sans";
38
+ font-weight: 400;
39
+ font-size: 14px;
40
+ line-height: 20px;
41
+ letter-spacing: 0.25px;
42
+ }
43
+ }
44
+
45
+ .employee-dashboard-card-grid {
46
+ display: grid;
47
+ grid-template-columns: repeat(1, 1fr);
48
+ gap: 20px;
49
+
50
+ @media (min-width: 600px) {
51
+ grid-template-columns: repeat(2, 1fr);
52
+ }
53
+
54
+ @media (min-width: 1024px) {
55
+ grid-template-columns: repeat(4, 1fr);
56
+ }
57
+ }
58
+
59
+ .employee-dashboard-card {
60
+ padding: 20px;
61
+ border-radius: 12px;
62
+ position: relative;
63
+
64
+ .employee-dashboard-card-heading-container {
65
+ display: flex;
66
+ align-items: center;
67
+ margin-bottom: 10px;
68
+ gap: 5px;
69
+ }
70
+
71
+ .employee-dashboard-card-heading {
72
+ font-size: 22px;
73
+ color: #ffffff;
74
+ font-family: "Noto Sans";
75
+ font-weight: 400;
76
+ line-height: 28px;
77
+ letter-spacing: 0%;
78
+ }
79
+
80
+ .employee-dashboard-card-content {
81
+ color: #ffffff;
82
+ font-family: "Noto Sans";
83
+ font-weight: 400;
84
+ font-size: 14px;
85
+ line-height: 20px;
86
+ letter-spacing: 0.25px;
87
+ max-height: 300px;
88
+ overflow: auto;
89
+ }
90
+ }
91
+
92
+ .employee-dashboard-table-and-services {
93
+ display: flex;
94
+ flex-direction: column;
95
+ gap: 20px;
96
+
97
+ @media (min-width: 1024px) {
98
+ flex-direction: row;
99
+ }
100
+
101
+ .employee-dashboard-table-container {
102
+ flex: 2;
103
+
104
+ .employee-dashboard-table-header {
105
+ display: flex;
106
+ justify-content: space-between;
107
+
108
+ .employee-dashboard-table-title {
109
+ color: "white";
110
+ font-family: "Manrope";
111
+ font-weight: 700;
112
+ font-size: 20px;
113
+ line-height: 27.32px;
114
+ letter-spacing: 0%;
115
+ }
116
+
117
+ .employee-dashboard-view-all-link {
118
+ color: blue;
119
+ }
120
+ }
121
+
122
+ .employee-dashboard-table-content {
123
+ overflow: auto;
124
+ width: 100%;
125
+ }
126
+ }
127
+
128
+ .employee-dashboard-quick-services-container {
129
+ flex: 1;
130
+
131
+ .employee-dashboard-quick-services-header {
132
+ display: flex;
133
+ justify-content: space-between;
134
+
135
+ .employee-dashboard-quick-services-title {
136
+ color: "#000";
137
+
138
+ font-weight: 700;
139
+ font-size: 20px;
140
+ line-height: 27.32px;
141
+ letter-spacing: 0%;
142
+ padding: 2rem 0.5rem;
143
+ }
144
+
145
+ .employee-dashboard-view-all-link {
146
+ color: blue;
147
+ }
148
+ }
149
+
150
+ .employee-dashboard-module-card-wrapper {
151
+ display: flex;
152
+ flex-wrap: wrap;
153
+ gap: 16px;
154
+
155
+ .employee-dashboard-quick-service-card {
156
+ width: 32%;
157
+ height: 102px;
158
+ padding: 8px 16px;
159
+ border-radius: 8px;
160
+ background: #ffffff;
161
+ box-shadow: 0px 4px 22px 0px #9f9f9f26;
162
+
163
+ .employee-dashboard-quick-service-card-content {
164
+ display: flex;
165
+ flex-direction: row;
166
+ align-items: center;
167
+ gap: 16px;
168
+
169
+ .employee-dashboard-quick-service-card-module-icon {
170
+ display: flex;
171
+ justify-content: center;
172
+ align-items: center;
173
+ height: 100px;
174
+ width: 100px;
175
+ padding-top: 5px;
176
+ border-radius: 8px 0 0 8px;
177
+ }
178
+
179
+ .employee-dashboard-quick-service-card-module-name {
180
+ font-family: Noto Sans;
181
+ font-weight: 500;
182
+ font-size: 16px;
183
+ line-height: 24px;
184
+ letter-spacing: 0.15px;
185
+ color: #1e293b;
186
+ }
187
+ }
188
+ }
189
+
190
+ @media (min-width: 641px) and (max-width: 1024px) {
191
+ .employee-dashboard-quick-service-card {
192
+ width: 48% !important;
193
+ }
194
+ }
195
+
196
+ @media (max-width: 640px) {
197
+ .employee-dashboard-quick-service-card {
198
+ width: 96% !important;
199
+ }
200
+ }
201
+ }
202
+ }
203
+ }
204
+ }