@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/components/languageSelector.scss CHANGED
@@ -19,5 +19,5 @@
19
19
  border-color: transparent;
20
20
  }
21
21
  .bannerCard .bannerHeader p {
22
- font-size: 19px;
22
+ font-size: 1.1875rem;
23
23
  }
package/src/components/moduleHeader.scss CHANGED
@@ -32,7 +32,7 @@
32
32
 
33
33
  .title {
34
34
  margin: 0;
35
- font-size: 25px;
35
+ font-size: 1.5625rem;
36
36
  font-weight: 700;
37
37
  color: #000000;
38
38
  text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.5);
@@ -56,7 +56,7 @@
56
56
  -webkit-backdrop-filter: blur(10px);
57
57
  border: 1px solid rgba(255, 255, 255, 0.2);
58
58
  border-top: none;
59
- font-size: 14px;
59
+ font-size: 0.875rem;
60
60
  font-weight: 500;
61
61
 
62
62
  .icon {
@@ -73,7 +73,7 @@
73
73
 
74
74
  .iconn {
75
75
  font-feature-settings: "kern";
76
- font-size: 16px;
76
+ font-size: 1rem;
77
77
  margin: 0 8px;
78
78
  color: #fff;
79
79
  }
@@ -131,7 +131,7 @@
131
131
  display: none;
132
132
  background: none;
133
133
  border: none;
134
- font-size: 22px;
134
+ font-size: 1.375rem;
135
135
  color: white;
136
136
  cursor: pointer;
137
137
  }
package/src/components/multiSelectDropdown.scss CHANGED
@@ -104,7 +104,7 @@
104
104
  color: #0b5ed7;
105
105
  border: 1px solid #cfe2ff;
106
106
  border-radius: 16px;
107
- font-size: 13px;
107
+ font-size: 0.8125rem;
108
108
  font-weight: 500;
109
109
  line-height: 1;
110
110
  white-space: nowrap;
package/src/components/navbar.scss CHANGED
@@ -56,7 +56,7 @@
56
56
  .label-text {
57
57
  letter-spacing: 0.6px;
58
58
  font-weight: 700;
59
- font-size: 18px;
59
+ font-size: 1.125rem;
60
60
  color: theme(colors.text.primary);
61
61
  }
62
62
  }
@@ -86,7 +86,7 @@
86
86
  margin: 0px;
87
87
  padding: 0px;
88
88
  outline: none;
89
- font-size: 16px;
89
+ font-size: 1rem;
90
90
  position: relative;
91
91
  color: rgb(95, 92, 98);
92
92
  line-height: 48px;
@@ -207,7 +207,7 @@
207
207
  margin: 0px;
208
208
  padding: 0px;
209
209
  outline: none;
210
- font-size: 16px;
210
+ font-size: 1rem;
211
211
  position: relative;
212
212
  color: rgb(95, 92, 98);
213
213
  line-height: 48px;
package/src/components/plusMinus.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  border: 1px solid theme(colors.border);
9
9
  background-color: theme(colors.grey.mid);
10
10
  color: theme(colors.text.secondary);
11
- font-size: 27px;
11
+ font-size: 1.6875rem;
12
12
  font-weight: 400;
13
13
  text-align: center;
14
14
  width: 40px;
package/src/components/reportDownload.scss CHANGED
@@ -16,7 +16,7 @@
16
16
  padding: 10px 20px;
17
17
  cursor: pointer;
18
18
  font-weight: 600;
19
- font-size: 14px;
19
+ font-size: 0.875rem;
20
20
  display: flex;
21
21
  align-items: center;
22
22
  gap: 8px;
