@djb25/digit-ui-css 1.0.85 → 1.0.87

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 (61) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +1 -1
  5. package/src/components/CitizenHomeCard.scss +6 -6
  6. package/src/components/EkycAssign.scss +5 -6
  7. package/src/components/FAQ.scss +2 -2
  8. package/src/components/SearchForm.scss +25 -25
  9. package/src/components/SurveyorDetailsDashboard.scss +29 -29
  10. package/src/components/TimeLine.scss +2 -2
  11. package/src/components/VerticalTimeline.scss +3 -3
  12. package/src/components/WorkflowTimeline.scss +5 -5
  13. package/src/components/accessibility.scss +177 -0
  14. package/src/components/body.scss +16 -16
  15. package/src/components/buttons.scss +3 -3
  16. package/src/components/card.scss +10 -10
  17. package/src/components/checkbox.scss +1 -1
  18. package/src/components/filters.scss +1 -1
  19. package/src/components/financeUi.scss +25 -25
  20. package/src/components/howItWorks.scss +4 -4
  21. package/src/components/inboxv2/InboxLinks.scss +2 -2
  22. package/src/components/inboxv2/horizontalNav.scss +1 -1
  23. package/src/components/inboxv2/inboxSearch.scss +2 -2
  24. package/src/components/landingpage.scss +156 -156
  25. package/src/components/languageSelector.scss +1 -1
  26. package/src/components/moduleHeader.scss +4 -4
  27. package/src/components/multiSelectDropdown.scss +1 -1
  28. package/src/components/navbar.scss +3 -3
  29. package/src/components/plusMinus.scss +1 -1
  30. package/src/components/reportDownload.scss +6 -6
  31. package/src/components/selectdropdown.scss +3 -2
  32. package/src/components/staticDynamicMessages.scss +5 -5
  33. package/src/components/staticSideBar.scss +2 -2
  34. package/src/components/summary.scss +4 -4
  35. package/src/components/table.scss +15 -15
  36. package/src/components/tag.scss +1 -1
  37. package/src/components/textfields.scss +7 -6
  38. package/src/components/topbar.scss +19 -17
  39. package/src/components/uploadcomponents.scss +1 -1
  40. package/src/digitv2/components/breadCrumbV2.scss +1 -1
  41. package/src/digitv2/components/selectdropdownV2.scss +4 -2
  42. package/src/digitv2/components/tagV2.scss +1 -1
  43. package/src/digitv2/components/textInputV2.scss +8 -4
  44. package/src/digitv2/pages/employee/workbench.scss +4 -4
  45. package/src/index.scss +10 -8
  46. package/src/pages/citizen/DocumentList.scss +11 -11
  47. package/src/pages/citizen/HomePageWrapper.scss +7 -7
  48. package/src/pages/citizen/Register.scss +36 -36
  49. package/src/pages/citizen/ekycStatus.scss +6 -6
  50. package/src/pages/employee/EmployeeModuleCard.scss +4 -4
  51. package/src/pages/employee/container.scss +1 -1
  52. package/src/pages/employee/dashboard.scss +16 -16
  53. package/src/pages/employee/dss.scss +11 -11
  54. package/src/pages/employee/ekyc.scss +51 -51
  55. package/src/pages/employee/ekycDashboard.scss +38 -38
  56. package/src/pages/employee/inbox.scss +8 -8
  57. package/src/pages/employee/index.scss +33 -32
  58. package/src/pages/employee/login.scss +9 -9
  59. package/src/pages/employee/scroll-table.scss +1 -1
  60. package/src/pages/employee/surveys.scss +1 -1
  61. package/src/pages/employee/ws-calculation.scss +209 -0
package/src/pages/employee/login.scss CHANGED
@@ -60,15 +60,15 @@
60
60
  .loginFormStyleEmployee .bannerHeader p,
61
61
  .employeeForgotPassword .bannerHeader p,
62
62
  .employeeChangePassword .bannerHeader p {
63
- font-size: 19px;
63
+ font-size: 1.1875rem;
64
64
  }
65
65
  .employeeCard .card-sub-header {
66
- font-size: 24px;
66
+ font-size: 1.5rem;
67
67
  }
68
68
  .loginFormStyleEmployee .employeeCard .card-label,
69
69
  .employeeForgotPassword .employeeCard .card-label {
70
70
  font-weight: normal;
71
- font-size: 16px;
71
+ font-size: 1rem;
72
72
  line-height: 19px;
73
73
  color: theme(colors.text.primary);
74
74
  margin-top: 20px;
@@ -78,21 +78,21 @@
78
78
  }
