@egovernments/digit-ui-components-css 0.0.1 → 0.0.2-beta.5

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 (175) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/index.css +5041 -14606
  3. package/dist/index.min.css +2 -2
  4. package/package.json +1 -1
  5. package/src/digitv2/components/backLinkV2.scss +37 -0
  6. package/src/digitv2/components/breadcrumbV2.scss +57 -0
  7. package/src/digitv2/components/{tagV2.scss → chipV2.scss} +9 -0
  8. package/src/digitv2/components/{ErrorMessage.scss → errorMessageV2.scss} +2 -0
  9. package/src/digitv2/components/popUpV2.scss +20 -9
  10. package/src/digitv2/components/{selectdropdownV2.scss → selectDropdownV2.scss} +4 -0
  11. package/src/digitv2/components/{stepper.scss → stepperV2.scss} +30 -9
  12. package/src/digitv2/components/{timeline.scss → timelineV2.scss} +25 -2
  13. package/src/digitv2/components/{uploader.scss → uploaderV2.scss} +56 -1
  14. package/src/digitv2/index.scss +18 -51
  15. package/src/digitv2/typography.scss +1 -20
  16. package/src/index.scss +3 -96
  17. package/src/pages/employee/index.scss +1 -1
  18. package/img/browser-icon.png +0 -0
  19. package/img/m_seva_white_logo.png +0 -0
  20. package/img/mseva-demo.png +0 -0
  21. package/src/components/CardBasedOptions.scss +0 -46
  22. package/src/components/CitizenHomeCard.scss +0 -56
  23. package/src/components/EllipsisMenu.scss +0 -17
  24. package/src/components/EventCalendarView.scss +0 -10
  25. package/src/components/FAQ.scss +0 -64
  26. package/src/components/OnGroundEventCard.scss +0 -72
  27. package/src/components/PageBasedInput.scss +0 -29
  28. package/src/components/PopupHeadingLabel.scss +0 -15
  29. package/src/components/PropertySearchForm.scss +0 -58
  30. package/src/components/SearchForm.scss +0 -56
  31. package/src/components/SearchOnRadioButton.scss +0 -10
  32. package/src/components/StandaloneSearchBar.scss +0 -10
  33. package/src/components/TimeLine.scss +0 -68
  34. package/src/components/WhatsNewCard.scss +0 -13
  35. package/src/components/actionLink.scss +0 -3
  36. package/src/components/actionbar.scss +0 -97
  37. package/src/components/bannercomponents.scss +0 -136
  38. package/src/components/body.scss +0 -144
  39. package/src/components/buttons.scss +0 -101
  40. package/src/components/card.scss +0 -391
  41. package/src/components/cardHeaderWithOptions.scss +0 -14
  42. package/src/components/changeLanguage.scss +0 -3
  43. package/src/components/charts.scss +0 -186
  44. package/src/components/checkbox.scss +0 -53
  45. package/src/components/checkpoint.scss +0 -63
  46. package/src/components/citizenInfoLabel.scss +0 -14
  47. package/src/components/custombtn.scss +0 -11
  48. package/src/components/datatable.scss +0 -134
  49. package/src/components/datewrap.scss +0 -21
  50. package/src/components/detailscard.scss +0 -6
  51. package/src/components/detailscontainer.scss +0 -13
  52. package/src/components/filters.scss +0 -98
  53. package/src/components/grey.scss +0 -3
  54. package/src/components/hoc/InboxComposer.scss +0 -115
  55. package/src/components/hoc/index.scss +0 -1
  56. package/src/components/howItWorks.scss +0 -71
  57. package/src/components/imageviewer.scss +0 -33
  58. package/src/components/inboxv2/InboxLinks.scss +0 -59
  59. package/src/components/inboxv2/horizontalNav.scss +0 -224
  60. package/src/components/inboxv2/inboxSearch.scss +0 -116
  61. package/src/components/inboxv2/inboxSearchComposer.scss +0 -134
  62. package/src/components/inboxv2/index.scss +0 -5
  63. package/src/components/inboxv2/searchComponentTable.scss +0 -44
  64. package/src/components/info-banner.scss +0 -35
  65. package/src/components/inputotp.scss +0 -15
  66. package/src/components/keynote.scss +0 -27
  67. package/src/components/languageSelector.scss +0 -24
  68. package/src/components/loader.scss +0 -96
  69. package/src/components/map.scss +0 -30
  70. package/src/components/menu.scss +0 -0
  71. package/src/components/metricsTable.scss +0 -28
  72. package/src/components/multiLink.scss +0 -88
  73. package/src/components/multiSelectDropdown.scss +0 -77
  74. package/src/components/navbar.scss +0 -312
  75. package/src/components/plusMinus.scss +0 -15
  76. package/src/components/popup.scss +0 -16
  77. package/src/components/radiobtn.scss +0 -45
  78. package/src/components/ratingstar.scss +0 -33
  79. package/src/components/roundedLabel.scss +0 -10
  80. package/src/components/searchAction.scss +0 -20
  81. package/src/components/sectionalDropdown.scss +0 -43
  82. package/src/components/selectdropdown.scss +0 -174
  83. package/src/components/sidebar.scss +0 -141
  84. package/src/components/staticDynamicMessages.scss +0 -107
  85. package/src/components/staticSideBar.scss +0 -27
  86. package/src/components/statushighlight.scss +0 -17
  87. package/src/components/submiterrors.scss +0 -11
  88. package/src/components/summary.scss +0 -29
  89. package/src/components/table.scss +0 -201
  90. package/src/components/tag.scss +0 -27
  91. package/src/components/telephone.scss +0 -17
  92. package/src/components/textfields.scss +0 -96
  93. package/src/components/toast.scss +0 -31
  94. package/src/components/toggleSwitch.scss +0 -41
  95. package/src/components/topbar.scss +0 -153
  96. package/src/components/uploadcomponents.scss +0 -100
  97. package/src/digitv2/components/CitizenHomeCardV2.scss +0 -56
  98. package/src/digitv2/components/PageBasedInputV2.scss +0 -33
  99. package/src/digitv2/components/WhatsNewCardV2.scss +0 -13
  100. package/src/digitv2/components/actionLinkV2.scss +0 -9
  101. package/src/digitv2/components/actionbarV2.scss +0 -110
  102. package/src/digitv2/components/appContainerV2.scss +0 -49
  103. package/src/digitv2/components/backButtonV2.scss +0 -26
  104. package/src/digitv2/components/bannerV2.scss +0 -120
  105. package/src/digitv2/components/breadCrumbV2.scss +0 -34
  106. package/src/digitv2/components/breakLineV2.scss +0 -6
  107. package/src/digitv2/components/cardBasedOptionsV2.scss +0 -46
  108. package/src/digitv2/components/cardLabelV2.scss +0 -8
  109. package/src/digitv2/components/cardV2.scss +0 -383
  110. package/src/digitv2/components/checkpointV2.scss +0 -71
  111. package/src/digitv2/components/collapseAndExpandGroups.scss +0 -60
  112. package/src/digitv2/components/dateWrapV2.scss +0 -17
  113. package/src/digitv2/components/detailsCardV2.scss +0 -17
  114. package/src/digitv2/components/displayPhotosV2.scss +0 -33
  115. package/src/digitv2/components/footerV2.scss +0 -55
  116. package/src/digitv2/components/headerBarV2.scss +0 -34
  117. package/src/digitv2/components/headerV2.scss +0 -12
  118. package/src/digitv2/components/keynoteV2.scss +0 -35
  119. package/src/digitv2/components/loaderV2.scss +0 -85
  120. package/src/digitv2/components/modalV2.scss +0 -46
  121. package/src/digitv2/components/multiUploadWrapperV2.scss +0 -6
  122. package/src/digitv2/components/navbarV2.scss +0 -9
  123. package/src/digitv2/components/noresultsfoundV2.scss +0 -11
  124. package/src/digitv2/components/numeric.scss +0 -47
  125. package/src/digitv2/components/otpInputV2.scss +0 -15
  126. package/src/digitv2/components/paragraphV2.scss +0 -5
  127. package/src/digitv2/components/ratingV2.scss +0 -33
  128. package/src/digitv2/components/searchActionV2.scss +0 -11
  129. package/src/digitv2/components/searchFormV2.scss +0 -76
  130. package/src/digitv2/components/searchcomponent.scss +0 -7
  131. package/src/digitv2/components/sidebarV2.scss +0 -11
  132. package/src/digitv2/components/telephoneV2.scss +0 -18
  133. package/src/digitv2/components/toggleswitchV2.scss +0 -42
  134. package/src/digitv2/components/topbarV2.scss +0 -187
  135. package/src/digitv2/components/uploadFileV2.scss +0 -146
  136. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +0 -8
  137. package/src/pages/citizen/DocumentList.scss +0 -305
  138. package/src/pages/citizen/Events.scss +0 -47
  139. package/src/pages/citizen/HomePageWrapper.scss +0 -158
  140. package/src/pages/citizen/SurveyList.scss +0 -22
  141. package/src/pages/citizen/citizenDocument.scss +0 -22
  142. package/src/pages/citizen/container.scss +0 -19
  143. package/src/pages/citizen/payment/payment-type.scss +0 -3
  144. package/src/pages/citizen/updatePropertyNumber.scss +0 -46
  145. package/src/pages/employee/EmployeeLogin.scss +0 -7
  146. package/src/pages/employee/cardfix.scss +0 -13
  147. package/src/pages/employee/container.scss +0 -72
  148. package/src/pages/employee/dss.scss +0 -266
  149. package/src/pages/employee/form-fields.scss +0 -13
  150. package/src/pages/employee/iframe.scss +0 -66
  151. package/src/pages/employee/inbox.scss +0 -585
  152. package/src/pages/employee/oldMobileInbox.scss +0 -5
  153. package/src/pages/employee/popupmodule.scss +0 -34
  154. package/src/pages/employee/response.scss +0 -3
  155. package/src/pages/employee/scroll-table.scss +0 -119
  156. package/src/pages/employee/surveys.scss +0 -273
  157. package/src/pages/employee/tooltip.scss +0 -36
  158. package/src/pages/employee/updateNumber.scss +0 -13
  159. package/svg/arrowdown.svg +0 -1
  160. package/svg/arrowleft.svg +0 -1
  161. package/svg/calendar.svg +0 -1
  162. package/svg/camera.svg +0 -4
  163. package/svg/check.svg +0 -4
  164. package/svg/close.svg +0 -4
  165. package/svg/error.svg +0 -4
  166. package/svg/error2.svg +0 -5
  167. package/svg/searchicon.svg +0 -4
  168. package/svg/starempty.svg +0 -4
  169. package/svg/starfilled.svg +0 -5
  170. package/svg/success.svg +0 -4
  171. /package/src/digitv2/components/{infobuttons.scss → infobuttonV2.scss} +0 -0
  172. /package/src/digitv2/components/{panelcard.scss → panelCardV2.scss} +0 -0
  173. /package/src/digitv2/components/{panels.scss → panelV2.scss} +0 -0
  174. /package/src/digitv2/components/{textblock.scss → textblockV2.scss} +0 -0
  175. /package/src/digitv2/components/{toggle.scss → toggleV2.scss} +0 -0
