@pmidc/upyog-css 1.1.6 → 1.1.8

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 (127) hide show
  1. package/dist/index.css +772 -0
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +534 -534
  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/TimeLine.scss +96 -96
  18. package/src/components/WhatsNewCard.scss +12 -12
  19. package/src/components/actionLink.scss +3 -3
  20. package/src/components/actionbar.scss +96 -96
  21. package/src/components/bannercomponents.scss +137 -137
  22. package/src/components/body.scss +261 -261
  23. package/src/components/buttons.scss +87 -87
  24. package/src/components/card.scss +581 -581
  25. package/src/components/cardHeaderWithOptions.scss +13 -13
  26. package/src/components/changeLanguage.scss +3 -3
  27. package/src/components/charts.scss +185 -185
  28. package/src/components/checkbox.scss +83 -83
  29. package/src/components/checkpoint.scss +65 -65
  30. package/src/components/citizenInfoLabel.scss +14 -14
  31. package/src/components/custombtn.scss +15 -15
  32. package/src/components/datatable.scss +116 -116
  33. package/src/components/datewrap.scss +21 -21
  34. package/src/components/detailscard.scss +6 -6
  35. package/src/components/detailscontainer.scss +13 -13
  36. package/src/components/filters.scss +97 -97
  37. package/src/components/grey.scss +3 -3
  38. package/src/components/hoc/InboxComposer.scss +115 -115
  39. package/src/components/howItWorks.scss +71 -71
  40. package/src/components/imageviewer.scss +33 -33
  41. package/src/components/info-banner.scss +35 -35
  42. package/src/components/inputotp.scss +15 -15
  43. package/src/components/keynote.scss +29 -29
  44. package/src/components/languageSelector.scss +24 -24
  45. package/src/components/loader.scss +96 -96
  46. package/src/components/map.scss +36 -36
  47. package/src/components/metricsTable.scss +26 -26
  48. package/src/components/multiLink.scss +87 -87
  49. package/src/components/multiSelectDropdown.scss +88 -88
  50. package/src/components/navbar.scss +338 -338
  51. package/src/components/newFooter.scss +75 -75
  52. package/src/components/plusMinus.scss +15 -15
  53. package/src/components/popup.scss +15 -15
  54. package/src/components/radiobtn.scss +44 -44
  55. package/src/components/ratingstar.scss +33 -33
  56. package/src/components/roundedLabel.scss +10 -10
  57. package/src/components/searchAction.scss +27 -27
  58. package/src/components/sectionalDropdown.scss +43 -43
  59. package/src/components/selectdropdown.scss +276 -276
  60. package/src/components/staticDynamicMessages.scss +110 -110
  61. package/src/components/staticSideBar.scss +27 -27
  62. package/src/components/statushighlight.scss +17 -17
  63. package/src/components/submiterrors.scss +11 -11
  64. package/src/components/summary.scss +28 -28
  65. package/src/components/table.scss +362 -362
  66. package/src/components/tag.scss +27 -27
  67. package/src/components/telephone.scss +17 -17
  68. package/src/components/textfields.scss +119 -119
  69. package/src/components/toast.scss +31 -31
  70. package/src/components/toggleSwitch.scss +40 -40
  71. package/src/components/topbar.scss +217 -217
  72. package/src/components/uploadcomponents.scss +113 -113
  73. package/src/index.scss +1029 -1028
  74. package/src/modules/adv/index.scss +553 -0
  75. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  76. package/src/pages/citizen/CitizenLogin.scss +50 -50
  77. package/src/pages/citizen/DocumentList.scss +448 -448
  78. package/src/pages/citizen/Events.scss +46 -46
  79. package/src/pages/citizen/HomePageWrapper.scss +214 -214
  80. package/src/pages/citizen/InboxCard.scss +327 -327
  81. package/src/pages/citizen/SurveyList.scss +21 -21
  82. package/src/pages/citizen/citizenDocument.scss +25 -25
  83. package/src/pages/citizen/citizenNewLogin.scss +357 -357
  84. package/src/pages/citizen/container.scss +32 -32
  85. package/src/pages/citizen/loaderMessage.scss +295 -295
  86. package/src/pages/citizen/payment/payment-type.scss +2 -2
  87. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  88. package/src/pages/common/form.scss +25 -25
  89. package/src/pages/common/newApplicationTimeline.scss +203 -0
  90. package/src/pages/common/pgrUICssfix.scss +105 -105
  91. package/src/pages/common/requiredField.scss +2 -2
  92. package/src/pages/common/sanctionFeeTable.scss +91 -91
  93. package/src/pages/common/searchIcon.scss +12 -12
  94. package/src/pages/common/stepForm.scss +40 -40
  95. package/src/pages/employee/EmployeeLogin.scss +6 -6
  96. package/src/pages/employee/cardfix.scss +13 -13
  97. package/src/pages/employee/container.scss +73 -73
  98. package/src/pages/employee/dashboard.scss +203 -203
  99. package/src/pages/employee/disconnection.scss +425 -425
  100. package/src/pages/employee/dss.scss +251 -251
  101. package/src/pages/employee/faq.scss +353 -353
  102. package/src/pages/employee/footer.scss +68 -68
  103. package/src/pages/employee/form-fields.scss +13 -13
  104. package/src/pages/employee/header.scss +262 -262
  105. package/src/pages/employee/iframe.scss +65 -65
  106. package/src/pages/employee/inbox.scss +744 -744
  107. package/src/pages/employee/index.scss +677 -677
  108. package/src/pages/employee/landing.scss +324 -324
  109. package/src/pages/employee/login.scss +253 -253
  110. package/src/pages/employee/oldMobileInbox.scss +4 -4
  111. package/src/pages/employee/popupmodule.scss +47 -47
  112. package/src/pages/employee/response.scss +2 -2
  113. package/src/pages/employee/scroll-table.scss +113 -113
  114. package/src/pages/employee/surveys.scss +469 -469
  115. package/src/pages/employee/tooltip.scss +35 -35
  116. package/src/pages/employee/updateNumber.scss +12 -12
  117. package/src/pages/swach/index.scss +172 -172
  118. package/src/pages/ws/index.scss +104 -104
  119. package/svg/camera.svg +4 -4
  120. package/svg/check.svg +3 -3
  121. package/svg/close.svg +4 -4
  122. package/svg/error.svg +3 -3
  123. package/svg/error2.svg +5 -5
  124. package/svg/searchicon.svg +3 -3
  125. package/svg/starempty.svg +3 -3
  126. package/svg/starfilled.svg +4 -4
  127. package/svg/success.svg +3 -3