79
79
  .employeeCard .card-label {
80
80
  font-weight: normal;
81
- font-size: 16px;
81
+ font-size: 1rem;
82
82
  line-height: 19px;
83
83
  color: theme(colors.text.primary);
84
84
  }
85
85
 
86
86
  .employeeForgotPassword .employeeCard .card-label-desc {
87
87
  font-weight: normal;
88
- font-size: 16px;
88
+ font-size: 1rem;
89
89
  line-height: 24px;
90
90
  color: theme(colors.text.secondary);
91
91
  margin-top: 15px;
92
92
  }
93
93
  .employeeChangePassword .employeeCard .card-text {
94
94
  margin-bottom: 15px;
95
- font-size: 16px;
95
+ font-size: 1rem;
96
96
  color: theme(colors.text.secondary);
97
97
  }
98
98
  @media screen and (max-width: 768px) {
@@ -100,7 +100,7 @@
100
100
  margin-top: 7px;
101
101
  }
102
102
  .employeeCard .card-sub-header {
103
- font-size: 18px;
103
+ font-size: 1.125rem;
104
104
  }
105
105
  }
106
106
  .employeeChangePassword .employeeCard .card-text-button {
@@ -124,7 +124,7 @@
124
124
  .employeeForgotPassword .employeeCard .employee-card-sub-header,
125
125
  .employeeChangePassword .employeeCard .employee-card-sub-header,
126
126
  .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
127
- font-size: 24px !important;
127
+ font-size: 1.5rem !important;
128
128
  line-height: 28px !important;
129
129
  margin-bottom: 0px !important;
130
130
  }
@@ -132,7 +132,7 @@
132
132
  .employeeForgotPassword .employeeCard .employee-card-sub-header,
133
133
  .employeeChangePassword .employeeCard .employee-card-sub-header,
134
134
  .loginFormStyleEmployee .employeeCard .employee-card-sub-header {
135
- font-size: 18px !important;
135
+ font-size: 1.125rem !important;
136
136
  line-height: 21px !important;
137
137
  margin-bottom: 0px !important;
138
138
  }
package/src/pages/employee/scroll-table.scss CHANGED
@@ -78,7 +78,7 @@ color: #B1B4B6;
78
78
  }
79
79
  .table-switch-card-inactive:hover{
80
80
  background: #fffffc;
81
- font-size: 17px;
81
+ font-size: 1.0625rem;
82
82
  color: theme(colors.text.secondary);
83
83
  }
84
84
 
package/src/pages/employee/surveys.scss CHANGED
@@ -87,7 +87,7 @@
87
87
  }
88
88
 