@@ -1,3 +0,0 @@
1
- .payment-amount-info{
2
- @apply flex justify-between;
3
- }
@@ -1,46 +0,0 @@
1
- .updatenumber-warper-citizen{
2
- min-height: 95vh;
3
- height: unset;
4
- }
5
- .updatePropertyNumber {
6
- .pt-update-no-popup-wrapper {
7
- @apply m-md;
8
- }
9
- .search-form-wrapper {
10
- display: inherit;
11
- padding: 16px;
12
- .submit-bar {
13
- position: absolute;
14
- bottom: 25px;
15
- width: 90%;
16
- }
17
- .submit-bar-disabled {
18
- position: absolute;
19
- bottom: 25px;
20
- width: 90%;
21
- }
22
- }
23
- }
24
-
25
- @screen dt {
26
- .updatenumber-warper-citizen{
27
- min-height: 100vh;
28
- height: unset;
29
- }
30
- .updatePropertyNumber {
31
- .h1 {
32
- @apply m-md;
33
- }
34
- .search-form-wrapper {
35
- .submit-bar {
36
- width: 100% !important;
37
- position: unset !important;
38
- }
39
- .submit-bar-disabled {
40
- position: absolute;
41
- bottom: 25px;
42
- width: 90%;
43
- }
44
- }
45
- }
46
- }
@@ -1,7 +0,0 @@
1
- .EmployeeLoginFooter{
2
- margin: auto;
3
- @apply absolute bottom-10;
4
- img{
5
- @apply h-4 object-contain;
6
- }
7
- }
@@ -1,13 +0,0 @@
1
- .flex-fit{
2
- @apply flex w-full border-b border-solid border-border;
3
- padding : 8px 10px;
4
- }
5
- .card-count{
6
- @apply pr-xl;
7
- div{
8
- @apply text-link;
9
- span{
10
- @apply text-link font-bold;
11
- }
12
- }
13
- }
@@ -1,72 +0,0 @@
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 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 theme(colors.border);
35
- padding: 16px;
36
- margin-top: 8px;
37
- background: theme(colors.grey.light);
38
- }
39
-
40
- .fieldInsepctionInsideWrapper {
41
- border: 1px solid theme(colors.border);
42
- padding: 16px;
43
- margin-top: 8px;
44
- background: theme(colors.white);
45
- max-width: 70%;
46
- min-width: 280px;
47
- }
48
-
49
- @screen dt {
50
- .ground-container {
51
- margin-bottom: 56px;
52
- @apply p-md;
53
- }
54
- .heading-m {
55
- @apply text-heading-m-dt;
56
- }
57
- .BPAheading-m {
58
- margin-left: 22px;
59
- }
60
- .break-line {
61
- margin-top: 40px;
62
- margin-bottom: 40px;
63
- }
64
- .employee-home-footer {
65
- }
66
- .moduleCardWrapper {
67
- @apply flex flex-row flex-wrap !important;
68
- }
69
- .gridModuleWrapper {
70
- @apply grid grid-cols-4 gap-4;
71
- }
72
- }
@@ -1,266 +0,0 @@
1
- .dss-switch-tabs{/* Card / Primary */
2
-
3
- /* Light Theme / Paper */
4
-
5
- background: theme(colors.white);
6
- /* Card-Shadow */
7
-
8
- box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.16);
9
- border-radius: 4px;
10
- margin-bottom:3%;
11
- margin-right:25px;
12
- }
13
-
14
- .dss-header-label{
15
- font-weight: 600 !important;
16
- font-size: 22px !important;
17
- white-space: pre-line;
18
- }
19
- .dss-switch-tab-wrapper{
20
- cursor:pointer;
21
- display: flex;
22
- flex-direction: row;
23
- height: 50px;
24
- align-items: center;
25
- }
26
-
27
- .dss-switch-tab-selected{
28
- /* Revenue */
29
- border-bottom: 3px solid theme(colors.primary.main);
30
- font-family: Roboto;
31
- font-style: normal;
32
- font-weight: 500;
33
- font-size: 22px;
34
- color: theme(colors.primary.main);
35
- padding: 7px 24px;
36
-
37
- }
38
- .dss-switch-tab-unselected{
39
-
40
- font-family: Roboto;
41
- font-style: normal;
42
- font-weight: 500;
43
- font-size: 22px;
44
- color: theme(colors.text.secondary);
45
- padding: 8px 24px;
46
-
47
- }
48
-
49
- .dss-table-subheader{
50
- position: relative;
51
- top: -7px;
52
- font-size: 13px;
53
- font-weight: 400;
54
- color: rgba(80, 90, 95, 1);
55
- }
56
-
57
- .dss-pie-subheader{
58
- position: relative;
59
- top: -7px;
60
- font-size: 13px;
61
- font-weight: 400;
62
- color: rgba(80, 90, 95, 1);
63
- }
64
-
65
- .recharts-legend-item{
66
- margin-bottom: 20px !important;
67
- white-space: pre;
68
- }
69
-
70
- .dss-white-pre{
71
- white-space: pre;
72
-
73
- }
74
- .dss-white-pre-line{
75
- white-space: pre-line;
76
-
77
- }
78
- .dss-white-pre-temp{
79
- white-space: pre-line;
80
-
81
- }
82
-
83
- .multi-select-dropdown-wrap{
84
- .master{
85
- .label{
86
- p{
87
- white-space:pre;
88
- margin: auto;
89
- margin-left:0px;
90
- padding-left: 1%;
91
- }
92
- }
93
- }
94
- }
95
-
96
- .divToBeHidden{
97
- display:block;
98
- }
99
-
100
- .divWillGetHidden{
101
- display:none;
102
- }
103
-
104
- .dss-temp-white-pre{
105
- white-space: pre;
106
- }
107
-
108
- .dss-input-active-border{
109
- --border-opacity: 1;
110
- border: 1px solid theme(colors.primary.main) !important;
111
- border-color: rgba(244, 119, 56, var(--border-opacity));
112
- }
113
-
114
- .dss-card {
115
- display: flex;
116
- flex-wrap: wrap;
117
- }
118
-
119
- .dss-card-parent {
120
- display: flex;
121
- flex-direction: column;
122
- width: 31%;
123
- border-radius: 6px;
124
- padding: 25px;
125
- margin: 15px 11.5px;
126
- box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
127
- cursor: pointer;
128
- }
129
-
130
- .dss-card-body {
131
- display: flex;
132
- flex-wrap: wrap;
133
- cursor: pointer;
134
- }
135
-
136
- .dss-card-header {
137
- display: flex;
138
- margin-bottom: 30px;
139
- align-items: center;
140
-
141
- p {
142
- font-size: 24px;
143
- font-family: "Roboto", sans-serif;
144
- font-weight: 500;
145
- color: theme(colors.black);
146
- }
147
-
148
- svg {
149
- width: 50px;
150
- height: 50px;
151
- }
152
- }
153
-
154
-
155
- .dss-insight-card {
156
- margin: 10px 0;
157
-
158
- p {
159
- font-family: "Roboto", sans-serif;
160
- }
161
-
162
- .p1 {
163
- font-size: 16px;
164
- color: #585858;
165
- }
166
-
167
- .p3 {
168
- font-size: 16px;
169
- font-weight: 400;
170
- }
171
-
172
- .p2 {
173
- font-size: 24px;
174
- font-weight: 500;
175
- color: theme(colors.black);
176
- }
177
-
178
- .color-green {
179
- color: theme(colors.success);
180
- }
181
-
182
- .color-red {
183
- color: theme(colors.error);
184
- }
185
- }
186
- .w-100 {
187
- width: 100%;
188
- }
189
- .dss-w-100 {
190
- width: 97%;
191
- }
192
-
193
- .h-100{
194
- width: 100%;
195
- height: 100%;
196
- }
197
-
198
- .dss-h-100{
199
- width: 97%;
200
- height: 100%;
201
- }
202
-
203
- .tab-rows{
204
- display: flex;
205
- justify-content:space-between;
206
- height: 30px;
207
- align-items: center;
208
- width: 60%;
209
- margin-left: 13%;
210
- }
211
- .tab-header{
212
- font-weight: 700;
213
- font-size: 16px;
214
- line-height: 19px;
215
- border-bottom: 1px solid #b1b4b6;
216
- color: #2a3340;
217
- }
218
- .map-status{
219
- position: relative;
220
- width: 33%;
221
- left: 50%;
222
- bottom: 130px;
223
- }
224
- .map-row{
225
- display: flex;
226
- align-items: center;
227
- margin-top: 5px;
228
- }
229
- .map-box{
230
- display: inline-block;
231
- height: 10px;
232
- width: 10px;
233
- }
234
- .map-text{
235
- margin-left: 5px;
236
- color: #636363;
237
- font-size: 14px;
238
- }
239
-
240
-
241
- @media screen and (max-width: 768px) {
242
- .dss-switch-tabs{/* Card / Primary */
243
- margin-right:0px;
244
- }
245
-
246
- .dss-card-parent{
247
- width:100%;
248
- }
249
- }
250
-
251
- .dss-metric-horizontal{
252
- width: 48%;
253
- max-width: 48%;
254
- }
255
- .dss-primary{
256
- display: inline;
257
- margin-right: 10px;
258
- path{
259
- fill:theme(colors.primary.main);
260
- }
261
- }
262
-
263
- .dss-horizontal-v2{
264
- width: 22.7%;
265
- max-width: 22.7%;
266
- }
@@ -1,13 +0,0 @@
1
- .form-field{
2
- @apply w-full
3
- }
4
-
5
- @screen dt {
6
- .form-field{
7
- @apply w-1/2
8
- }
9
-
10
- .desktop-w-full{
11
- @apply w-full !important
12
- }
13
- }
@@ -1,66 +0,0 @@
1
- body {
2
- margin: 0;
3
- padding: 0;
4
- font-family: "Roboto";
5
- background: #f4f7fb;
6
- }
7
-
8
-
9
- .app-container-iframe {
10
- border-width: 0px;
11
- div[class^="MuiCircularProgress"] {
12
- position: sticky;
13
- top: 90%;
14
- left: 50%;
15
- }
16
- div[role^="progressbar"] {
17
- left: 50%;
18
- position: sticky;
19
- }
20
- }
21
-
22
- @media only screen and (min-width: 953px) {
23
- .app-container-iframe {
24
- border-width: 0px;
25
- position: fixed;
26
- width: 83.5%;
27
- height: calc(100vh - 64px);
28
- }
29
- }
30
-
31
-
32
- @media (max-width: 768px) {
33
- .app-container-iframe {
34
- border-width: 0;
35
- width: 100vw;
36
- height: 100vh;
37
- margin: 32px 0 0 0;
38
- }
39
- }
40
- @media (max-width: 375px) {
41
- .app-container-iframe {
42
- border-width: 0;
43
- width: 100vw;
44
- height: 100vh;
45
- margin: 32px 0 0 0;
46
- }
47
- }
48
-
49
- .app-iframe-wrapper{
50
- left: 64px;
51
- border-width: 0;
52
- position: fixed;
53
- top: 80px;
54
- }
55
- .app-iframe{
56
- width: 97%;
57
- height: calc(100vh - 90px);
58
- border-width: 0;
59
- position: fixed;
60
- }
61
- @media (max-width: 768px) {
62
-
63
- .app-iframe-wrapper{
64
- left: 0px;
65
- }
66
- }