@egovernments/digit-ui-components-css 0.0.2-beta.1 → 0.0.2-beta.11

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 (197) hide show
  1. package/CHANGELOG.md +88 -54
  2. package/README.md +80 -80
  3. package/dist/index.css +5782 -14109
  4. package/dist/index.min.css +2 -2
  5. package/package.json +69 -67
  6. package/src/digitv2/components/FormComposerV2.scss +118 -118
  7. package/src/digitv2/components/actionbarV2.scss +207 -110
  8. package/src/digitv2/components/backLinkV2.scss +37 -0
  9. package/src/digitv2/components/bodyContainerV2.scss +39 -39
  10. package/src/digitv2/components/breadcrumbV2.scss +57 -0
  11. package/src/digitv2/components/buttonsV2.scss +451 -407
  12. package/src/digitv2/components/cardV2.scss +498 -383
  13. package/src/digitv2/components/cardbasedoptionsV2.scss +47 -0
  14. package/src/digitv2/components/{cardLabelV2.scss → cardlabelV2.scss} +7 -7
  15. package/src/digitv2/components/checkboxV2.scss +83 -79
  16. package/src/digitv2/components/{tagV2.scss → chipV2.scss} +129 -120
  17. package/src/digitv2/components/dividerV2.scss +11 -0
  18. package/src/digitv2/components/{ErrorMessage.scss → errorMessageV2.scss} +20 -18
  19. package/src/digitv2/components/fieldV1.scss +96 -96
  20. package/src/digitv2/components/headerdropdownV2.scss +152 -0
  21. package/src/digitv2/components/infoCardV2.scss +139 -142
  22. package/src/digitv2/components/{infobuttons.scss → infobuttonV2.scss} +75 -75
  23. package/src/digitv2/components/labelFieldPairV2.scss +66 -57
  24. package/src/digitv2/components/mobileNumberV2.scss +65 -65
  25. package/src/digitv2/components/multiSelectDropdownV2.scss +315 -315
  26. package/src/digitv2/components/{panelcard.scss → panelCardV2.scss} +160 -160
  27. package/src/digitv2/components/{panels.scss → panelV2.scss} +114 -114
  28. package/src/digitv2/components/popUpV2.scss +330 -308
  29. package/src/digitv2/components/radiobtnV2.scss +115 -113
  30. package/src/digitv2/components/{selectdropdownV2.scss → selectDropdownV2.scss} +364 -360
  31. package/src/digitv2/components/{stepper.scss → stepperV2.scss} +147 -126
  32. package/src/digitv2/components/textInputV2.scss +462 -462
  33. package/src/digitv2/components/textareaV2.scss +99 -99
  34. package/src/digitv2/components/{textblock.scss → textblockV2.scss} +46 -46
  35. package/src/digitv2/components/{timeline.scss → timelineV2.scss} +170 -126
  36. package/src/digitv2/components/toastV2.scss +80 -80
  37. package/src/digitv2/components/{toggle.scss → toggleV2.scss} +72 -72
  38. package/src/digitv2/components/topbarV2.scss +388 -187
  39. package/src/digitv2/components/treeSelectV2.scss +132 -132
  40. package/src/digitv2/components/{uploader.scss → uploaderV2.scss} +556 -468
  41. package/src/digitv2/components/viewCardFieldPairV2.scss +45 -0
  42. package/src/digitv2/index.scss +169 -197
  43. package/src/digitv2/pages/employee/index.scss +1 -1
  44. package/src/digitv2/pages/employee/workbench.scss +615 -615
  45. package/src/digitv2/typography.scss +638 -657
  46. package/src/index.scss +681 -774
  47. package/src/pages/employee/index.scss +625 -625
  48. package/src/pages/employee/login.scss +220 -220
  49. package/img/browser-icon.png +0 -0
  50. package/img/m_seva_white_logo.png +0 -0
  51. package/img/mseva-demo.png +0 -0
  52. package/src/components/CardBasedOptions.scss +0 -46
  53. package/src/components/CitizenHomeCard.scss +0 -56
  54. package/src/components/EllipsisMenu.scss +0 -17
  55. package/src/components/EventCalendarView.scss +0 -10
  56. package/src/components/FAQ.scss +0 -64
  57. package/src/components/OnGroundEventCard.scss +0 -72
  58. package/src/components/PageBasedInput.scss +0 -29
  59. package/src/components/PopupHeadingLabel.scss +0 -15
  60. package/src/components/PropertySearchForm.scss +0 -58
  61. package/src/components/SearchForm.scss +0 -56
  62. package/src/components/SearchOnRadioButton.scss +0 -10
  63. package/src/components/StandaloneSearchBar.scss +0 -10
  64. package/src/components/TimeLine.scss +0 -68
  65. package/src/components/WhatsNewCard.scss +0 -13
  66. package/src/components/actionLink.scss +0 -3
  67. package/src/components/actionbar.scss +0 -97
  68. package/src/components/bannercomponents.scss +0 -136
  69. package/src/components/body.scss +0 -144
  70. package/src/components/buttons.scss +0 -101
  71. package/src/components/card.scss +0 -391
  72. package/src/components/cardHeaderWithOptions.scss +0 -14
  73. package/src/components/changeLanguage.scss +0 -3
  74. package/src/components/charts.scss +0 -186
  75. package/src/components/checkbox.scss +0 -53
  76. package/src/components/checkpoint.scss +0 -63
  77. package/src/components/citizenInfoLabel.scss +0 -14
  78. package/src/components/custombtn.scss +0 -11
  79. package/src/components/datatable.scss +0 -134
  80. package/src/components/datewrap.scss +0 -21
  81. package/src/components/detailscard.scss +0 -6
  82. package/src/components/detailscontainer.scss +0 -13
  83. package/src/components/filters.scss +0 -98
  84. package/src/components/grey.scss +0 -3
  85. package/src/components/hoc/InboxComposer.scss +0 -115
  86. package/src/components/hoc/index.scss +0 -1
  87. package/src/components/howItWorks.scss +0 -71
  88. package/src/components/imageviewer.scss +0 -33
  89. package/src/components/inboxv2/InboxLinks.scss +0 -59
  90. package/src/components/inboxv2/horizontalNav.scss +0 -224
  91. package/src/components/inboxv2/inboxSearch.scss +0 -116
  92. package/src/components/inboxv2/inboxSearchComposer.scss +0 -134
  93. package/src/components/inboxv2/index.scss +0 -5
  94. package/src/components/inboxv2/searchComponentTable.scss +0 -44
  95. package/src/components/info-banner.scss +0 -35
  96. package/src/components/inputotp.scss +0 -15
  97. package/src/components/keynote.scss +0 -27
  98. package/src/components/languageSelector.scss +0 -24
  99. package/src/components/loader.scss +0 -96
  100. package/src/components/map.scss +0 -30
  101. package/src/components/menu.scss +0 -0
  102. package/src/components/metricsTable.scss +0 -28
  103. package/src/components/multiLink.scss +0 -88
  104. package/src/components/multiSelectDropdown.scss +0 -77
  105. package/src/components/navbar.scss +0 -312
  106. package/src/components/plusMinus.scss +0 -15
  107. package/src/components/popup.scss +0 -16
  108. package/src/components/radiobtn.scss +0 -45
  109. package/src/components/ratingstar.scss +0 -33
  110. package/src/components/roundedLabel.scss +0 -10
  111. package/src/components/searchAction.scss +0 -20
  112. package/src/components/sectionalDropdown.scss +0 -43
  113. package/src/components/selectdropdown.scss +0 -174
  114. package/src/components/sidebar.scss +0 -141
  115. package/src/components/staticDynamicMessages.scss +0 -107
  116. package/src/components/staticSideBar.scss +0 -27
  117. package/src/components/statushighlight.scss +0 -17
  118. package/src/components/submiterrors.scss +0 -11
  119. package/src/components/summary.scss +0 -29
  120. package/src/components/table.scss +0 -201
  121. package/src/components/tag.scss +0 -27
  122. package/src/components/telephone.scss +0 -17
  123. package/src/components/textfields.scss +0 -96
  124. package/src/components/toast.scss +0 -31
  125. package/src/components/toggleSwitch.scss +0 -41
  126. package/src/components/topbar.scss +0 -153
  127. package/src/components/uploadcomponents.scss +0 -100
  128. package/src/digitv2/components/CitizenHomeCardV2.scss +0 -56
  129. package/src/digitv2/components/PageBasedInputV2.scss +0 -33
  130. package/src/digitv2/components/WhatsNewCardV2.scss +0 -13
  131. package/src/digitv2/components/actionLinkV2.scss +0 -9
  132. package/src/digitv2/components/appContainerV2.scss +0 -49
  133. package/src/digitv2/components/backButtonV2.scss +0 -26
  134. package/src/digitv2/components/bannerV2.scss +0 -120
  135. package/src/digitv2/components/breadCrumbV2.scss +0 -34
  136. package/src/digitv2/components/breakLineV2.scss +0 -6
  137. package/src/digitv2/components/cardBasedOptionsV2.scss +0 -46
  138. package/src/digitv2/components/checkpointV2.scss +0 -71
  139. package/src/digitv2/components/collapseAndExpandGroups.scss +0 -60
  140. package/src/digitv2/components/dateWrapV2.scss +0 -17
  141. package/src/digitv2/components/detailsCardV2.scss +0 -17
  142. package/src/digitv2/components/displayPhotosV2.scss +0 -33
  143. package/src/digitv2/components/footerV2.scss +0 -55
  144. package/src/digitv2/components/headerBarV2.scss +0 -34
  145. package/src/digitv2/components/headerV2.scss +0 -12
  146. package/src/digitv2/components/keynoteV2.scss +0 -35
  147. package/src/digitv2/components/loaderV2.scss +0 -85
  148. package/src/digitv2/components/modalV2.scss +0 -46
  149. package/src/digitv2/components/multiUploadWrapperV2.scss +0 -6
  150. package/src/digitv2/components/navbarV2.scss +0 -9
  151. package/src/digitv2/components/noresultsfoundV2.scss +0 -11
  152. package/src/digitv2/components/numeric.scss +0 -47
  153. package/src/digitv2/components/otpInputV2.scss +0 -15
  154. package/src/digitv2/components/paragraphV2.scss +0 -5
  155. package/src/digitv2/components/ratingV2.scss +0 -33
  156. package/src/digitv2/components/searchActionV2.scss +0 -11
  157. package/src/digitv2/components/searchFormV2.scss +0 -76
  158. package/src/digitv2/components/searchcomponent.scss +0 -7
  159. package/src/digitv2/components/sidebarV2.scss +0 -11
  160. package/src/digitv2/components/telephoneV2.scss +0 -18
  161. package/src/digitv2/components/toggleswitchV2.scss +0 -42
  162. package/src/digitv2/components/uploadFileV2.scss +0 -146
  163. package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +0 -8
  164. package/src/pages/citizen/DocumentList.scss +0 -305
  165. package/src/pages/citizen/Events.scss +0 -47
  166. package/src/pages/citizen/HomePageWrapper.scss +0 -158
  167. package/src/pages/citizen/SurveyList.scss +0 -22
  168. package/src/pages/citizen/citizenDocument.scss +0 -22
  169. package/src/pages/citizen/container.scss +0 -19
  170. package/src/pages/citizen/payment/payment-type.scss +0 -3
  171. package/src/pages/citizen/updatePropertyNumber.scss +0 -46
  172. package/src/pages/employee/EmployeeLogin.scss +0 -7
  173. package/src/pages/employee/cardfix.scss +0 -13
  174. package/src/pages/employee/container.scss +0 -72
  175. package/src/pages/employee/dss.scss +0 -266
  176. package/src/pages/employee/form-fields.scss +0 -13
  177. package/src/pages/employee/iframe.scss +0 -66
  178. package/src/pages/employee/inbox.scss +0 -585
  179. package/src/pages/employee/oldMobileInbox.scss +0 -5
  180. package/src/pages/employee/popupmodule.scss +0 -34
  181. package/src/pages/employee/response.scss +0 -3
  182. package/src/pages/employee/scroll-table.scss +0 -119
  183. package/src/pages/employee/surveys.scss +0 -273
  184. package/src/pages/employee/tooltip.scss +0 -36
  185. package/src/pages/employee/updateNumber.scss +0 -13
  186. package/svg/arrowdown.svg +0 -1
  187. package/svg/arrowleft.svg +0 -1
  188. package/svg/calendar.svg +0 -1
  189. package/svg/camera.svg +0 -4
  190. package/svg/check.svg +0 -4
  191. package/svg/close.svg +0 -4
  192. package/svg/error.svg +0 -4
  193. package/svg/error2.svg +0 -5
  194. package/svg/searchicon.svg +0 -4
  195. package/svg/starempty.svg +0 -4
  196. package/svg/starfilled.svg +0 -5
  197. package/svg/success.svg +0 -4
