@pmidc/upyog-css 1.0.11 → 1.0.13

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 (111) hide show
  1. package/dist/index.css +5 -6
  2. package/dist/index.min.css +1 -1
  3. package/package.json +1 -1
  4. package/src/components/CardBasedOptions.scss +111 -111
  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 -97
  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 +420 -420
  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 +106 -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 +179 -179
  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 +810 -810
  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 +164 -163
  76. package/src/pages/citizen/SurveyList.scss +21 -21
  77. package/src/pages/citizen/citizenDocument.scss +21 -21
  78. package/src/pages/citizen/container.scss +19 -19
  79. package/src/pages/citizen/payment/payment-type.scss +2 -2
  80. package/src/pages/citizen/updatePropertyNumber.scss +46 -46
  81. package/src/pages/common/form.scss +25 -25
  82. package/src/pages/common/stepForm.scss +40 -40
  83. package/src/pages/employee/EmployeeLogin.scss +6 -6
  84. package/src/pages/employee/cardfix.scss +13 -13
  85. package/src/pages/employee/container.scss +73 -73
  86. package/src/pages/employee/dashboard.scss +192 -191
  87. package/src/pages/employee/dss.scss +249 -249
  88. package/src/pages/employee/faq.scss +353 -353
  89. package/src/pages/employee/footer.scss +68 -68
  90. package/src/pages/employee/form-fields.scss +13 -13
  91. package/src/pages/employee/iframe.scss +65 -65
  92. package/src/pages/employee/inbox.scss +742 -742
  93. package/src/pages/employee/index.scss +679 -679
  94. package/src/pages/employee/landing.scss +324 -324
  95. package/src/pages/employee/login.scss +594 -594
  96. package/src/pages/employee/oldMobileInbox.scss +4 -4
  97. package/src/pages/employee/popupmodule.scss +47 -47
  98. package/src/pages/employee/response.scss +2 -2
  99. package/src/pages/employee/scroll-table.scss +113 -113
  100. package/src/pages/employee/surveys.scss +469 -469
  101. package/src/pages/employee/tooltip.scss +35 -35
  102. package/src/pages/employee/updateNumber.scss +12 -12
  103. package/svg/camera.svg +4 -4
  104. package/svg/check.svg +3 -3
  105. package/svg/close.svg +4 -4
  106. package/svg/error.svg +3 -3
  107. package/svg/error2.svg +5 -5
  108. package/svg/searchicon.svg +3 -3
  109. package/svg/starempty.svg +3 -3
  110. package/svg/starfilled.svg +4 -4
  111. package/svg/success.svg +3 -3
