@pmidc/upyog-css 1.0.33 → 1.0.35

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 (114) hide show
  1. package/dist/index.css +124 -0
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +110 -110
  5. package/src/components/CitizenHomeCard.scss +58 -58
  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/OnGroundEventCard.scss +71 -71
  10. package/src/components/PageBasedInput.scss +30 -30
  11. package/src/components/PopupHeadingLabel.scss +14 -14
  12. package/src/components/PropertySearchForm.scss +58 -58
  13. package/src/components/SearchForm.scss +56 -56
  14. package/src/components/SearchOnRadioButton.scss +9 -9
  15. package/src/components/StandaloneSearchBar.scss +9 -9
  16. package/src/components/TimeLine.scss +67 -67
  17. package/src/components/WhatsNewCard.scss +12 -12
  18. package/src/components/actionLink.scss +3 -3
  19. package/src/components/actionbar.scss +96 -96
  20. package/src/components/bannercomponents.scss +137 -137
  21. package/src/components/body.scss +146 -146
  22. package/src/components/buttons.scss +49 -49
  23. package/src/components/card.scss +436 -436
  24. package/src/components/cardHeaderWithOptions.scss +13 -13
  25. package/src/components/changeLanguage.scss +3 -3
  26. package/src/components/charts.scss +185 -185
  27. package/src/components/checkbox.scss +83 -83
  28. package/src/components/checkpoint.scss +65 -65
  29. package/src/components/citizenInfoLabel.scss +14 -14
  30. package/src/components/custombtn.scss +15 -15
  31. package/src/components/datatable.scss +76 -76
  32. package/src/components/datewrap.scss +21 -21
  33. package/src/components/detailscard.scss +6 -6
  34. package/src/components/detailscontainer.scss +13 -13
  35. package/src/components/filters.scss +97 -97
  36. package/src/components/grey.scss +3 -3
  37. package/src/components/hoc/InboxComposer.scss +115 -115
  38. package/src/components/howItWorks.scss +71 -71
  39. package/src/components/imageviewer.scss +33 -33
  40. package/src/components/info-banner.scss +35 -35
  41. package/src/components/inputotp.scss +15 -15
  42. package/src/components/keynote.scss +27 -27
  43. package/src/components/languageSelector.scss +24 -24
  44. package/src/components/loader.scss +96 -96
  45. package/src/components/map.scss +30 -30
  46. package/src/components/metricsTable.scss +26 -26
  47. package/src/components/multiLink.scss +87 -87
  48. package/src/components/multiSelectDropdown.scss +72 -72
  49. package/src/components/navbar.scss +310 -310
  50. package/src/components/plusMinus.scss +15 -15
  51. package/src/components/popup.scss +15 -15
  52. package/src/components/radiobtn.scss +44 -44
  53. package/src/components/ratingstar.scss +33 -33
  54. package/src/components/roundedLabel.scss +10 -10
  55. package/src/components/searchAction.scss +20 -20
  56. package/src/components/sectionalDropdown.scss +43 -43
  57. package/src/components/selectdropdown.scss +201 -201
  58. package/src/components/staticDynamicMessages.scss +110 -106
  59. package/src/components/staticSideBar.scss +27 -27
  60. package/src/components/statushighlight.scss +17 -17
  61. package/src/components/submiterrors.scss +11 -11
  62. package/src/components/summary.scss +28 -28
  63. package/src/components/table.scss +178 -178
  64. package/src/components/tag.scss +27 -27
  65. package/src/components/telephone.scss +17 -17
  66. package/src/components/textfields.scss +111 -111
  67. package/src/components/toast.scss +31 -31
  68. package/src/components/toggleSwitch.scss +40 -40
  69. package/src/components/topbar.scss +147 -147
  70. package/src/components/uploadcomponents.scss +113 -113
  71. package/src/index.scss +862 -853
  72. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  73. package/src/pages/citizen/DocumentList.scss +304 -304
  74. package/src/pages/citizen/Events.scss +46 -46
  75. package/src/pages/citizen/HomePageWrapper.scss +165 -165
  76. package/src/pages/citizen/SurveyList.scss +21 -21
  77. package/src/pages/citizen/citizenDocument.scss +21 -21
  78. package/src/pages/citizen/citizenNewLogin.scss +139 -0
  79. package/src/pages/citizen/container.scss +22 -22
  80. package/src/pages/citizen/payment/payment-type.scss +2 -2
  81. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  82. package/src/pages/common/form.scss +25 -25
  83. package/src/pages/common/requiredField.scss +2 -2
  84. package/src/pages/common/stepForm.scss +40 -40
  85. package/src/pages/employee/EmployeeLogin.scss +6 -6
  86. package/src/pages/employee/cardfix.scss +13 -13
  87. package/src/pages/employee/container.scss +73 -73
  88. package/src/pages/employee/dashboard.scss +203 -203
  89. package/src/pages/employee/dss.scss +249 -249
  90. package/src/pages/employee/faq.scss +353 -353
  91. package/src/pages/employee/footer.scss +68 -68
  92. package/src/pages/employee/form-fields.scss +13 -13
  93. package/src/pages/employee/iframe.scss +65 -65
  94. package/src/pages/employee/inbox.scss +744 -744
  95. package/src/pages/employee/index.scss +679 -679
  96. package/src/pages/employee/landing.scss +324 -324
  97. package/src/pages/employee/login.scss +594 -594
  98. package/src/pages/employee/oldMobileInbox.scss +4 -4
  99. package/src/pages/employee/popupmodule.scss +47 -47
  100. package/src/pages/employee/response.scss +2 -2
  101. package/src/pages/employee/scroll-table.scss +113 -113
  102. package/src/pages/employee/surveys.scss +469 -469
  103. package/src/pages/employee/tooltip.scss +35 -35
  104. package/src/pages/employee/updateNumber.scss +12 -12
  105. package/src/pages/swach/index.scss +136 -136
  106. package/svg/camera.svg +4 -4
  107. package/svg/check.svg +3 -3
  108. package/svg/close.svg +4 -4
  109. package/svg/error.svg +3 -3
  110. package/svg/error2.svg +5 -5
  111. package/svg/searchicon.svg +3 -3
  112. package/svg/starempty.svg +3 -3
  113. package/svg/starfilled.svg +4 -4
  114. package/svg/success.svg +3 -3
