@pmidc/upyog-css 1.1.6 → 1.1.7

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 (126) hide show
  1. package/dist/index.css +216 -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/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
  75. package/src/pages/citizen/CitizenLogin.scss +50 -50
  76. package/src/pages/citizen/DocumentList.scss +448 -448
  77. package/src/pages/citizen/Events.scss +46 -46
  78. package/src/pages/citizen/HomePageWrapper.scss +214 -214
  79. package/src/pages/citizen/InboxCard.scss +327 -327
  80. package/src/pages/citizen/SurveyList.scss +21 -21
  81. package/src/pages/citizen/citizenDocument.scss +25 -25
  82. package/src/pages/citizen/citizenNewLogin.scss +357 -357
  83. package/src/pages/citizen/container.scss +32 -32
  84. package/src/pages/citizen/loaderMessage.scss +295 -295
  85. package/src/pages/citizen/payment/payment-type.scss +2 -2
  86. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  87. package/src/pages/common/form.scss +25 -25
  88. package/src/pages/common/newApplicationTimeline.scss +203 -0
  89. package/src/pages/common/pgrUICssfix.scss +105 -105
  90. package/src/pages/common/requiredField.scss +2 -2
  91. package/src/pages/common/sanctionFeeTable.scss +91 -91
  92. package/src/pages/common/searchIcon.scss +12 -12
  93. package/src/pages/common/stepForm.scss +40 -40
  94. package/src/pages/employee/EmployeeLogin.scss +6 -6
  95. package/src/pages/employee/cardfix.scss +13 -13
  96. package/src/pages/employee/container.scss +73 -73
  97. package/src/pages/employee/dashboard.scss +203 -203
  98. package/src/pages/employee/disconnection.scss +425 -425
  99. package/src/pages/employee/dss.scss +251 -251
  100. package/src/pages/employee/faq.scss +353 -353
  101. package/src/pages/employee/footer.scss +68 -68
  102. package/src/pages/employee/form-fields.scss +13 -13
  103. package/src/pages/employee/header.scss +262 -262
  104. package/src/pages/employee/iframe.scss +65 -65
  105. package/src/pages/employee/inbox.scss +744 -744
  106. package/src/pages/employee/index.scss +677 -677
  107. package/src/pages/employee/landing.scss +324 -324
  108. package/src/pages/employee/login.scss +253 -253
  109. package/src/pages/employee/oldMobileInbox.scss +4 -4
  110. package/src/pages/employee/popupmodule.scss +47 -47
  111. package/src/pages/employee/response.scss +2 -2
  112. package/src/pages/employee/scroll-table.scss +113 -113
  113. package/src/pages/employee/surveys.scss +469 -469
  114. package/src/pages/employee/tooltip.scss +35 -35
  115. package/src/pages/employee/updateNumber.scss +12 -12
  116. package/src/pages/swach/index.scss +172 -172
  117. package/src/pages/ws/index.scss +104 -104
  118. package/svg/camera.svg +4 -4
  119. package/svg/check.svg +3 -3
  120. package/svg/close.svg +4 -4
  121. package/svg/error.svg +3 -3
  122. package/svg/error2.svg +5 -5
  123. package/svg/searchicon.svg +3 -3
  124. package/svg/starempty.svg +3 -3
  125. package/svg/starfilled.svg +4 -4
  126. 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
+ }