@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djb25/digit-ui-css",
3
- "version": "1.0.85",
3
+ "version": "1.0.87",
4
4
  "license": "MIT",
5
5
  "main": "dist/index.css",
6
6
  "author": "satyam",
@@ -30,7 +30,7 @@
30
30
  }
31
31
  }
32
32
  .ChildOptionName {
33
- font-size: 12px;
33
+ font-size: 0.75rem;
34
34
  line-height: 14px;
35
35
  padding-top: 1rem;
36
36
  }
@@ -47,7 +47,7 @@
47
47
 
48
48
  .subTitle {
49
49
  margin-bottom: 8px;
50
- font-size: 12px;
50
+ font-size: 0.75rem;
51
51
  font-weight: 600;
52
52
  text-transform: uppercase;
53
53
  letter-spacing: 0.2em;
@@ -56,7 +56,7 @@
56
56
 
57
57
  h2 {
58
58
  margin: 0;
59
- font-size: 24px;
59
+ font-size: 1.5rem;
60
60
  font-weight: 700;
61
61
  line-height: 1.1;
62
62
  letter-spacing: -0.03em;
@@ -103,7 +103,7 @@
103
103
  background: rgba(255, 255, 255, 0.82);
104
104
  border: 1px solid rgba(226, 232, 240, 0.8);
105
105
  color: #334155;
106
- font-size: 14px;
106
+ font-size: 0.875rem;
107
107
  font-weight: 500;
108
108
  text-decoration: none;
109
109
  transition: all 0.25s ease;
@@ -151,12 +151,12 @@
151
151
 
152
152
  .quickText {
153
153
  margin-bottom: 2px;
154
- font-size: 12px;
154
+ font-size: 0.75rem;
155
155
  color: #64748b;
156
156
  }
157
157
 
158
158
  .quickSubText {
159
- font-size: 14px;
159
+ font-size: 0.875rem;
160
160
  font-weight: 600;
161
161
  color: #1e293b;
162
162
  }
@@ -202,7 +202,7 @@
202
202
  margin-bottom: 24px;
203
203
 
204
204
  h2 {
205
- font-size: 26px;
205
+ font-size: 1.625rem;
206
206
  }
207
207
 
208
208
  .iconWrapper {
@@ -6,7 +6,6 @@
6
6
  max-width: 100%;
7
7
  overflow-y: auto;
8
8
  flex: 1;
9
- padding: 20px;
10
9
 
11
10
  .filters-grid {
12
11
  display: grid;
@@ -19,7 +18,7 @@
19
18
  background: transparent;
20
19
  border: none;
21
20
  color: #1f5fa8;
22
- font-size: 14px;
21
+ font-size: 0.875rem;
23
22
  font-weight: 600;
24
23
  cursor: pointer;
25
24
  text-decoration: underline;
@@ -40,7 +39,7 @@
40
39
  border: 1px solid #d1d5db;
41
40
  border-radius: 10px;
42
41
  background: #fff;
43
- font-size: 14px;
42
+ font-size: 0.875rem;
44
43
  outline: none;
45
44
 
46
45
  &:focus {
@@ -64,7 +63,7 @@
64
63
  padding: 16px;
65
64
  background: #eef2f7;
66
65
  font-weight: 700;
67
- font-size: 14px;
66
+ font-size: 0.875rem;
68
67
  color: #0b2559;
69
68
  }
70
69
 
@@ -79,7 +78,7 @@
79
78
  padding: 16px;
80
79
  align-items: center;
81
80
  border-top: 1px solid #edf0f4;
82
- font-size: 14px;
81
+ font-size: 0.875rem;
83
82
 
84
83
  &.even {
85
84
  background: #fff;
@@ -98,7 +97,7 @@
98
97
  .status-badge {
99
98
  padding: 4px 10px;
100
99
  border-radius: 999px;
101
- font-size: 12px;
100
+ font-size: 0.75rem;
102
101
  font-weight: 600;
103
102
  display: inline-block;
104
103
 
@@ -21,7 +21,7 @@
21
21
  background: #fff;
22
22
  justify-content: space-between;
23
23
  display: flex;
24
- font-size: 16px;
24
+ font-size: 1rem;
25
25
  }
26
26
 
27
27
  .faqicon{
@@ -36,7 +36,7 @@
36
36
 
37
37
  span {
38
38
  display: block;
39
- font-size: 14px;
39
+ font-size: 0.875rem;
40
40
  font-weight: 400;
41
41
  margin: 0px 12px 5px
42
42
  }
@@ -114,7 +114,7 @@
114
114
  display: flex;
115
115
  justify-content: center;
116
116
  align-items: center;
117
- font-size: 30px;
117
+ font-size: 1.875rem;
118
118
  font-weight: 700;
119
119
  text-transform: uppercase;
120
120
  letter-spacing: 2px;
@@ -461,7 +461,7 @@
461
461
  border: none;
462
462
  cursor: pointer;
463
463
  color: #333;
464
- font-size: 14px;
464
+ font-size: 0.875rem;
465
465
  }
466
466
 
467
467
  .custom-sidebar-header .toggle-btn:hover {
@@ -490,12 +490,12 @@
490
490
  }
491
491
 
492
492
  .menu-list li .menu-item .icon {
493
- font-size: 18px;
493
+ font-size: 1.125rem;
494
494
  margin-right: 12px;
495
495
  }
496
496
 
497
497
  .menu-list li .menu-item .label {
498
- font-size: 15px;
498
+ font-size: 0.9375rem;
499
499
  line-height: 1.4;
500
500
  word-break: break-word;
501
501
  white-space: normal;
@@ -508,7 +508,7 @@
508
508
  color: white;
509
509
  border-radius: 10px;
510
510
  padding: 2px 6px;
511
- font-size: 12px;
511
+ font-size: 0.75rem;
512
512
  }
513
513
 
514
514
  .menu-list li .menu-item:hover:not(.active) {
@@ -523,7 +523,7 @@
523
523
 
524
524
  .menu-list li .submenu .submenu-item {
525
525
  padding: 8px 0;
526
- font-size: 14px;
526
+ font-size: 0.875rem;
527
527
  color: #666;
528
528
  cursor: pointer;
529
529
  }
@@ -559,13 +559,13 @@
559
559
 
560
560
  .collapsible-card-title {
561
561
  margin: 0;
562
- font-size: 15px;
562
+ font-size: 0.9375rem;
563
563
  font-weight: 600;
564
564
  padding-left: 8px;
565
565
  }
566
566
 
567
567
  .collapsible-card-arrow {
568
- font-size: 14px;
568
+ font-size: 0.875rem;
569
569
  display: inline-block;
570
570
  transition: transform 0.3s ease;
571
571
  }
@@ -575,7 +575,7 @@
575
575
  }
576
576
 
577
577
  .collapsible-card-body {
578
- font-size: 14px;
578
+ font-size: 0.875rem;
579
579
  color: #444;
580
580
  background: #fff;
581
581
  padding: 15px;
@@ -598,7 +598,7 @@
598
598
  display: flex;
599
599
  align-items: center;
600
600
  gap: 12px;
601
- font-size: 14px;
601
+ font-size: 0.875rem;
602
602
  }
603
603
 
604
604
  .finance-breadcrumb .back-button {
@@ -630,7 +630,7 @@
630
630
  align-items: center;
631
631
  color: rgba(255, 255, 255, 0.8);
632
632
  font-weight: 400;
633
- font-size: 14px;
633
+ font-size: 0.875rem;
634
634
  }
635
635
 
636
636
  .finance-header {
@@ -707,12 +707,12 @@
707
707
  }
708
708
 
709
709
  .menu-list li .menu-item .icon {
710
- font-size: 16px;
710
+ font-size: 1rem;
711
711
  margin-right: 10px;
712
712
  }
713
713
 
714
714
  .menu-list li .menu-item .label {
715
- font-size: 14px;
715
+ font-size: 0.875rem;
716
716
  }
717
717
 
718
718
  .finance-header {
@@ -722,7 +722,7 @@
722
722
  }
723
723
 
724
724
  .finance-heading {
725
- font-size: 24px;
725
+ font-size: 1.5rem;
726
726
  margin-left: 20px;
727
727
  margin-right: 20px;
728
728
  padding: 15px 0;
@@ -735,12 +735,12 @@
735
735
  }
736
736
 
737
737
  .custom-sidebar .menu-list li .menu-item .icon {
738
- font-size: 14px;
738
+ font-size: 0.875rem;
739
739
  margin-right: 8px;
740
740
  }
741
741
 
742
742
  .custom-sidebar .menu-list li .menu-item .label {
743
- font-size: 13px;
743
+ font-size: 0.8125rem;
744
744
  }
745
745
 
746
746
  .custom-sidebar:not(.open) {
@@ -752,12 +752,12 @@
752
752
  }
753
753
 
754
754
  .menu-list .menu-item .icon {
755
- font-size: 14px;
755
+ font-size: 0.875rem;
756
756
  margin-right: 8px;
757
757
  }
758
758
 
759
759
  .menu-list .menu-item .label {
760
- font-size: 13px;
760
+ font-size: 0.8125rem;
761
761
  }
762
762
 
763
763
  .custom-sidebar .menu-item {
@@ -765,21 +765,21 @@
765
765
  }
766
766
 
767
767
  .custom-sidebar .menu-item .icon {
768
- font-size: 14px;
768
+ font-size: 0.875rem;
769
769
  margin-right: 8px;
770
770
  }
771
771
 
772
772
  .custom-sidebar .menu-item .label {
773
- font-size: 13px;
773
+ font-size: 0.8125rem;
774
774
  }
775
775
 
776
776
  .custom-sidebar-header .toggle-btn {
777
- font-size: 13px;
777
+ font-size: 0.8125rem;
778
778
  padding: 4px 8px;
779
779
  }
780
780
 
781
781
  .custom-sidebar-header .toggle-btn {
782
- font-size: 13px;
782
+ font-size: 0.8125rem;
783
783
  padding: 4px 8px;
784
784
  }
785
785
 
@@ -789,7 +789,7 @@
789
789
  }
790
790
 
791
791
  .finance-heading {
792
- font-size: 20px;
792
+ font-size: 1.25rem;
793
793
  margin-left: 15px;
794
794
  margin-right: 15px;
795
795
  padding: 12px 0;
@@ -797,7 +797,7 @@
797
797
  }
798
798
 
799
799
  .finance-breadcrumb {
800
- font-size: 12px;
800
+ font-size: 0.75rem;
801
801
  gap: 8px;
802
802
  }
803
803
 
@@ -916,7 +916,7 @@
916
916
  /* Breadcrumb row */
917
917
  .finance-breadcrumb {
918
918
  padding: 10px 16px !important;
919
- font-size: 13px !important;
919
+ font-size: 0.8125rem !important;
920
920
  }
921
921
 
922
922
  .custom-sidebar.open {
@@ -50,7 +50,7 @@
50
50
  }
51
51
 
52
52
  .stat-title {
53
- font-size: 13px;
53
+ font-size: 0.8125rem;
54
54
  color: #667085;
55
55
  margin-bottom: 8px;
56
56
  font-weight: 600;
@@ -58,7 +58,7 @@
58
58
  }
59
59
 
60
60
  .stat-value {
61
- font-size: 28px;
61
+ font-size: 1.75rem;
62
62
  font-weight: 700;
63
63
  }
64
64
 
@@ -66,7 +66,7 @@
66
66
  position: absolute;
67
67
  top: 14px;
68
68
  right: 14px;
69
- font-size: 20px;
69
+ font-size: 1.25rem;
70
70
  opacity: 0.75;
71
71
  }
72
72
 
@@ -146,7 +146,7 @@
146
146
  .chart-title {
147
147
  margin-bottom: 20px;
148
148
  color: #101828;
149
- font-size: 18px;
149
+ font-size: 1.125rem;
150
150
  font-weight: 600;
151
151
  }
152
152
  }
@@ -161,7 +161,7 @@
161
161
  display: flex;
162
162
  align-items: center;
163
163
  gap: 6px;
164
- font-size: 14px;
164
+ font-size: 0.875rem;
165
165
 
166
166
  .label {
167
167
  font-weight: 600;
@@ -197,12 +197,12 @@
197
197
  .avatar {
198
198
  width: 64px;
199
199
  height: 64px;
200
- font-size: 22px;
200
+ font-size: 1.375rem;
201
201
  }
202
202
 
203
203
  .header-content {
204
204
  .name {
205
- font-size: 22px;
205
+ font-size: 1.375rem;
206
206
  }
207
207
  }
208
208
  }
@@ -259,7 +259,7 @@
259
259
  display: flex !important;
260
260
  align-items: center !important;
261
261
  justify-content: center;
262
- font-size: 28px;
262
+ font-size: 1.75rem;
263
263
  font-weight: 700;
264
264
  flex-shrink: 0;
265
265
  }
@@ -267,7 +267,7 @@
267
267
  .header-content {
268
268
  .name {
269
269
  margin: 0;
270
- font-size: 26px;
270
+ font-size: 1.625rem;
271
271
  font-weight: 700;
272
272
  color: #101828;
273
273
  }
@@ -275,12 +275,12 @@
275
275
  .designation {
276
276
  margin-top: 6px;
277
277
  color: #667085;
278
- font-size: 15px;
278
+ font-size: 0.9375rem;
279
279
  }
280
280
 
281
281
  .employee-id {
282
282
  margin-top: 8px;
283
- font-size: 14px;
283
+ font-size: 0.875rem;
284
284
  color: #475467;
285
285
  }
286
286
  }
@@ -294,20 +294,20 @@
294
294
  .avatar {
295
295
  width: 64px;
296
296
  height: 64px;
297
- font-size: 22px;
297
+ font-size: 1.375rem;
298
298
  }
299
299
 
300
300
  .header-content {
301
301
  .name {
302
- font-size: 20px;
302
+ font-size: 1.25rem;
303
303
  }
304
304
 
305
305
  .designation {
306
- font-size: 13px;
306
+ font-size: 0.8125rem;
307
307
  }
308
308
 
309
309
  .employee-id {
310
- font-size: 12px;
310
+ font-size: 0.75rem;
311
311
  }
312
312
  }
313
313
  }