@@ -1,46 +1,46 @@
1
- .updatenumber-warper-citizen{
2
- min-height: 95vh;
3
- height: unset;
4
- }
5
- .updatePropertyNumber {
6
- .pt-update-no-popup-wrapper {
7
- @apply m-md;
8
- }
9
- .search-form-wrapper {
10
- display: inherit;
11
- padding: 16px;
12
- .submit-bar {
13
- position: absolute;
14
- bottom: 25px;
15
- width: 90%;
16
- }
17
- .submit-bar-disabled {
18
- position: absolute;
19
- bottom: 25px;
20
- width: 90%;
21
- }
22
- }
23
- }
24
-
25
- @screen dt {
26
- .updatenumber-warper-citizen{
27
- min-height: 100vh;
28
- height: unset;
29
- }
30
- .updatePropertyNumber {
31
- .h1 {
32
- @apply m-md;
33
- }
34
- .search-form-wrapper {
35
- .submit-bar {
36
- width: 100% !important;
37
- position: unset !important;
38
- }
39
- .submit-bar-disabled {
40
- position: absolute;
41
- bottom: 25px;
42
- width: 90%;
43
- }
44
- }
45
- }
46
- }
1
+ .updatenumber-warper-citizen{
2
+ min-height: 95vh;
3
+ height: unset;
4
+ }
5
+ .updatePropertyNumber {
6
+ .pt-update-no-popup-wrapper {
7
+ @apply m-md;
8
+ }
9
+ .search-form-wrapper {
10
+ display: inherit;
11
+ padding: 16px;
12
+ .submit-bar {
13
+ position: absolute;
14
+ bottom: 25px;
15
+ width: 90%;
16
+ }
17
+ .submit-bar-disabled {
18
+ position: absolute;
19
+ bottom: 25px;
20
+ width: 90%;
21
+ }
22
+ }
23
+ }
24
+
25
+ @screen dt {
26
+ .updatenumber-warper-citizen{
27
+ min-height: 100vh;
28
+ height: unset;
29
+ }
30
+ .updatePropertyNumber {
31
+ .h1 {
32
+ @apply m-md;
33
+ }
34
+ .search-form-wrapper {
35
+ .submit-bar {
36
+ width: 100% !important;
37
+ position: unset !important;
38
+ }
39
+ .submit-bar-disabled {
40
+ position: absolute;
41
+ bottom: 25px;
42
+ width: 90%;
43
+ }
44
+ }
45
+ }
46
+ }
@@ -1,26 +1,26 @@
1
- /* Base styles for the form */
2
- .form-container {
3
- display: grid;
4
- gap: 16px; /* Space between fields */
5
- }
6
-
7
- /* 3 fields per row for medium to large screens */
8
- @media (min-width: 900px) {
9
- .form-container {
10
- grid-template-columns: repeat(3, 1fr);
11
- }
12
- }
13
-
14
- /* 2 fields per row for small screens */
15
- @media (min-width: 480px) and (max-width: 899px) {
16
- .form-container {
17
- grid-template-columns: repeat(2, 1fr);
18
- }
19
- }
20
-
21
- /* 1 field per row for very small screens */
22
- @media (max-width: 479px) {
23
- .form-container {
24
- grid-template-columns: 1fr;
25
- }
1
+ /* Base styles for the form */
2
+ .form-container {
3
+ display: grid;
4
+ gap: 16px; /* Space between fields */
5
+ }
6
+
7
+ /* 3 fields per row for medium to large screens */
8
+ @media (min-width: 900px) {
9
+ .form-container {
10
+ grid-template-columns: repeat(3, 1fr);
11
+ }
12
+ }
13
+
14
+ /* 2 fields per row for small screens */
15
+ @media (min-width: 480px) and (max-width: 899px) {
16
+ .form-container {
17
+ grid-template-columns: repeat(2, 1fr);
18
+ }
19
+ }
20
+
21
+ /* 1 field per row for very small screens */
22
+ @media (max-width: 479px) {
23
+ .form-container {
24
+ grid-template-columns: 1fr;
25
+ }
26
26
  }
@@ -1,3 +1,3 @@
1
- .requiredField{
2
- color: red !important;
1
+ .requiredField{
2
+ color: red !important;
3
3
  }
@@ -1,41 +1,41 @@
1
- .step-form-wrapper {
2
- width: 100%;
3
- display: flex;
4
- flex-direction: row;
5
- align-items: flex-start;
6
- justify-content: flex-start;
7
- }
8
-
9
- .stepper-navigation-bar {
10
- display: flex;
11
- flex-direction: column;
12
- justify-content: space-between;
13
- height: 50%;
14
- margin-bottom: 20px;
15
- }
16
-
17
- .step-form-step-label {
18
- font-size: 20px;
19
- color: #1E1E1E;
20
- font-weight: 500;
21
- font-family: Noto Sans, sans-serif;
22
- margin-right: 6px;
23
- }
24
-
25
- .step-form-step-number {
26
- font-size: 18px;
27
- color: #263238;
28
- font-weight: 400;
29
- font-family: "Noto Sans", sans-serif;
30
- margin: 0px 6px 0px 0px;
31
- }
32
-
33
- .line-bw-step-circles {
34
- position: absolute;
35
- width: 2px;
36
- height: 50px;
37
- background-color: grey;
38
- left: 50%;
39
- top: 100%;
40
- transform: translateX(-50%);
1
+ .step-form-wrapper {
2
+ width: 100%;
3
+ display: flex;
4
+ flex-direction: row;
5
+ align-items: flex-start;
6
+ justify-content: flex-start;
7
+ }
8
+
9
+ .stepper-navigation-bar {
10
+ display: flex;
11
+ flex-direction: column;
12
+ justify-content: space-between;
13
+ height: 50%;
14
+ margin-bottom: 20px;
15
+ }
16
+
17
+ .step-form-step-label {
18
+ font-size: 20px;
19
+ color: #1E1E1E;
20
+ font-weight: 500;
21
+ font-family: Noto Sans, sans-serif;
22
+ margin-right: 6px;
23
+ }
24
+
25
+ .step-form-step-number {
26
+ font-size: 18px;
27
+ color: #263238;
28
+ font-weight: 400;
29
+ font-family: "Noto Sans", sans-serif;
30
+ margin: 0px 6px 0px 0px;
31
+ }
32
+
33
+ .line-bw-step-circles {
34
+ position: absolute;
35
+ width: 2px;
36
+ height: 50px;
37
+ background-color: grey;
38
+ left: 50%;
39
+ top: 100%;
40
+ transform: translateX(-50%);
41
41
  }
@@ -1,7 +1,7 @@
1
- .EmployeeLoginFooter{
2
- margin: auto;
3
- @apply absolute bottom-10;
4
- img{
5
- @apply h-4 object-contain;
6
- }
1
+ .EmployeeLoginFooter{
2
+ margin: auto;
3
+ @apply absolute bottom-10;
4
+ img{
5
+ @apply h-4 object-contain;
6
+ }
7
7
  }
@@ -1,14 +1,14 @@
1
- .flex-fit{
2
- @apply flex w-full border-b border-solid border-border;
3
- border-bottom: 0px !important;
4
- padding-top: 5px
5
- }
6
- .card-count{
7
- @apply pr-xl;
8
- div{
9
- @apply text-link;
10
- span{
11
- @apply text-link font-bold;
12
- }
13
- }
1
+ .flex-fit{
2
+ @apply flex w-full border-b border-solid border-border;
3
+ border-bottom: 0px !important;
4
+ padding-top: 5px
5
+ }
6
+ .card-count{
7
+ @apply pr-xl;
8
+ div{
9
+ @apply text-link;
10
+ span{
11
+ @apply text-link font-bold;
12
+ }
13
+ }
14
14
  }
@@ -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
+ }