89
89
  .question-title {
90
- font-size: 18px;
90
+ font-size: 1.125rem;
91
91
  line-height: 21px;
92
92
  color: theme(colors.text.primary);
93
93
  font-weight: 700;
package/src/pages/employee/ws-calculation.scss ADDED
@@ -0,0 +1,209 @@
1
+ .ws-calc-details-wrapper {
2
+ margin-top: 32px; /* Added more space from the calculate button */
3
+ }
4
+
5
+ .ws-calc-detail-card {
6
+ margin-bottom: 24px;
7
+ }
8
+
9
+ .ws-calc-property-box {
10
+ border: 1px solid #d6d5d4;
11
+ border-radius: 4px;
12
+ padding: 16px;
13
+ background-color: #fff;
14
+ }
15
+
16
+ .ws-calc-detail-card-header {
17
+ display: flex;
18
+ align-items: center;
19
+ margin-bottom: 16px;
20
+ }
21
+
22
+ .ws-calc-detail-card-badge {
23
+ background-color: #e8efff;
24
+ color: #0b4b66;
25
+ padding: 4px 10px;
26
+ border-radius: 50%;
27
+ margin-right: 8px;
28
+ font-weight: bold;
29
+ }
30
+
31
+ .ws-calc-detail-card-title {
32
+ font-weight: bold;
33
+ font-size: 16px;
34
+ }
35
+
36
+ .ws-calc-grid-3 {
37
+ display: grid;
38
+ grid-template-columns: repeat(3, 1fr);
39
+ gap: 16px;
40
+ }
41
+
42
+ .ws-calc-grid-4 {
43
+ display: grid;
44
+ grid-template-columns: repeat(4, 1fr);
45
+ gap: 16px;
46
+ margin-bottom: 16px;
47
+ }
48
+
49
+ .ws-calc-label {
50
+ color: #505A5F;
51
+ font-size: 12px;
52
+ margin-bottom: 4px;
53
+ }
54
+
55
+ .ws-calc-value {
56
+ font-weight: bold;
57
+ font-size: 14px;
58
+ }
59
+
60
+ .ws-calc-pill {
61
+ font-weight: bold;
62
+ font-size: 14px;
63
+ background-color: #e8efff;
64
+ color: #0b4b66;
65
+ padding: 2px 8px;
66
+ border-radius: 4px;
67
+ display: inline-block;
68
+ }
69
+
70
+ .ws-calc-hr {
71
+ margin: 16px 0;
72
+ border-top: 1px solid #d6d5d4;
73
+ border-bottom: none;
74
+ border-left: none;
75
+ border-right: none;
76
+ }
77
+
78
+ .ws-calc-split-card {
79
+ display: flex;
80
+ border: 1px solid #d6d5d4;
81
+ border-radius: 4px;
82
+ }
83
+
84
+ .ws-calc-split-left {
85
+ flex: 1;
86
+ padding: 16px;
87
+ border-right: 1px solid #d6d5d4;
88
+ }
89
+
90
+ .ws-calc-split-right {
91
+ flex: 1;
92
+ padding: 16px;
93
+ display: flex;
94
+ flex-direction: column;
95
+ justify-content: center;
96
+ }
97
+
98
+ .ws-calc-row {
99
+ display: flex;
100
+ justify-content: space-between;
101
+ margin-bottom: 12px;
102
+ }
103
+
104
+ .ws-calc-row-last {
105
+ display: flex;
106
+ justify-content: space-between;
107
+ }
108
+
109
+ .ws-calc-row-label {
110
+ color: #505A5F;
111
+ font-size: 14px;
112
+ }
113
+
114
+ .ws-calc-row-value {
115
+ font-weight: bold;
116
+ font-size: 14px;
117
+ }
118
+
119
+ .ws-calc-row-value-right {
120
+ font-weight: bold;
121
+ font-size: 14px;
122
+ text-align: right;
123
+ max-width: 60%;
124
+ }
125
+
126
+ .ws-calc-row-value-red {
127
+ font-weight: bold;
128
+ font-size: 14px;
129
+ color: #d4351c;
130
+ }
131
+
132
+ .ws-calc-highlight-blue {
133
+ display: flex;
134
+ justify-content: space-between;
135
+ background-color: #e8efff;
136
+ padding: 12px;
137
+ border-radius: 4px;
138
+ }
139
+
140
+ .ws-calc-highlight-blue-label {
141
+ color: #0b4b66;
142
+ font-weight: bold;
143
+ font-size: 14px;
144
+ }
145
+
146
+ .ws-calc-highlight-blue-value {
147
+ color: #0b4b66;
148
+ font-weight: bold;
149
+ font-size: 16px;
150
+ }
151
+
152
+ .ws-calc-highlight-green {
153
+ display: flex;
154
+ justify-content: space-between;
155
+ background-color: #eaf5ea;
156
+ padding: 12px;
157
+ border-radius: 4px;
158
+ }
159
+
160
+ .ws-calc-highlight-green-label {
161
+ color: #00703c;
162
+ font-weight: bold;
163
+ font-size: 14px;
164
+ }
165
+
166
+ .ws-calc-highlight-green-value {
167
+ color: #00703c;
168
+ font-weight: bold;
169
+ font-size: 16px;
170
+ }
171
+
172
+ .ws-calc-highlight-purple {
173
+ flex: 1;
174
+ padding: 16px;
175
+ background-color: #f9eefc;
176
+ display: flex;
177
+ align-items: center;
178
+ justify-content: space-between;
179
+ }
180
+
181
+ .ws-calc-highlight-purple-label {
182
+ color: #6a0dad;
183
+ font-weight: bold;
184
+ font-size: 16px;
185
+ }
186
+
187
+ .ws-calc-highlight-purple-value {
188
+ color: #6a0dad;
189
+ font-weight: bold;
190
+ font-size: 20px;
191
+ }
192
+
193
+ /* Mobile Responsiveness */
194
+ @media (max-width: 768px) {
195
+ .ws-calc-grid-3,
196
+ .ws-calc-grid-4 {
197
+ grid-template-columns: 1fr;
198
+ gap: 12px;
199
+ }
200
+
201
+ .ws-calc-split-card {
202
+ flex-direction: column;
203
+ }
204
+
205
+ .ws-calc-split-left {
206
+ border-right: none;
207
+ border-bottom: 1px solid #d6d5d4;
208
+ }
209
+ }