@@ -347,7 +347,7 @@
347
347
  }
348
348
 
349
349
  .label {
350
- font-size: 11px;
350
+ font-size: 0.6875rem;
351
351
  font-weight: 700;
352
352
  color: #64748B;
353
353
  text-transform: uppercase;
@@ -355,7 +355,7 @@
355
355
  }
356
356
 
357
357
  .value {
358
- font-size: 14px;
358
+ font-size: 0.875rem;
359
359
  font-weight: 600;
360
360
  color: #1E293B;
361
361
  word-break: break-all;
@@ -386,14 +386,14 @@
386
386
 
387
387
  h4 {
388
388
  margin: 0;
389
- font-size: 16px;
389
+ font-size: 1rem;
390
390
  font-weight: 700;
391
391
  color: #0B2559;
392
392
  }
393
393
 
394
394
  p {
395
395
  margin: 0;
396
- font-size: 13px;
396
+ font-size: 0.8125rem;
397
397
  color: #475569;
398
398
  line-height: 1.5;
399
399
  }
@@ -409,7 +409,7 @@
409
409
  border: none;
410
410
  border-radius: 8px;
411
411
  font-weight: 700;
412
- font-size: 13.5px;
412
+ font-size: 0.84375rem;
413
413
  cursor: pointer;
414
414
  transition: all 0.2s ease;
415
415
  width: fit-content;
@@ -428,7 +428,7 @@
428
428
  }
