@pmidc/upyog-css 1.0.36 → 1.0.38

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