@@ -38,7 +38,7 @@
38
38
  .menu-item {
39
39
  padding: 10px 20px;
40
40
  cursor: pointer;
41
- font-size: 14px;
41
+ font-size: 0.875rem;
42
42
  color: #111;
43
43
  transition: background 0.15s;
44
44
 
@@ -50,7 +50,7 @@
50
50
  .custom-date-trigger {
51
51
  padding: 10px 20px;
52
52
  cursor: pointer;
53
- font-size: 14px;
53
+ font-size: 0.875rem;
54
54
  color: #0b2559;
55
55
  font-weight: 600;
56
56
  border-top: 1px solid #e5e7eb;
@@ -73,7 +73,7 @@
73
73
  .date-label {
74
74
  display: block;
75
75
  margin-bottom: 4px;
76
- font-size: 12px;
76
+ font-size: 0.75rem;
77
77
  color: #6b7280;
78
78
  }
79
79
 
@@ -82,7 +82,7 @@
82
82
  padding: 6px 8px;
83
83
  border: 1px solid #d1d5db;
84
84
  border-radius: 6px;
85
- font-size: 13px;
85
+ font-size: 0.8125rem;
86
86
  outline: none;
87
87
 
88
88
  &:focus {
@@ -99,6 +99,6 @@
99
99
  padding: 8px;
100
100
  cursor: pointer;
101
101
  font-weight: 600;
102
- font-size: 13px;
102
+ font-size: 0.8125rem;
103
103
  }
104
104
  }
package/src/components/selectdropdown.scss CHANGED
@@ -22,10 +22,10 @@
22
22
  @apply relative rounded-md;
23
23
 
24
24
  .select {
25
- border: 2px solid #e5e5e7;
25
+ border: 1px solid #007bff;
26
26
  @apply relative block w-full h-10 rounded-md;
27
27
  &:hover {
28
- border: 2px solid #a1a1aa;
28
+ border: 1px solid #0056b3;
29
29
  @apply rounded-md;
30
30
  }
31
31
  input[type="text"] {
@@ -123,6 +123,7 @@
123
123
  @apply relative;
124
124
 
125
125
  .select {
126
+ border: 1px solid #007bff;
126
127
  @apply relative block w-full h-10 rounded-md;
127
128
 
128
129
  input[type="text"] {
package/src/components/staticDynamicMessages.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  color: #25D366;
8
8
  float: left;
9
9
  font-family: 'Roboto';
10
- font-size: 16px;
10
+ font-size: 1rem;
11
11
  font-weight: 700;
12
12
  }
13
13
  .dynamicDataCard{
@@ -24,7 +24,7 @@
24
24
  }
25
25
  .dynamicData-content{
26
26
  font-family: 'Roboto';
27
- font-size: 14px;
27
+ font-size: 0.875rem;
28
28
  font-weight: 400;
29
29
  padding-top: 4px;
30
30
  word-break: break-word;
@@ -57,12 +57,12 @@
57
57
  }
58
58
  .static-data-content-first{
59
59
  font-family: 'Roboto';
60
- font-size: 14px;
60
+ font-size: 0.875rem;
61
61
  font-weight: 400;
62
62
  }
63
63
  .static-data-content-second{
64
64
  font-family: 'Roboto';
65
- font-size: 16px;
65
+ font-size: 1rem;
66
66
  font-weight: 700;
67
67
  word-break: break-word;
68
68
  }
@@ -81,7 +81,7 @@
81
81
  }
82
82
  .static-home-Card-header{
83
83
  font-family: 'Roboto';
84
- font-size: 16px;
84
+ font-size: 1rem;
85
85
  font-weight: 700;
86
86
  float: left;
87
87
  }
package/src/components/staticSideBar.scss CHANGED
@@ -161,7 +161,7 @@
161
161
  }
162
162
 
163
163
  .citizen-static-sidebar .drawer-desktop .menu-label {
164
- font-size: 14px;
164
+ font-size: 0.875rem;
165
165
  font-weight: 500;
166
166
  color: var(--sidebar-text);
167
167
  }
@@ -266,7 +266,7 @@
266
266
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
267
267
 
268
268
  .toggle-label {
269
- font-size: 14px;
269
+ font-size: 0.875rem;
270
270
  font-weight: 700;
271
271
  letter-spacing: 0.5px;
272
272
  }
package/src/components/summary.scss CHANGED
@@ -11,7 +11,7 @@
11
11
 
12
12
  p:only-child {
13
13
  font-weight: bold;
14
- font-size: 24px;
14
+ font-size: 1.5rem;
15
15
  }
16
16
 
17
17
  div {
@@ -19,7 +19,7 @@
19
19
 
20
20
  p:not(:first-child) {
21
21
  font-weight: bold;
22
- font-size: 24px;
22
+ font-size: 1.5rem;
23
23
  }
24
24
  }
25
25
  }
@@ -48,7 +48,7 @@
48
48
  transition: all 0.2s ease-in-out;
49
49
 
50
50
  .summary-card-label {
51
- font-size: 11px;
51
+ font-size: 0.6875rem;
52
52
  color: #64748b;
53
53
  font-weight: 600;
54
54
  text-transform: uppercase;
@@ -59,7 +59,7 @@
59
59
  text-overflow: ellipsis;
60
60
  }
61
61
  .summary-card-count {
62
- font-size: 28px;
62
+ font-size: 1.75rem;
63
63
  font-weight: 700;
64
64
  margin-top: 12px;
65
65
  }
package/src/components/table.scss CHANGED
@@ -45,7 +45,7 @@
45
45
  flex-wrap: wrap;
46
46
  .title {
47
47
  margin: 0;
48
- font-size: 15px;
48
+ font-size: 0.9375rem;
49
49
  font-weight: 700;
50
50
  color: #0f172a;
51
51
  letter-spacing: -0.015em;
@@ -58,20 +58,20 @@
58
58
  color: #fff;
59
59
  border-radius: 999;
60
60
  padding: 4px 16px;
61
- font-size: 11px;
61
+ font-size: 0.6875rem;
62
62
  font-weight: 600;
63
63
  box-shadow: 0 1px 4px rgba(37, 99, 235, 0.28);
64
64
  border-radius: 40px;
65
65
  .records {
66
66
  border-radius: 999;
67
67
  padding: 1px 7px;
68
- font-size: 11px;
68
+ font-size: 0.6875rem;
69
69
  font-weight: 700;
70
70
  font-family: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
71
71
  color: #fff;
72
72
  }
73
73
  .title {
74
- font-size: 10px;
74
+ font-size: 0.625rem;
75
75
  opacity: 0.88;
76
76
  text-transform: uppercase;
77
77
  letter-spacing: 0.06em;
@@ -108,7 +108,7 @@
108
108
  .search-input {
109
109
  border-radius: 6px;
110
110
  padding: 6px 10px 6px 30px;
111
- font-size: 13px;
111
+ font-size: 0.8125rem;
112
112
  font-family: DM Sans, Segoe UI, ui-sans-serif, sans-serif;
113
113
  color: #0f172a;
114
114
  background: #fff;
@@ -137,7 +137,7 @@
137
137
  gap: 6px;
138
138
  border-radius: 6px;
139
139
  padding: 6px 10px;
140
- font-size: 12.5px;
140
+ font-size: 0.78125rem;
141
141
  font-weight: 600;
142
142
  font-family: "DM Sans", "Segoe UI", ui-sans-serif, sans-serif;
143
143
  line-height: 1px;
@@ -173,7 +173,7 @@
173
173
  width: 100% !important;
174
174
  border-collapse: collapse;
175
175
  border-spacing: 0;
176
- font-size: 13.5px;
176
+ font-size: 0.84375rem;
177
177
  color: #0f172a;
178
178
 
179
179
  thead {
@@ -186,7 +186,7 @@
186
186
  padding: 12px 14px;
187
187
  text-align: center;
188
188
  border-bottom: 2px solid #cbd5e1;
189
- font-size: 14px;
189
+ font-size: 0.875rem;
190
190
  font-weight: 700;
191
191
  text-transform: uppercase;
192
192
  letter-spacing: 0.07em;
@@ -218,7 +218,7 @@
218
218
  display: flex;
219
219
  gap: 4px;
220
220
  .col-head {
221
- font-size: 14px;
221
+ font-size: 0.875rem;
222
222
  font-weight: 700;
223
223
  text-transform: uppercase;
224
224
  letter-spacing: 0.07em;
@@ -262,7 +262,7 @@
262
262
 
263
263
  .table-empty-text {
264
264
  margin: 0;
265
- font-size: 14px;
265
+ font-size: 0.875rem;
266
266
  font-weight: 500;
267
267
  color: #94a3b8;
268
268
  }
@@ -330,7 +330,7 @@
330
330
  @apply border-t border-border text-left align-middle;
331
331
  padding: 10px 18px;
332
332
  vertical-align: middle;
333
- font-size: 16px;
333
+ font-size: 1rem;
334
334
  white-space: nowrap;
335
335
  text-align: left;
336
336
  }
@@ -537,7 +537,7 @@
537
537
  background: #fafbfc;
538
538
 
539
539
  .page-size-label {
540
- font-size: 12px;
540
+ font-size: 0.75rem;
541
541
  color: #64748b;
542
542
  white-space: nowrap;
543
543
  }
@@ -554,7 +554,7 @@
554
554
  background: #fff;
555
555
  border-radius: 999px;
556
556
  padding: 6px 30px 6px 12px;
557
- font-size: 12px;
557
+ font-size: 0.75rem;
558
558
  font-weight: 600;
559
559
  color: #334155;
560
560
  cursor: pointer;
@@ -582,7 +582,7 @@
582
582
  display: flex;
583
583
  align-items: center;
584
584
  gap: 2px;
585
- font-size: 12px;
585
+ font-size: 0.75rem;
586
586
  color: #64748b;
587
587
 
588
588
  strong {
@@ -605,7 +605,7 @@
605
605
  height: 30px;
606
606
  border-radius: 12px;
607
607
  cursor: pointer;
608
- font-size: 14px;
608
+ font-size: 0.875rem;
609
609
  font-weight: 600;
610
610
  line-height: 0;
611
611
  transition: all 0.15s ease;
package/src/components/tag.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @apply bg-grey-mid rounded-2xl pt-sm pb-sm flex justify-between items-center;
7
7
  padding-left: 12px;
8
8
  padding-right: 12px;
9
- font-size: 14px;
9
+ font-size: 0.875rem;
10
10
  margin-left: 2px;
11
11
  height: 2rem;
12
12
  margin-top: 1rem;
package/src/components/textfields.scss CHANGED
@@ -7,10 +7,11 @@
7
7
  }
8
8
 
9
9
  .employee-card-input {
10
- border: 2px solid #e5e5e7;
11
- @apply pl-sm outline-none block w-full h-10 bg-white leading-10 text-form-field text-text-primary rounded-md;
10
+ border: 1px solid #007bff;
11
+ background-color: transparent;
12
+ @apply pl-sm outline-none block w-full h-10 leading-10 text-form-field text-text-primary rounded-md;
12
13
  &:hover {
13
- border: 2px solid #a1a1aa;
14
+ border: 1px solid #0056b3;
14
15
  }
15
16
  }
16
17
 
@@ -26,11 +27,11 @@
26
27
  width: fit-content !important;
27
28
  display: flex;
28
29
  align-items: center;
29
- background: theme(colors.grey.mid);
30
- border-right: 0;
30
+ background: transparent;
31
+ border-right: 1px solid #007bff;
31
32
  padding-right: 5px;
32
33
  border-radius: 6px 0 0 6px;
33
- color: #e5e5e7;
34
+ color: inherit;
34
35
  }
35
36
  .employee-card-input-error {
36
37
  @apply mb-lg pl-sm block w-full h-10 outline-none border-2 border-error border-solid bg-white leading-10 text-form-field text-text-primary;
package/src/components/topbar.scss CHANGED
@@ -1,3 +1,5 @@
1
+
2
+
1
3
  .topbar {
2
4
  position: fixed;
3
5
  top: 0;
@@ -141,10 +143,10 @@
141
143
 
142
144
  .btx {
143
145
  h1 {
144
- font-size: 22px !important;
146
+ font-size: 1.375rem !important;
145
147
  }
146
148
  p {
147
- font-size: 9px !important;
149
+ font-size: 0.5625rem !important;
148
150
  }
149
151
  }
150
152
  }
@@ -162,10 +164,10 @@
162
164
 
163
165
  .btx {
164
166
  h1 {
165
- font-size: 15px !important;
167
+ font-size: 0.9375rem !important;
166
168
  }
167
169
  p {
168
- font-size: 9px !important;
170
+ font-size: 0.5625rem !important;
169
171
  }
170
172
  }
171
173
  }
@@ -250,7 +252,7 @@ video::-webkit-media-controls-panel {
250
252
  align-items: center;
251
253
  justify-content: center;
252
254
  font-weight: 700;
253
- font-size: 18px;
255
+ font-size: 1.125rem;
254
256
  flex-shrink: 0;
255
257
  }
256
258
 
@@ -270,13 +272,13 @@ video::-webkit-media-controls-panel {
270
272
 
271
273
  .user-profile-name {
272
274
  font-weight: 700;
273
- font-size: 15px;
275
+ font-size: 0.9375rem;
274
276
  color: #0b111d;
275
277
  white-space: nowrap;
276
278
  }
277
279
 
278
280
  .user-profile-details {
279
- font-size: 13px;
281
+ font-size: 0.8125rem;
280
282
  color: #6b778c;
281
283
  font-weight: 400;
282
284
  white-space: nowrap;
@@ -318,7 +320,7 @@ video::-webkit-media-controls-panel {
318
320
  border: 1px solid #e5e7eb !important;
319
321
  background-color: #ffffff !important;
320
322
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
321
- font-size: 14px !important;
323
+ font-size: 0.875rem !important;
322
324
  font-weight: 500 !important;
323
325
  color: #1f2937 !important;
324
326
  white-space: nowrap !important;
@@ -349,12 +351,12 @@ video::-webkit-media-controls-panel {
349
351
  @media (max-width: 1024px) {
350
352
  padding: 6px 10px !important;
351
353
  gap: 6px !important;
352
- font-size: 12px !important;
354
+ font-size: 0.75rem !important;
353
355
  }
354
356
 
355
357
  @media (max-width: 780px) {
356
358
  padding: 4px 6px !important;
357
- font-size: 11px !important;
359
+ font-size: 0.6875rem !important;
358
360
  svg {
359
361
  width: 14px !important;
360
362
  height: 14px !important;
@@ -363,7 +365,7 @@ video::-webkit-media-controls-panel {
363
365
 
364
366
  @media (max-width: 450px) {
365
367
  padding: 3px 5px !important;
366
- font-size: 10px !important;
368
+ font-size: 0.625rem !important;
367
369
  gap: 4px !important;
368
370
  svg {
369
371
  width: 12px !important;
@@ -400,15 +402,15 @@ video::-webkit-media-controls-panel {
400
402
  .user-profile-img {
401
403
  width: 36px !important;
402
404
  height: 36px !important;
403
- font-size: 15px !important;
405
+ font-size: 0.9375rem !important;
404
406
  }
405
407
 
406
408
  .user-profile-info {
407
409
  .user-profile-name {
408
- font-size: 13px !important;
410
+ font-size: 0.8125rem !important;
409
411
  }
410
412
  .user-profile-details {
411
- font-size: 11px !important;
413
+ font-size: 0.6875rem !important;
412
414
  }
413
415
  }
414
416
  }
@@ -443,7 +445,7 @@ video::-webkit-media-controls-panel {
443
445
  .user-profile-img {
444
446
  width: 32px !important;
445
447
  height: 32px !important;
446
- font-size: 14px !important;
448
+ font-size: 0.875rem !important;
447
449
  }
448
450
  }
449
451
  }
@@ -476,7 +478,7 @@ video::-webkit-media-controls-panel {
476
478
  display: none !important;
477
479
  }
478
480
  .topbar .btx h1 {
479
- font-size: 14px !important;
481
+ font-size: 0.875rem !important;
480
482
  line-height: 1 !important;
481
483
  white-space: nowrap !important;
482
484
  }
@@ -488,7 +490,7 @@ video::-webkit-media-controls-panel {
488
490
  .user-profile-img {
489
491
  width: 28px !important;
490
492
  height: 28px !important;
491
- font-size: 13px !important;
493
+ font-size: 0.8125rem !important;
492
494
  }
493
495
  }
494
496
  .topbar-item-wrapper {
package/src/components/uploadcomponents.scss CHANGED
@@ -110,7 +110,7 @@
110
110
  cursor: pointer;
111
111
  }
112
112
  .file-upload-status {
113
- font-size: 14px;
113
+ font-size: 0.875rem;
114
114
  font-weight: 500;
115
115
  }
116
116
  }
package/src/digitv2/components/breadCrumbV2.scss CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  .digit-bread-crumb {
4
4
  @extend .light-text-color-secondary;
5
- font-size: 14px;
5
+ font-size: 0.875rem;
6
6
  display: flex;
7
7
  margin-bottom: 10px;
8
8
  }
package/src/digitv2/components/selectdropdownV2.scss CHANGED
@@ -3,7 +3,8 @@
3
3
 
4
4
  .digit-select {
5
5
  @extend .light-input-border;
6
- @apply relative block w-full h-10 border border-solid border-input-border;
6
+ border: 1px solid #007bff;
7
+ @apply relative block w-full h-10;
7
8
  &:hover {
8
9
  @extend .light-input-border;
9
10
  @apply border-2 border-solid border-primary-main;
@@ -94,7 +95,8 @@
94
95
  max-width: 540px;
95
96
 
96
97
  .digit-select {
97
- @apply relative block w-full h-10 border border-solid border-input-border;
98
+ border: 1px solid #007bff;
99
+ @apply relative block w-full h-10;
98
100
  @extend .light-input-border;
99
101
 
100
102
  input[type="text"] {
package/src/digitv2/components/tagV2.scss CHANGED
@@ -5,7 +5,7 @@
5
5
  @apply bg-grey-mid rounded-2xl pt-sm pb-sm flex justify-between items-center;
6
6
  padding-left: 12px;
7
7
  padding-right: 12px;
8
- font-size: 14px;
8
+ font-size: 0.875rem;
9
9
  margin-left: 2px;
10
10
  height: 2rem;
11
11
  margin-top: 1rem;
package/src/digitv2/components/textInputV2.scss CHANGED
@@ -11,7 +11,9 @@
11
11
  max-width: 540px;
12
12
  }
13
13
  .digit-card-input {
14
- @apply mb-lg pl-sm outline-none mt-sm block border w-full h-10 border-input-border border-solid bg-white leading-10 text-form-field text-text-primary;
14
+ border: 1px solid #007bff;
15
+ background-color: transparent;
16
+ @apply mb-lg pl-sm outline-none mt-sm block w-full h-10 leading-10 text-form-field text-text-primary;
15
17
  }
16
18
 
17
19
  .digit-card-input-error {
@@ -19,7 +21,9 @@
19
21
  }
20
22
 
21
23
  .digit-employee-card-input {
22
- @apply mb-lg pl-sm outline-none block border w-full h-10 border-input-border border-solid bg-white leading-10 text-form-field text-text-primary;
24
+ border: 1px solid #007bff;
25
+ background-color: transparent;
26
+ @apply mb-lg pl-sm outline-none block w-full h-10 leading-10 text-form-field text-text-primary;
23
27
  }
24
28
  .digit-employee-card-input:disabled {
25
29
  @apply border-grey-dark text-grey-dark !important;
@@ -29,8 +33,8 @@
29
33
  width: fit-content !important;
30
34
  display: flex;
31
35
  align-items: center;
32
- background: theme(colors.grey.mid);
33
- border-right: 0;
36
+ background: transparent;
37
+ border-right: 1px solid #007bff;
34
38
  padding-right: 5px;
35
39
  }
36
40
  .digit-employee-card-input-error {
package/src/digitv2/pages/employee/workbench.scss CHANGED
@@ -495,7 +495,7 @@
495
495
  white-space: normal;
496
496
 
497
497
  .tooltiptextvalue {
498
- font-size: 14px;
498
+ font-size: 0.875rem;
499
499
  font-weight: 400px;
500
500
  color: white;
501
501
  }
@@ -742,7 +742,7 @@ button:hover {
742
742
  cursor: pointer;
743
743
  margin-right: 1em;
744
744
  font-weight: bolder;
745
- font-size: 23px;
745
+ font-size: 1.4375rem;
746
746
  }
747
747
  }
748
748
  }
@@ -786,7 +786,7 @@ button:hover {
786
786
  .view-all-link {
787
787
  background-color: #bdc5d1;
788
788
  color: #3a8dcc;
789
- font-size: 16px;
789
+ font-size: 1rem;
790
790
  text-decoration: underline;
791
791
  cursor: pointer;
792
792
  }
@@ -834,7 +834,7 @@ button:hover {
834
834
 
835
835
  .progressHeading {
836
836
  margin: 8px 0;
837
- font-size: 16px;
837
+ font-size: 1rem;
838
838
 
839
839
  .success-container {
840
840
  display: flex;