429
429
 
430
430
  svg {
431
- font-size: 16px;
431
+ font-size: 1rem;
432
432
  }
433
433
  }
434
434
  }
@@ -439,7 +439,7 @@
439
439
  margin-top: 32px;
440
440
 
441
441
  .section-title {
442
- font-size: 20px;
442
+ font-size: 1.25rem;
443
443
  font-weight: 700;
444
444
  color: #101828;
445
445
  margin-bottom: 20px;
@@ -461,7 +461,7 @@
461
461
  text-align: center;
462
462
  padding: 40px;
463
463
  color: #64748B;
464
- font-size: 16px;
464
+ font-size: 1rem;
465
465
 
466
466
  @media (max-width: 1200px) {
467
467
  grid-column: span 2;
@@ -494,14 +494,14 @@
494
494
 
495
495
  .vendor-info {
496
496
  h4 {
497
- font-size: 18px;
497
+ font-size: 1.125rem;
498
498
  font-weight: 700;
499
499
  color: #0B2559;
500
500
  margin: 0;
501
501
  }
502
502
 
503
503
  p {
504
- font-size: 12px;
504
+ font-size: 0.75rem;
505
505
  color: #64748B;
506
506
  margin-top: 2px;
507
507
  margin-bottom: 0;
@@ -513,7 +513,7 @@
513
513
  color: #0369A1;
514
514
  padding: 6px 12px;
515
515
  border-radius: 999px;
516
- font-size: 13px;
516
+ font-size: 0.8125rem;
517
517
  font-weight: 700;
518
518
  }
519
519
  }
@@ -544,7 +544,7 @@
544
544
  text-align: center;
545
545
 
546
546
  .value {
547
- font-size: 16px;
547
+ font-size: 1rem;
548
548
  font-weight: 700;
549
549
  color: #1E293B;
550
550
 
@@ -554,7 +554,7 @@
554
554
  }
555
555
 
556
556
  .label {
557
- font-size: 10px;
557
+ font-size: 0.625rem;
558
558
  font-weight: 600;
559
559
  color: #64748B;
560
560
  text-transform: uppercase;
@@ -566,7 +566,7 @@
566
566
  .card-footer {
567
567
  display: flex;
568
568
  justify-content: space-between;
569
- font-size: 12px;
569
+ font-size: 0.75rem;
570
570
  color: #64748B;
571
571
  border-top: 1px solid #F1F5F9;
572
572
  padding-top: 12px;
@@ -114,7 +114,7 @@
114
114
  }
115
115
 
116
116
  .stepper-label {
117
- font-size: 14px;
117
+ font-size: 0.875rem;
118
118
  color: #505a5f;
119
119
  word-wrap: anywhere;
120
120
  }
@@ -189,7 +189,7 @@
189
189
  }
190
190
 
191
191
  .stepper-label {
192
- font-size: 12px;
192
+ font-size: 0.75rem;
193
193
  text-align: center;
194
194
  width: 100%;
195
195
  }
@@ -61,7 +61,7 @@
61
61
  align-items: center;
62
62
  justify-content: center;
63
63
  font-weight: bold;
64
- font-size: 16px;
64
+ font-size: 1rem;
65
65
  /* Larger text */
66
66
  color: #6b7280;
67
67
  z-index: 1;
@@ -96,7 +96,7 @@
96
96
  }
97
97
 
98
98
  .vertical-timeline-label {
99
- font-size: 16px;
99
+ font-size: 1rem;
100
100
  color: #4b5563;
101
101
  font-weight: 500;
102
102
  line-height: normal;
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  .vertical-timeline-label {
167
- font-size: 12px;
167
+ font-size: 0.75rem;
168
168
  text-align: center;
169
169
  white-space: nowrap;
170
170
  }
@@ -160,14 +160,14 @@
160
160
 
161
161
  .timeline-title2 {
162
162
  font-weight: 600;
163
- font-size: 13.5px;
163
+ font-size: 0.84375rem;
164
164
  color: var(--tl-text-main);
165
165
  margin-right: 8px;
166
166
  line-height: 1.3;
167
167
  }
168
168
 
169
169
  .timeline-date2 {
170
- font-size: 11px;
170
+ font-size: 0.6875rem;
171
171
  color: var(--tl-text-muted);
172
172
  white-space: nowrap;
173
173
  background: #f9fafb;
@@ -182,7 +182,7 @@
182
182
 
183
183
  .timeline-status-tag2 {
184
184
  display: inline-block;
185
- font-size: 10px;
185
+ font-size: 0.625rem;
186
186
  font-weight: 700;
187
187
  text-transform: uppercase;
188
188
  letter-spacing: 0.5px;
@@ -202,7 +202,7 @@
202
202
  }
203
203
 
204
204
  .timeline-comment2 {
205
- font-size: 12.5px;
205
+ font-size: 0.78125rem;
206
206
  color: #4b5563;
207
207
  line-height: 1.4;
208
208
  background-color: #f9fafb;
@@ -228,7 +228,7 @@
228
228
  margin-top: 8px;
229
229
  padding-top: 8px;
230
230
  border-top: 1px solid #f3f4f6;
231
- font-size: 11px;
231
+ font-size: 0.6875rem;
232
232
  color: var(--tl-text-muted);
233
233
  }
234
234