@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
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: #294a97 !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: #294a97 !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
  }