package/src/digitv2/components/popUpV2.scss CHANGED
@@ -1,309 +1,331 @@
1
- .digit-popup-overlay {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- width: 100%;
6
- height: 100%;
7
- background-color: rgba(11, 12, 12, 0.7);
8
- display: flex;
9
- justify-content: center;
10
- align-items: center;
11
- z-index: 9999;
12
- backdrop-filter: blur(2px);
13
- -webkit-backdrop-filter: blur(2px);
14
-
15
- .digit-popup-wrapper {
16
- @apply w-full h-auto flex-col fixed;
17
- z-index: 10000;
18
- background-color: theme(digitv2.lightTheme.paper-primary);
19
- border-radius: theme(digitv2.spacers.spacer1);
20
- box-shadow: theme(digitv2.spacers.spacer0) 0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000029;
21
- display: flex;
22
- top: 50%;
23
- left: 50%;
24
- transform: translate(-50%, -50%);
25
-
26
- @media (min-width: 48rem) {
27
- max-height: 86%;
28
- max-width: 51%;
29
- }
30
-
31
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
32
- max-height: 82%;
33
- max-width: 74%;
34
- }
35
-
36
- @media (max-width: 30rem) {
37
- max-height: 80%;
38
- max-width: 91%;
39
- }
40
-
41
- &.alert {
42
- text-align: center;
43
- }
44
-
45
- .digit-popup-close {
46
- @apply items-center cursor-pointer absolute;
47
- display: flex;
48
- justify-content: flex-end;
49
- width: theme(digitv2.spacers.spacer6);
50
- height: theme(digitv2.spacers.spacer6);
51
-
52
- @media (min-width: 48rem) {
53
- top: theme(digitv2.spacers.spacer3);
54
- right: theme(digitv2.spacers.spacer3);
55
- }
56
-
57
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
58
- top: 0.625rem;
59
- right: 0.625rem;
60
- }
61
-
62
- @media (max-width: 30rem) {
63
- top: theme(digitv2.spacers.spacer2);
64
- right: theme(digitv2.spacers.spacer2);
65
- }
66
-
67
-
68
- svg {
69
- flex-shrink: 0;
70
-
71
- @media (min-width: 48rem) {
72
- width: theme(digitv2.spacers.spacer7) !important;
73
- height: theme(digitv2.spacers.spacer7) !important;
74
- }
75
-
76
- }
77
- }
78
-
79
- .digit-popup-header {
80
- @apply flex-col;
81
- display: flex !important;
82
- gap: theme(digitv2.spacers.spacer4);
83
-
84
- .digit-popup-icon-header-container {
85
- display: flex !important;
86
- gap: theme(digitv2.spacers.spacer2);
87
-
88
- svg {
89
- flex-shrink: 0;
90
- }
91
-
92
- .digit-popup-heading-subheading-wrap {
93
- @apply flex-col;
94
- display: flex !important;
95
- gap: theme(digitv2.spacers.spacer1);
96
- color: theme(digitv2.lightTheme.text-primary);
97
-
98
- .digit-popup-heading {
99
- @extend .typography.heading-l;
100
- line-height: normal;
101
- }
102
-
103
- .digit-popup-subheading {
104
- @extend .typography.caption-s;
105
- }
106
- }
107
-
108
- .digit-popup-description {
109
- @extend .typography.body-l;
110
- color: theme(digitv2.lightTheme.text-primary);
111
- }
112
- }
113
-
114
- &.with-shadow {
115
- box-shadow: theme(digitv2.spacers.spacer0) 0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000026;
116
- }
117
-
118
- @media (min-width: 48rem) {
119
- padding: theme(digitv2.spacers.spacer6);
120
- padding-bottom: theme(digitv2.spacers.spacer0);
121
-
122
- &.with-shadow {
123
- padding-bottom: theme(digitv2.spacers.spacer6);
124
- }
125
- }
126
-
127
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
128
- padding: theme(digitv2.spacers.spacer5);
129
- padding-bottom: theme(digitv2.spacers.spacer0);
130
-
131
- &.with-shadow {
132
- padding-bottom: theme(digitv2.spacers.spacer5);
133
- }
134
- }
135
-
136
- @media (max-width: 30rem) {
137
- padding: theme(digitv2.spacers.spacer4);
138
- padding-bottom: theme(digitv2.spacers.spacer0);
139
-
140
- &.with-shadow {
141
- padding-bottom: theme(digitv2.spacers.spacer4);
142
- }
143
- }
144
-
145
- }
146
-
147
- .digit-popup-children-wrap {
148
- @apply overflow-hidden overflow-y-auto flex-col;
149
- display: flex;
150
- flex: 1;
151
-
152
- &.inline {
153
- flex-direction: row;
154
- }
155
-
156
- @media (min-width: 48rem) {
157
- gap: theme(digitv2.spacers.spacer6);
158
- padding: theme(digitv2.spacers.spacer6) theme(digitv2.spacers.spacer6) theme(digitv2.spacers.spacer0) theme(digitv2.spacers.spacer6);
159
-
160
- &.with-shadow,
161
- &.without-footer{
162
- padding: theme(digitv2.spacers.spacer6);
163
- }
164
-
165
- }
166
-
167
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
168
- gap: theme(digitv2.spacers.spacer5);
169
- padding: theme(digitv2.spacers.spacer5) theme(digitv2.spacers.spacer5) theme(digitv2.spacers.spacer0) theme(digitv2.spacers.spacer5);
170
-
171
- &.with-shadow,
172
- &.without-footer{
173
- padding: theme(digitv2.spacers.spacer5);
174
- }
175
-
176
- }
177
-
178
- @media (max-width: 30rem) {
179
- gap: theme(digitv2.spacers.spacer4);
180
- padding: theme(digitv2.spacers.spacer4) theme(digitv2.spacers.spacer4) theme(digitv2.spacers.spacer0) theme(digitv2.spacers.spacer4);
181
-
182
- &.with-shadow,
183
- &.without-footer{
184
- padding: theme(digitv2.spacers.spacer4);
185
- }
186
- }
187
- }
188
-
189
- .digit-popup-footer {
190
- @apply flex-wrap;
191
- display: flex;
192
- gap: theme(digitv2.spacers.spacer4);
193
-
194
- &.with-shadow {
195
- box-shadow: theme(digitv2.spacers.spacer0) -0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000026;
196
- }
197
-
198
- @media (min-width: 48rem) {
199
- padding: theme(digitv2.spacers.spacer6);
200
- }
201
-
202
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
203
- @apply w-full;
204
- padding: theme(digitv2.spacers.spacer5);
205
- }
206
-
207
- @media (max-width: 30rem) {
208
- @apply flex-col;
209
- padding: theme(digitv2.spacers.spacer4);
210
- }
211
- }
212
-
213
- .digit-popup-footer-buttons {
214
- margin-left: auto;
215
- display: flex;
216
- gap: theme(digitv2.spacers.spacer4);
217
- @apply max-w-full flex-wrap;
218
-
219
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
220
- @apply w-full;
221
-
222
- button {
223
- flex: 1;
224
- }
225
- }
226
-
227
- @media (max-width: 30rem) {
228
- @apply flex-col;
229
- margin: theme(digitv2.spacers.spacer0);
230
-
231
- button {
232
- width: 100%;
233
- }
234
- }
235
- }
236
-
237
-
238
- .digit-popup-alert-content {
239
- @apply flex-col items-center;
240
- display: flex;
241
- gap: theme(digitv2.spacers.spacer2);
242
-
243
- .digit-popup-alert-heading {
244
- @extend .typography.heading-l;
245
- line-height: normal;
246
- color: theme(digitv2.lightTheme.text-primary);
247
- }
248
-
249
- .digit-popup-alert-message {
250
- @extend .typography.caption-s;
251
- text-align: center;
252
- color: theme(digitv2.lightTheme.text-primary);
253
- }
254
-
255
- &.with-shadow {
256
- box-shadow: theme(digitv2.spacers.spacer0) 0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000026;
257
- }
258
-
259
- @media (min-width: 48rem) {
260
- padding: theme(digitv2.spacers.spacer6);
261
- padding-bottom: theme(digitv2.spacers.spacer0);
262
-
263
- &.with-shadow {
264
- padding-bottom: theme(digitv2.spacers.spacer6);
265
- }
266
- }
267
-
268
- @media (min-width: 30.063rem) and (max-width: 47.938rem) {
269
- padding: theme(digitv2.spacers.spacer5);
270
- padding-bottom: theme(digitv2.spacers.spacer0);
271
-
272
- &.with-shadow {
273
- padding-bottom: theme(digitv2.spacers.spacer5);
274
- }
275
- }
276
-
277
- @media (max-width: 30rem) {
278
- padding: theme(digitv2.spacers.spacer4);
279
- padding-bottom: theme(digitv2.spacers.spacer0);
280
-
281
- &.with-shadow {
282
- padding-bottom: theme(digitv2.spacers.spacer4);
283
- }
284
- }
285
- }
286
-
287
- .popup-info-card {
288
- margin: theme(digitv2.spacers.spacer0);
289
- width: 100%;
290
- max-width: 100%;
291
- min-width: 100%;
292
- }
293
- }
294
- }
295
-
296
- .digit-popup-children-wrap::-webkit-scrollbar {
297
- width: theme(digitv2.spacers.spacer2);
298
- background-color: theme(digitv2.lightTheme.generic-background);
299
- }
300
-
301
- .digit-popup-children-wrap::-webkit-scrollbar-track {
302
- background-color: theme(digitv2.lightTheme.generic-background);
303
- border-radius: 0.563rem;
304
- }
305
-
306
- .digit-popup-children-wrap::-webkit-scrollbar-thumb {
307
- background-color: theme(digitv2.lightTheme.generic-divider);
308
- border-radius: 0.563rem;
1
+ .digit-popup-overlay {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ background-color: rgba(11, 12, 12, 0.7);
8
+ display: flex;
9
+ justify-content: center;
10
+ align-items: center;
11
+ z-index: 9999;
12
+ backdrop-filter: blur(2px);
13
+ -webkit-backdrop-filter: blur(2px);
14
+
15
+ .digit-popup-wrapper {
16
+ @apply w-full h-auto flex-col fixed;
17
+ z-index: 10000;
18
+ background-color: theme(digitv2.lightTheme.paper-primary);
19
+ border-radius: theme(digitv2.spacers.spacer1);
20
+ box-shadow: theme(digitv2.spacers.spacer0) 0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000029;
21
+ display: flex;
22
+ top: 50%;
23
+ left: 50%;
24
+ transform: translate(-50%, -50%);
25
+
26
+ @media (min-width: 48rem) {
27
+ max-height: 86%;
28
+ max-width: 51%;
29
+ }
30
+
31
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
32
+ max-height: 82%;
33
+ max-width: 74%;
34
+ }
35
+
36
+ @media (max-width: 30rem) {
37
+ max-height: 80%;
38
+ max-width: 91%;
39
+ }
40
+
41
+ &.alert {
42
+ text-align: center;
43
+ }
44
+
45
+ .digit-popup-close {
46
+ @apply items-center cursor-pointer absolute;
47
+ display: flex;
48
+ justify-content: flex-end;
49
+ width: theme(digitv2.spacers.spacer6);
50
+ height: theme(digitv2.spacers.spacer6);
51
+
52
+ @media (min-width: 48rem) {
53
+ top: theme(digitv2.spacers.spacer3);
54
+ right: theme(digitv2.spacers.spacer3);
55
+ }
56
+
57
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
58
+ top: theme(digitv2.spacers.spacer3);
59
+ right: theme(digitv2.spacers.spacer3);
60
+ }
61
+
62
+ @media (max-width: 30rem) {
63
+ top: theme(digitv2.spacers.spacer2);
64
+ right: theme(digitv2.spacers.spacer2);
65
+ }
66
+
67
+
68
+ svg {
69
+ flex-shrink: 0;
70
+
71
+ @media (min-width: 48rem) {
72
+ width: theme(digitv2.spacers.spacer7) !important;
73
+ height: theme(digitv2.spacers.spacer7) !important;
74
+ }
75
+
76
+ }
77
+ }
78
+
79
+ .digit-popup-header {
80
+ @apply flex-col;
81
+ display: flex !important;
82
+ gap: theme(digitv2.spacers.spacer4);
83
+
84
+ .digit-popup-icon-header-container {
85
+ display: flex !important;
86
+ gap: theme(digitv2.spacers.spacer2);
87
+
88
+ svg {
89
+ flex-shrink: 0;
90
+ }
91
+
92
+ .digit-popup-heading-subheading-wrap {
93
+ @apply flex-col;
94
+ display: flex !important;
95
+ gap: theme(digitv2.spacers.spacer1);
96
+ color: theme(digitv2.lightTheme.text-primary);
97
+
98
+ .digit-popup-heading {
99
+ @extend .typography.heading-l;
100
+ line-height: normal;
101
+ }
102
+
103
+ .digit-popup-subheading {
104
+ @extend .typography.caption-s;
105
+ }
106
+ }
107
+ }
108
+
109
+ &.with-shadow {
110
+ box-shadow: theme(digitv2.spacers.spacer0) 0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000026;
111
+ }
112
+
113
+ @media (min-width: 48rem) {
114
+ padding: theme(digitv2.spacers.spacer6);
115
+ padding-bottom: theme(digitv2.spacers.spacer0);
116
+
117
+ &.with-shadow {
118
+ padding-bottom: theme(digitv2.spacers.spacer6);
119
+ }
120
+ }
121
+
122
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
123
+ padding: theme(digitv2.spacers.spacer5);
124
+ padding-bottom: theme(digitv2.spacers.spacer0);
125
+
126
+ &.with-shadow {
127
+ padding-bottom: theme(digitv2.spacers.spacer5);
128
+ }
129
+ }
130
+
131
+ @media (max-width: 30rem) {
132
+ padding: theme(digitv2.spacers.spacer4);
133
+ padding-bottom: theme(digitv2.spacers.spacer0);
134
+
135
+ &.with-shadow {
136
+ padding-bottom: theme(digitv2.spacers.spacer4);
137
+ }
138
+ }
139
+
140
+ }
141
+
142
+ .digit-popup-children-wrap {
143
+ @extend .typography.body-s;
144
+ @apply overflow-hidden overflow-y-auto flex-col;
145
+ display: flex;
146
+ flex: 1;
147
+ color: theme(digitv2.lightTheme.text-primary);
148
+
149
+ .digit-popup-description {
150
+ @extend .typography.body-s;
151
+ color: theme(digitv2.lightTheme.text-primary);
152
+ }
153
+
154
+ &.inline {
155
+ flex-direction: row;
156
+ }
157
+
158
+ @media (min-width: 48rem) {
159
+ gap: theme(digitv2.spacers.spacer6);
160
+ padding: theme(digitv2.spacers.spacer6) theme(digitv2.spacers.spacer6) theme(digitv2.spacers.spacer0) theme(digitv2.spacers.spacer6);
161
+
162
+ &.with-shadow,
163
+ &.without-footer{
164
+ padding: theme(digitv2.spacers.spacer6);
165
+ }
166
+
167
+ }
168
+
169
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
170
+ gap: theme(digitv2.spacers.spacer5);
171
+ padding: theme(digitv2.spacers.spacer5) theme(digitv2.spacers.spacer5) theme(digitv2.spacers.spacer0) theme(digitv2.spacers.spacer5);
172
+
173
+ &.with-shadow,
174
+ &.without-footer{
175
+ padding: theme(digitv2.spacers.spacer5);
176
+ }
177
+
178
+ }
179
+
180
+ @media (max-width: 30rem) {
181
+ gap: theme(digitv2.spacers.spacer4);
182
+ padding: theme(digitv2.spacers.spacer4) theme(digitv2.spacers.spacer4) theme(digitv2.spacers.spacer0) theme(digitv2.spacers.spacer4);
183
+
184
+ &.with-shadow,
185
+ &.without-footer{
186
+ padding: theme(digitv2.spacers.spacer4);
187
+ }
188
+ }
189
+ }
190
+
191
+ .digit-popup-footer {
192
+ @apply flex-wrap;
193
+ display: flex;
194
+ gap: theme(digitv2.spacers.spacer4);
195
+
196
+ &.with-shadow {
197
+ box-shadow: theme(digitv2.spacers.spacer0) -0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000026;
198
+ }
199
+
200
+ @media (min-width: 48rem) {
201
+ padding: theme(digitv2.spacers.spacer6);
202
+ }
203
+
204
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
205
+ @apply w-full;
206
+ padding: theme(digitv2.spacers.spacer5);
207
+ }
208
+
209
+ @media (max-width: 30rem) {
210
+ @apply flex-col;
211
+ padding: theme(digitv2.spacers.spacer4);
212
+ }
213
+ }
214
+
215
+ .digit-popup-footer-buttons {
216
+ margin-left: auto;
217
+ display: flex;
218
+ gap: theme(digitv2.spacers.spacer4);
219
+ @apply max-w-full flex-wrap;
220
+
221
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
222
+ @apply w-full;
223
+
224
+ button {
225
+ flex: 1;
226
+ }
227
+ }
228
+
229
+ @media (max-width: 30rem) {
230
+ @apply flex-col;
231
+ margin: theme(digitv2.spacers.spacer0);
232
+
233
+ button {
234
+ width: 100%;
235
+ }
236
+ }
237
+
238
+ &.equal-buttons{
239
+ width: 100%;
240
+
241
+ @media (min-width: 30.063rem) {
242
+
243
+ button {
244
+ flex: 1;
245
+ }
246
+ }
247
+ }
248
+ }
249
+
250
+
251
+ &.equal-buttons{
252
+ width: 100%;
253
+
254
+ button{
255
+ flex:1;
256
+ }
257
+ }
258
+
259
+
260
+ .digit-popup-alert-content {
261
+ @apply flex-col items-center;
262
+ display: flex;
263
+ gap: theme(digitv2.spacers.spacer2);
264
+
265
+ .digit-popup-alert-heading {
266
+ @extend .typography.heading-l;
267
+ line-height: normal;
268
+ color: theme(digitv2.lightTheme.text-primary);
269
+ }
270
+
271
+ .digit-popup-alert-message {
272
+ @extend .typography.caption-s;
273
+ text-align: center;
274
+ color: theme(digitv2.lightTheme.text-primary);
275
+ }
276
+
277
+ &.with-shadow {
278
+ box-shadow: theme(digitv2.spacers.spacer0) 0.063rem 0.125rem theme(digitv2.spacers.spacer0) #00000026;
279
+ }
280
+
281
+ @media (min-width: 48rem) {
282
+ padding: theme(digitv2.spacers.spacer6);
283
+ padding-bottom: theme(digitv2.spacers.spacer0);
284
+
285
+ &.with-shadow {
286
+ padding-bottom: theme(digitv2.spacers.spacer6);
287
+ }
288
+ }
289
+
290
+ @media (min-width: 30.063rem) and (max-width: 47.938rem) {
291
+ padding: theme(digitv2.spacers.spacer5);
292
+ padding-bottom: theme(digitv2.spacers.spacer0);
293
+
294
+ &.with-shadow {
295
+ padding-bottom: theme(digitv2.spacers.spacer5);
296
+ }
297
+ }
298
+
299
+ @media (max-width: 30rem) {
300
+ padding: theme(digitv2.spacers.spacer4);
301
+ padding-bottom: theme(digitv2.spacers.spacer0);
302
+
303
+ &.with-shadow {
304
+ padding-bottom: theme(digitv2.spacers.spacer4);
305
+ }
306
+ }
307
+ }
308
+
309
+ .popup-info-card {
310
+ margin: theme(digitv2.spacers.spacer0);
311
+ width: 100%;
312
+ max-width: 100%;
313
+ min-width: 100%;
314
+ }
315
+ }
316
+ }
317
+
318
+ .digit-popup-children-wrap::-webkit-scrollbar {
319
+ width: theme(digitv2.spacers.spacer2);
320
+ background-color: theme(digitv2.lightTheme.generic-background);
321
+ }
322
+
323
+ .digit-popup-children-wrap::-webkit-scrollbar-track {
324
+ background-color: theme(digitv2.lightTheme.generic-background);
325
+ border-radius: 0.563rem;
326
+ }
327
+
328
+ .digit-popup-children-wrap::-webkit-scrollbar-thumb {
329
+ background-color: theme(digitv2.lightTheme.generic-divider);
330
+ border-radius: 0.563rem;
309
331
  }