@selco/installation-ui-css 1.0.0

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 (161) hide show
  1. package/CHANGELOG.md +163 -0
  2. package/README.md +62 -0
  3. package/dist/index.css +14290 -0
  4. package/dist/index.min.css +6 -0
  5. package/img/browser-icon.png +0 -0
  6. package/img/m_seva_white_logo.png +0 -0
  7. package/img/mseva-demo.png +0 -0
  8. package/package.json +68 -0
  9. package/src/components/CardBasedOptions.scss +46 -0
  10. package/src/components/CitizenHomeCard.scss +60 -0
  11. package/src/components/EllipsisMenu.scss +17 -0
  12. package/src/components/EventCalendarView.scss +10 -0
  13. package/src/components/FAQ.scss +64 -0
  14. package/src/components/OnGroundEventCard.scss +72 -0
  15. package/src/components/PageBasedInput.scss +42 -0
  16. package/src/components/PopupHeadingLabel.scss +15 -0
  17. package/src/components/PropertySearchForm.scss +58 -0
  18. package/src/components/SearchForm.scss +56 -0
  19. package/src/components/SearchOnRadioButton.scss +10 -0
  20. package/src/components/StandaloneSearchBar.scss +10 -0
  21. package/src/components/TimeLine.scss +68 -0
  22. package/src/components/WhatsNewCard.scss +13 -0
  23. package/src/components/actionLink.scss +3 -0
  24. package/src/components/actionbar.scss +97 -0
  25. package/src/components/bannercomponents.scss +136 -0
  26. package/src/components/body.scss +144 -0
  27. package/src/components/buttons.scss +101 -0
  28. package/src/components/card.scss +391 -0
  29. package/src/components/cardHeaderWithOptions.scss +14 -0
  30. package/src/components/changeLanguage.scss +3 -0
  31. package/src/components/charts.scss +186 -0
  32. package/src/components/checkbox.scss +53 -0
  33. package/src/components/checkpoint.scss +64 -0
  34. package/src/components/citizenInfoLabel.scss +14 -0
  35. package/src/components/custombtn.scss +11 -0
  36. package/src/components/datatable.scss +134 -0
  37. package/src/components/datewrap.scss +21 -0
  38. package/src/components/detailscard.scss +6 -0
  39. package/src/components/detailscontainer.scss +13 -0
  40. package/src/components/filters.scss +98 -0
  41. package/src/components/grey.scss +3 -0
  42. package/src/components/hoc/InboxComposer.scss +115 -0
  43. package/src/components/hoc/index.scss +1 -0
  44. package/src/components/howItWorks.scss +71 -0
  45. package/src/components/imageviewer.scss +33 -0
  46. package/src/components/inboxv2/InboxLinks.scss +59 -0
  47. package/src/components/inboxv2/horizontalNav.scss +224 -0
  48. package/src/components/inboxv2/inboxSearch.scss +116 -0
  49. package/src/components/inboxv2/inboxSearchComposer.scss +169 -0
  50. package/src/components/inboxv2/index.scss +5 -0
  51. package/src/components/inboxv2/searchComponentTable.scss +45 -0
  52. package/src/components/info-banner.scss +35 -0
  53. package/src/components/inputotp.scss +15 -0
  54. package/src/components/keynote.scss +27 -0
  55. package/src/components/languageSelector.scss +23 -0
  56. package/src/components/loader.scss +96 -0
  57. package/src/components/loaderWithGap.scss +45 -0
  58. package/src/components/map.scss +30 -0
  59. package/src/components/menu.scss +0 -0
  60. package/src/components/metricsTable.scss +29 -0
  61. package/src/components/multiLink.scss +88 -0
  62. package/src/components/multiSelectDropdown.scss +78 -0
  63. package/src/components/navbar.scss +321 -0
  64. package/src/components/plusMinus.scss +15 -0
  65. package/src/components/popup.scss +16 -0
  66. package/src/components/radiobtn.scss +46 -0
  67. package/src/components/ratingstar.scss +33 -0
  68. package/src/components/roundedLabel.scss +10 -0
  69. package/src/components/searchAction.scss +20 -0
  70. package/src/components/sectionalDropdown.scss +43 -0
  71. package/src/components/selectdropdown.scss +175 -0
  72. package/src/components/sidebar.scss +141 -0
  73. package/src/components/staticDynamicMessages.scss +107 -0
  74. package/src/components/staticSideBar.scss +27 -0
  75. package/src/components/statushighlight.scss +17 -0
  76. package/src/components/submiterrors.scss +11 -0
  77. package/src/components/summary.scss +29 -0
  78. package/src/components/table.scss +201 -0
  79. package/src/components/tag.scss +27 -0
  80. package/src/components/telephone.scss +17 -0
  81. package/src/components/textfields.scss +96 -0
  82. package/src/components/toast.scss +31 -0
  83. package/src/components/toggleSwitch.scss +41 -0
  84. package/src/components/topbar.scss +153 -0
  85. package/src/components/uploadcomponents.scss +102 -0
  86. package/src/digitv2/components/ErrorMessage.scss +6 -0
  87. package/src/digitv2/components/FormComposerV2.scss +126 -0
  88. package/src/digitv2/components/actionLinkV2.scss +7 -0
  89. package/src/digitv2/components/actionbarV2.scss +108 -0
  90. package/src/digitv2/components/appContainerV2.scss +55 -0
  91. package/src/digitv2/components/backButtonV2.scss +26 -0
  92. package/src/digitv2/components/bannerV2.scss +120 -0
  93. package/src/digitv2/components/bodyContainerV2.scss +39 -0
  94. package/src/digitv2/components/breakLineV2.scss +7 -0
  95. package/src/digitv2/components/cardV2.scss +385 -0
  96. package/src/digitv2/components/checkboxV2.scss +61 -0
  97. package/src/digitv2/components/checkpointV2.scss +71 -0
  98. package/src/digitv2/components/collapseAndExpandGroups.scss +60 -0
  99. package/src/digitv2/components/dateWrapV2.scss +12 -0
  100. package/src/digitv2/components/displayPhotosV2.scss +33 -0
  101. package/src/digitv2/components/headerV2.scss +6 -0
  102. package/src/digitv2/components/infoBannerV2.scss +37 -0
  103. package/src/digitv2/components/keynoteV2.scss +35 -0
  104. package/src/digitv2/components/loaderV2.scss +90 -0
  105. package/src/digitv2/components/mobileNumberV2.scss +33 -0
  106. package/src/digitv2/components/multiSelectDropdownV2.scss +92 -0
  107. package/src/digitv2/components/noresultsfoundV2.scss +11 -0
  108. package/src/digitv2/components/otpInputV2.scss +15 -0
  109. package/src/digitv2/components/popUpV2.scss +24 -0
  110. package/src/digitv2/components/radiobtnV2.scss +51 -0
  111. package/src/digitv2/components/ratingV2.scss +33 -0
  112. package/src/digitv2/components/selectdropdownV2.scss +180 -0
  113. package/src/digitv2/components/tagV2.scss +28 -0
  114. package/src/digitv2/components/telephoneV2.scss +18 -0
  115. package/src/digitv2/components/textInputV2.scss +123 -0
  116. package/src/digitv2/components/textareaV2.scss +11 -0
  117. package/src/digitv2/components/uploadFileV2.scss +146 -0
  118. package/src/digitv2/index.scss +166 -0
  119. package/src/digitv2/pages/employee/index.scss +35 -0
  120. package/src/digitv2/pages/employee/workbench.scss +1112 -0
  121. package/src/digitv2/typography.scss +241 -0
  122. package/src/index.scss +868 -0
  123. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -0
  124. package/src/pages/citizen/DocumentList.scss +305 -0
  125. package/src/pages/citizen/Events.scss +47 -0
  126. package/src/pages/citizen/HomePageWrapper.scss +158 -0
  127. package/src/pages/citizen/SurveyList.scss +22 -0
  128. package/src/pages/citizen/citizenDocument.scss +22 -0
  129. package/src/pages/citizen/container.scss +19 -0
  130. package/src/pages/citizen/payment/payment-type.scss +3 -0
  131. package/src/pages/citizen/updatePropertyNumber.scss +46 -0
  132. package/src/pages/employee/EmployeeLogin.scss +7 -0
  133. package/src/pages/employee/cardfix.scss +13 -0
  134. package/src/pages/employee/container.scss +72 -0
  135. package/src/pages/employee/dss.scss +266 -0
  136. package/src/pages/employee/form-fields.scss +24 -0
  137. package/src/pages/employee/iframe.scss +66 -0
  138. package/src/pages/employee/inbox.scss +593 -0
  139. package/src/pages/employee/index.scss +613 -0
  140. package/src/pages/employee/login.scss +351 -0
  141. package/src/pages/employee/oldMobileInbox.scss +5 -0
  142. package/src/pages/employee/popupmodule.scss +34 -0
  143. package/src/pages/employee/response.scss +3 -0
  144. package/src/pages/employee/sandbox.scss +1293 -0
  145. package/src/pages/employee/scroll-table.scss +119 -0
  146. package/src/pages/employee/searchaction.scss +14 -0
  147. package/src/pages/employee/surveys.scss +273 -0
  148. package/src/pages/employee/tooltip.scss +36 -0
  149. package/src/pages/employee/updateNumber.scss +13 -0
  150. package/svg/arrowdown.svg +1 -0
  151. package/svg/arrowleft.svg +1 -0
  152. package/svg/calendar.svg +1 -0
  153. package/svg/camera.svg +4 -0
  154. package/svg/check.svg +4 -0
  155. package/svg/close.svg +4 -0
  156. package/svg/error.svg +4 -0
  157. package/svg/error2.svg +5 -0
  158. package/svg/searchicon.svg +4 -0
  159. package/svg/starempty.svg +4 -0
  160. package/svg/starfilled.svg +5 -0
  161. package/svg/success.svg +4 -0