@@ -1,92 +1,92 @@
1
-
2
- .sanction-fee-wrapper {
3
- width: 100%;
4
- overflow-x: auto;
5
- -webkit-overflow-scrolling: touch;
6
- }
7
-
8
- .sanction-fee-table {
9
- width: 100%;
10
- border-collapse: collapse;
11
- }
12
-
13
- .sanction-fee-table th,
14
- .sanction-fee-table td {
15
- padding: 8px 12px;
16
- border: 1px solid #ddd;
17
- color: rgba(13, 67, 167, 1);
18
- text-align: left;
19
- white-space: nowrap;
20
- }
21
-
22
- .sanction-fee-table th {
23
- background-color: #ffffff;
24
- font-weight: 600;
25
- }
26
-
27
- .sanction-fee-table tr:nth-child(odd) {
28
- background-color: rgb(244, 244, 244);
29
- }
30
-
31
- .sanction-fee-table tr:nth-child(even) {
32
- background-color: #ffffff;
33
- }
34
-
35
- /* ✅ Mobile View (No overflow) */
36
- @media (max-width: 768px) {
37
- .sanction-fee-wrapper {
38
- overflow-x: hidden;
39
- padding: 0 8px;
40
- }
41
-
42
- .sanction-fee-table,
43
- .sanction-fee-table thead,
44
- .sanction-fee-table tbody,
45
- .sanction-fee-table th,
46
- .sanction-fee-table td,
47
- .sanction-fee-table tr {
48
- display: block;
49
- width: 100%;
50
- }
51
-
52
- .sanction-fee-table thead {
53
- display: none;
54
- }
55
-
56
- .sanction-fee-table tr {
57
- margin-bottom: 12px;
58
- border: 1px solid #ddd;
59
- border-radius: 8px;
60
- background: #fff;
61
- padding: 8px 12px;
62
- box-sizing: border-box;
63
- width: 100%;
64
- }
65
-
66
- .sanction-fee-table td {
67
- border: none;
68
- display: flex;
69
- justify-content: space-between;
70
- align-items: center;
71
- text-align: left;
72
- white-space: normal;
73
- width: 100%;
74
- padding: 6px 0;
75
- box-sizing: border-box;
76
- }
77
-
78
- .sanction-fee-table td::before {
79
- content: attr(data-label);
80
- font-weight: 600;
81
- color: #3f4351;
82
- flex-basis: 50%;
83
- text-align: left;
84
- padding-right: 8px;
85
- }
86
-
87
- .sanction-fee-table td > * {
88
- flex-basis: 50%;
89
- word-break: break-word;
90
- text-align: right;
91
- }
1
+
2
+ .sanction-fee-wrapper {
3
+ width: 100%;
4
+ overflow-x: auto;
5
+ -webkit-overflow-scrolling: touch;
6
+ }
7
+
8
+ .sanction-fee-table {
9
+ width: 100%;
10
+ border-collapse: collapse;
11
+ }
12
+
13
+ .sanction-fee-table th,
14
+ .sanction-fee-table td {
15
+ padding: 8px 12px;
16
+ border: 1px solid #ddd;
17
+ color: rgba(13, 67, 167, 1);
18
+ text-align: left;
19
+ white-space: nowrap;
20
+ }
21
+
22
+ .sanction-fee-table th {
23
+ background-color: #ffffff;
24
+ font-weight: 600;
25
+ }
26
+
27
+ .sanction-fee-table tr:nth-child(odd) {
28
+ background-color: rgb(244, 244, 244);
29
+ }
30
+
31
+ .sanction-fee-table tr:nth-child(even) {
32
+ background-color: #ffffff;
33
+ }
34
+
35
+ /* ✅ Mobile View (No overflow) */
36
+ @media (max-width: 768px) {
37
+ .sanction-fee-wrapper {
38
+ overflow-x: hidden;
39
+ padding: 0 8px;
40
+ }
41
+
42
+ .sanction-fee-table,
43
+ .sanction-fee-table thead,
44
+ .sanction-fee-table tbody,
45
+ .sanction-fee-table th,
46
+ .sanction-fee-table td,
47
+ .sanction-fee-table tr {
48
+ display: block;
49
+ width: 100%;
50
+ }
51
+
52
+ .sanction-fee-table thead {
53
+ display: none;
54
+ }
55
+
56
+ .sanction-fee-table tr {
57
+ margin-bottom: 12px;
58
+ border: 1px solid #ddd;
59
+ border-radius: 8px;
60
+ background: #fff;
61
+ padding: 8px 12px;
62
+ box-sizing: border-box;
63
+ width: 100%;
64
+ }
65
+
66
+ .sanction-fee-table td {
67
+ border: none;
68
+ display: flex;
69
+ justify-content: space-between;
70
+ align-items: center;
71
+ text-align: left;
72
+ white-space: normal;
73
+ width: 100%;
74
+ padding: 6px 0;
75
+ box-sizing: border-box;
76
+ }
77
+
78
+ .sanction-fee-table td::before {
79
+ content: attr(data-label);
80
+ font-weight: 600;
81
+ color: #3f4351;
82
+ flex-basis: 50%;
83
+ text-align: left;
84
+ padding-right: 8px;
85
+ }
86
+
87
+ .sanction-fee-table td > * {
88
+ flex-basis: 50%;
89
+ word-break: break-word;
90
+ text-align: right;
91
+ }
92
92
  }
@@ -1,13 +1,13 @@
1
- .search-icon{
2
- position: relative;
3
- z-index: 100;
4
- left: 160px;
5
- margin-top: -55px;
6
- cursor: pointer;
7
-
8
- @media (min-width:780px) {
9
- right: 35px;
10
- margin-top: -24px;
11
- left:auto;
12
- }
1
+ .search-icon{
2
+ position: relative;
3
+ z-index: 100;
4
+ left: 160px;
5
+ margin-top: -55px;
6
+ cursor: pointer;
7
+
8
+ @media (min-width:780px) {
9
+ right: 35px;
10
+ margin-top: -24px;
11
+ left:auto;
12
+ }
13
13
  }
@@ -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
+ }