package/src/components/body.scss CHANGED
@@ -1,147 +1,147 @@
1
- body {
2
- @apply bg-grey-bg;
3
- }
4
-
5
- .body-container {
6
- @apply bg-grey-bg h-full min-h-screen overflow-x-hidden;
7
- position: relative !important;
8
-
9
-
10
- }
11
-
12
- .navbar {
13
- @apply text-white bg-secondary p-md w-full mb-md;
14
- background: linear-gradient(to right, #feeee7, #a82227,#feeee7) !important;
15
- img {
16
- height: 24px;
17
- }
18
- }
19
- /* .navbar-header{
20
- @apply text-navbarheader float-left px-sm
21
- }
22
-
23
- .navbar-subheader{
24
- @apply font-light px-sm border-solid border-l border-white border-opacity-100
25
- }*/
26
-
27
- .h1 {
28
- @apply text-heading-l text-text-primary font-bold mb-md ml-md;
29
- }
30
-
31
- .link-label {
32
- @apply block text-link text-primary-main mb-md ml-md cursor-pointer;
33
-
34
- &:hover {
35
- @apply text-primary-main;
36
- }
37
- }
38
-
39
- .back-btn {
40
- width: fit-content;
41
- @apply block border-solid border-b border-text-primary font-rc text-text-primary text-text-btn ml-sm mt-md;
42
-
43
- label {
44
- @apply inline mr-sm align-middle;
45
- }
46
-
47
- p {
48
- @apply inline float-right;
49
- }
50
- }
51
-
52
- .bread-crumb {
53
- font-size: 14px;
54
- color: #505a5f;
55
- display: flex;
56
- margin-bottom: 10px;
57
- flex-wrap: wrap
58
- }
59
- .bread-crumb--item {
60
- margin-left: 5px;
61
-
62
- &:not(:last-child):after {
63
- content: " /";
64
- }
65
-
66
- button {
67
- outline: none;
68
- }
69
-
70
- .last {
71
- color: #0b0c0c;
72
- }
73
- }
74
-
75
- .back-btn2 {
76
- cursor: pointer;
77
- width: fit-content;
78
- @apply flex border-solid border-b border-text-primary font-rc text-text-primary text-text-btn ml-sm mb-md;
79
-
80
- img {
81
- @apply flex;
82
- }
83
-
84
- svg {
85
- @apply flex;
86
- }
87
-
88
- p {
89
- @apply flex;
90
- }
91
- }
92
-
93
- @screen dt {
94
- .employee-app-container {
95
- @apply w-full;
96
- }
97
-
98
- .app-container {
99
- width: 100%;
100
- form {
101
- .card {
102
- max-width: 960px;
103
- h2 {
104
- text-align: left;
105
- }
106
- .field-container {
107
- max-width: 540px;
108
- }
109
- button {
110
- max-width: 240px;
111
- }
112
- .input-otp-wrap,
113
- .card-text-button {
114
- text-align: left;
115
- }
116
- }
117
- }
118
- }
119
-
120
- .h1 {
121
- margin-left: 0;
122
- @apply text-heading-l-dt;
123
- }
124
-
125
- .link-label {
126
- margin-left: 0;
127
- }
128
-
129
- .back-btn {
130
- margin-left: 0;
131
- }
132
-
133
- .back-btn2 {
134
- margin-left: 0;
135
- }
136
- }
137
-
138
- .body-container::-webkit-scrollbar {
139
- display: none;
140
- }
141
- .audit-card {
142
- width: 80%;
143
- margin-left: -21%;
144
- margin-right: -27%;
145
- max-height: 120px;
146
- margin-top: 90px;
1
+ body {
2
+ @apply bg-grey-bg;
3
+ }
4
+
5
+ .body-container {
6
+ @apply bg-grey-bg h-full min-h-screen overflow-x-hidden;
7
+ position: relative !important;
8
+
9
+
10
+ }
11
+
12
+ .navbar {
13
+ @apply text-white bg-secondary p-md w-full mb-md;
14
+ background: linear-gradient(to right, #feeee7, #a82227,#feeee7) !important;
15
+ img {
16
+ height: 24px;
17
+ }
18
+ }
19
+ /* .navbar-header{
20
+ @apply text-navbarheader float-left px-sm
21
+ }
22
+
23
+ .navbar-subheader{
24
+ @apply font-light px-sm border-solid border-l border-white border-opacity-100
25
+ }*/
26
+
27
+ .h1 {
28
+ @apply text-heading-l text-text-primary font-bold mb-md ml-md;
29
+ }
30
+
31
+ .link-label {
32
+ @apply block text-link text-primary-main mb-md ml-md cursor-pointer;
33
+
34
+ &:hover {
35
+ @apply text-primary-main;
36
+ }
37
+ }
38
+
39
+ .back-btn {
40
+ width: fit-content;
41
+ @apply block border-solid border-b border-text-primary font-rc text-text-primary text-text-btn ml-sm mt-md;
42
+
43
+ label {
44
+ @apply inline mr-sm align-middle;
45
+ }
46
+
47
+ p {
48
+ @apply inline float-right;
49
+ }
50
+ }
51
+
52
+ .bread-crumb {
53
+ font-size: 14px;
54
+ color: #505a5f;
55
+ display: flex;
56
+ margin-bottom: 10px;
57
+ flex-wrap: wrap
58
+ }
59
+ .bread-crumb--item {
60
+ margin-left: 5px;
61
+
62
+ &:not(:last-child):after {
63
+ content: " /";
64
+ }
65
+
66
+ button {
67
+ outline: none;
68
+ }
69
+
70
+ .last {
71
+ color: #0b0c0c;
72
+ }
73
+ }
74
+
75
+ .back-btn2 {
76
+ cursor: pointer;
77
+ width: fit-content;
78
+ @apply flex border-solid border-b border-text-primary font-rc text-text-primary text-text-btn ml-sm mb-md;
79
+
80
+ img {
81
+ @apply flex;
82
+ }
83
+
84
+ svg {
85
+ @apply flex;
86
+ }
87
+
88
+ p {
89
+ @apply flex;
90
+ }
91
+ }
92
+
93
+ @screen dt {
94
+ .employee-app-container {
95
+ @apply w-full;
96
+ }
97
+
98
+ .app-container {
99
+ width: 100%;
100
+ form {
101
+ .card {
102
+ max-width: 960px;
103
+ h2 {
104
+ text-align: left;
105
+ }
106
+ .field-container {
107
+ max-width: 540px;
108
+ }
109
+ button {
110
+ max-width: 240px;
111
+ }
112
+ .input-otp-wrap,
113
+ .card-text-button {
114
+ text-align: left;
115
+ }
116
+ }
117
+ }
118
+ }
119
+
120
+ .h1 {
121
+ margin-left: 0;
122
+ @apply text-heading-l-dt;
123
+ }
124
+
125
+ .link-label {
126
+ margin-left: 0;
127
+ }
128
+
129
+ .back-btn {
130
+ margin-left: 0;
131
+ }
132
+
133
+ .back-btn2 {
134
+ margin-left: 0;
135
+ }
136
+ }
137
+
138
+ .body-container::-webkit-scrollbar {
139
+ display: none;
140
+ }
141
+ .audit-card {
142
+ width: 80%;
143
+ margin-left: -21%;
144
+ margin-right: -27%;
145
+ max-height: 120px;
146
+ margin-top: 90px;
147
147
  }
package/src/components/buttons.scss CHANGED
@@ -1,50 +1,50 @@
1
- .selector-button-primary {
2
- @apply h-8 bg-primary-main text-center border-b-2 border-input-border border-solid outline-none px-lg;
3
-
4
- &:focus {
5
- @apply outline-none;
6
- }
7
-
8
- h2 {
9
- @apply font-rc font-medium text-legend text-white;
10
- }
11
- }
12
-
13
- .selector-button-border {
14
- @apply h-8 bg-border text-center border-b-2 border-input-border border-solid outline-none px-lg;
15
-
16
- &:focus {
17
- @apply outline-none;
18
- }
19
-
20
- h2 {
21
- @apply font-rc font-medium text-legend text-text-primary;
22
- }
23
- }
24
-
25
- .input-mirror-selector-button{
26
- @apply h-16 bg-border text-center border-b-2 border-input-border border-solid outline-none px-lg !important;
27
-
28
- &:focus {
29
- @apply outline-none;
30
- }
31
-
32
- h2 {
33
- @apply font-rc font-medium text-legend text-text-primary;
34
- }
35
- }
36
-
37
- .selector-button-primary-disabled {
38
- @apply h-8 bg-primary-main text-center border-b-2 border-input-border border-solid outline-none px-lg opacity-50;
39
-
40
- &:focus {
41
- @apply outline-none;
42
- }
43
-
44
- h2 {
45
- @apply font-rc font-medium text-legend text-white;
46
- }
47
- }
48
- .submit-bar:focus {
49
- @apply outline-none !important;
1
+ .selector-button-primary {
2
+ @apply h-8 bg-primary-main text-center border-b-2 border-input-border border-solid outline-none px-lg;
3
+
4
+ &:focus {
5
+ @apply outline-none;
6
+ }
7
+
8
+ h2 {
9
+ @apply font-rc font-medium text-legend text-white;
10
+ }
11
+ }
12
+
13
+ .selector-button-border {
14
+ @apply h-8 bg-border text-center border-b-2 border-input-border border-solid outline-none px-lg;
15
+
16
+ &:focus {
17
+ @apply outline-none;
18
+ }
19
+
20
+ h2 {
21
+ @apply font-rc font-medium text-legend text-text-primary;
22
+ }
23
+ }
24
+
25
+ .input-mirror-selector-button{
26
+ @apply h-16 bg-border text-center border-b-2 border-input-border border-solid outline-none px-lg !important;
27
+
28
+ &:focus {
29
+ @apply outline-none;
30
+ }
31
+
32
+ h2 {
33
+ @apply font-rc font-medium text-legend text-text-primary;
34
+ }
35
+ }
36
+
37
+ .selector-button-primary-disabled {
38
+ @apply h-8 bg-primary-main text-center border-b-2 border-input-border border-solid outline-none px-lg opacity-50;
39
+
40
+ &:focus {
41
+ @apply outline-none;
42
+ }
43
+
44
+ h2 {
45
+ @apply font-rc font-medium text-legend text-white;
46
+ }
47
+ }
48
+ .submit-bar:focus {
49
+ @apply outline-none !important;
50
50
  }