package/src/digitv2/typography.scss ADDED
@@ -0,0 +1,241 @@
1
+ @import url("../index.scss");
2
+
3
+ .typography {
4
+ &.text-heading-xl {
5
+ font-family: theme(digitv2.fontFamily.rc);
6
+ font-style: theme(digitv2.fontStyle.normal);
7
+ font-weight: theme(digitv2.fontWeight.bold);
8
+ color: theme(digitv2.lightTheme.text-color-primary);
9
+ line-height: theme(digitv2.lineHeight.normal);
10
+
11
+ @media (min-width: theme(digitv2.screens.desktop)) {
12
+ font-size: theme(digitv2.fontSize.heading-xl.desktop);
13
+ }
14
+
15
+ @media (min-width: theme(digitv2.screens.tablet)) {
16
+ font-size: theme(digitv2.fontSize.heading-xl.tablet);
17
+ }
18
+
19
+ @media (min-width: theme(digitv2.screens.mobile)) {
20
+ font-size: theme(digitv2.fontSize.heading-xl.mobile);
21
+ }
22
+ }
23
+
24
+ &.text-heading-l {
25
+ font-family: theme(digitv2.fontFamily.sans);
26
+ font-style: theme(digitv2.fontStyle.normal);
27
+ font-weight: theme(digitv2.fontWeight.bold);
28
+ color: theme(digitv2.lightTheme.text-color-primary);
29
+ line-height: theme(digitv2.lineHeight.normal);
30
+
31
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
32
+ font-size: theme(digitv2.fontSize.heading-l.desktop);
33
+ }
34
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
35
+ font-size: theme(digitv2.fontSize.heading-l.tablet);
36
+ }
37
+
38
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
39
+ font-size: theme(digitv2.fontSize.heading-l.mobile);
40
+ }
41
+ }
42
+ &.text-heading-m {
43
+ font-family: theme(digitv2.fontFamily.sans);
44
+ font-style: theme(digitv2.fontStyle.normal);
45
+ font-weight: theme(digitv2.fontWeight.bold);
46
+ color: theme(digitv2.lightTheme.text-color-primary);
47
+ line-height: theme(digitv2.lineHeight.normal);
48
+
49
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
50
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
51
+ }
52
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
53
+ font-size: theme(digitv2.fontSize.heading-m.tablet);
54
+ }
55
+
56
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
57
+ font-size: theme(digitv2.fontSize.heading-m.desktop);
58
+ }
59
+ }
60
+ &.text-heading-s {
61
+ font-family: theme(digitv2.fontFamily.sans);
62
+ font-style: theme(digitv2.fontStyle.normal);
63
+ font-weight: theme(digitv2.fontWeight.bold);
64
+ color: theme(digitv2.lightTheme.text-color-primary);
65
+ line-height: theme(digitv2.lineHeight.normal);
66
+
67
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
68
+ font-size: theme(digitv2.fontSize.heading-s.desktop);
69
+ }
70
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
71
+ font-size: theme(digitv2.fontSize.heading-s.tablet);
72
+ }
73
+
74
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
75
+ font-size: theme(digitv2.fontSize.heading-s.mobile);
76
+ }
77
+ }
78
+ &.text-heading-xs {
79
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
80
+ font-size: theme(digitv2.fontSize.heading-xs.mobile);
81
+ font-family: theme(digitv2.fontFamily.sans);
82
+ font-style: theme(digitv2.fontStyle.normal);
83
+ font-weight: theme(digitv2.fontWeight.bold);
84
+ color: theme(digitv2.lightTheme.text-color-primary);
85
+ line-height: theme(digitv2.lineHeight.normal);
86
+ }
87
+ }
88
+ &.text-caption-l {
89
+ font-family: theme(digitv2.fontFamily.sans);
90
+ font-style: theme(digitv2.fontStyle.italic);
91
+ font-weight: theme(digitv2.fontWeight.medium);
92
+ color: theme(digitv2.lightTheme.text-color-primary);
93
+ line-height: theme(digitv2.lineHeight.normal);
94
+
95
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
96
+ font-size: theme(digitv2.fontSize.caption-l.desktop);
97
+ }
98
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
99
+ font-size: theme(digitv2.fontSize.caption-l.tablet);
100
+ }
101
+
102
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
103
+ font-size: theme(digitv2.fontSize.caption-l.mobile);
104
+ }
105
+ }
106
+
107
+ &.text-caption-m {
108
+ font-family: theme(digitv2.fontFamily.sans);
109
+ font-style: theme(digitv2.fontStyle.italic);
110
+ font-weight: theme(digitv2.fontWeight.medium);
111
+ color: theme(digitv2.lightTheme.text-color-primary);
112
+ line-height: theme(digitv2.lineHeight.normal);
113
+
114
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
115
+ font-size: theme(digitv2.fontSize.caption-m.desktop);
116
+ }
117
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
118
+ font-size: theme(digitv2.fontSize.caption-m.tablet);
119
+ }
120
+
121
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
122
+ font-size: theme(digitv2.fontSize.caption-m.mobile);
123
+ }
124
+ }
125
+
126
+ &.text-caption-s {
127
+ font-family: theme(digitv2.fontFamily.sans);
128
+ font-style: theme(digitv2.fontStyle.italic);
129
+ font-weight: theme(digitv2.fontWeight.medium);
130
+ color: theme(digitv2.lightTheme.text-color-primary);
131
+ line-height: theme(digitv2.lineHeight.normal);
132
+
133
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
134
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
135
+ }
136
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
137
+ font-size: theme(digitv2.fontSize.caption-s.tablet);
138
+ }
139
+
140
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
141
+ font-size: theme(digitv2.fontSize.caption-s.desktop);
142
+ }
143
+ }
144
+ &.text-body-l {
145
+ font-family: theme(digitv2.fontFamily.sans);
146
+ font-style: theme(digitv2.fontStyle.italic);
147
+ font-weight: theme(digitv2.fontWeight.regular);
148
+ color: theme(digitv2.lightTheme.text-color-primary);
149
+
150
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
151
+ font-size: theme(digitv2.fontSize.body-l.desktop);
152
+ line-height: theme(digitv2.lineHeight.line-height-body-l.desktop);
153
+ }
154
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
155
+ font-size: theme(digitv2.fontSize.body-l.tablet);
156
+ line-height: theme(digitv2.lineHeight.line-height-body-l.tablet);
157
+ }
158
+
159
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
160
+ font-size: theme(digitv2.fontSize.body-l.mobile);
161
+ line-height: theme(digitv2.lineHeight.line-height-body-l.mobile);
162
+ }
163
+ }
164
+ &.text-body-s {
165
+ font-family: theme(digitv2.fontFamily.sans);
166
+ font-style: theme(digitv2.fontStyle.italic);
167
+ font-weight: theme(digitv2.fontWeight.regular);
168
+ color: theme(digitv2.lightTheme.text-color-primary);
169
+
170
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
171
+ font-size: theme(digitv2.fontSize.body-s.desktop);
172
+ line-height: theme(digitv2.lineHeight.line-height-body-s.desktop);
173
+ }
174
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
175
+ font-size: theme(digitv2.fontSize.body-s.tablet);
176
+ line-height: theme(digitv2.lineHeight.line-height-body-s.tablet);
177
+ }
178
+
179
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
180
+ font-size: theme(digitv2.fontSize.body-s.mobile);
181
+ line-height: theme(digitv2.lineHeight.line-height-body-s.mobile);
182
+ }
183
+ }
184
+ &.text-body-xs {
185
+ font-family: theme(digitv2.fontFamily.sans);
186
+ font-style: theme(digitv2.fontStyle.italic);
187
+ font-weight: theme(digitv2.fontWeight.regular);
188
+ color: theme(digitv2.lightTheme.text-color-primary);
189
+
190
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
191
+ font-size: theme(digitv2.fontSize.body-xs.desktop);
192
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.desktop);
193
+ }
194
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
195
+ font-size: theme(digitv2.fontSize.body-xs.tablet);
196
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.tablet);
197
+ }
198
+
199
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
200
+ font-size: theme(digitv2.fontSize.body-xs.mobile);
201
+ line-height: theme(digitv2.lineHeight.line-height-body-xs.mobile);
202
+ }
203
+ }
204
+ &.text-label {
205
+ font-family: theme(digitv2.fontFamily.sans);
206
+ font-style: theme(digitv2.fontStyle.italic);
207
+ font-weight: theme(digitv2.fontWeight.regular);
208
+ color: theme(digitv2.lightTheme.text-color-primary);
209
+ line-height: theme(digitv2.lineHeight.normal);
210
+
211
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
212
+ font-size: theme(digitv2.fontSize.label.desktop);
213
+ }
214
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
215
+ font-size: theme(digitv2.fontSize.label.tablet);
216
+ }
217
+
218
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
219
+ font-size: theme(digitv2.fontSize.label.mobile);
220
+ }
221
+ }
222
+ &.text-link {
223
+ font-family: theme(digitv2.fontFamily.sans);
224
+ font-style: theme(digitv2.fontStyle.normal);
225
+ font-weight: theme(digitv2.fontWeight.regular);
226
+ color: theme(digitv2.lightTheme.text-color-primary);
227
+ line-height: theme(digitv2.lineHeight.normal);
228
+ text-decoration: theme(digitv2.textDecorationLine.underline);
229
+
230
+ @media screen and (min-width: theme(digitv2.screens.desktop)) {
231
+ font-size: theme(digitv2.fontSize.link.desktop);
232
+ }
233
+ @media screen and (min-width: theme(digitv2.screens.tablet)) {
234
+ font-size: theme(digitv2.fontSize.link.tablet);
235
+ }
236
+
237
+ @media screen and (min-width: theme(digitv2.screens.mobile)) {
238
+ font-size: theme(digitv2.fontSize.link.mobile);
239
+ }
240
+ }
241
+ }