survey-core 1.12.3 → 1.12.4

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 (239) hide show
  1. package/defaultV2.css +16 -39
  2. package/defaultV2.css.map +1 -1
  3. package/defaultV2.fontless.css +16 -39
  4. package/defaultV2.fontless.css.map +1 -1
  5. package/defaultV2.fontless.min.css +2 -2
  6. package/defaultV2.min.css +2 -2
  7. package/i18n/arabic.js +1 -1
  8. package/i18n/arabic.min.js +1 -1
  9. package/i18n/basque.js +1 -1
  10. package/i18n/basque.min.js +1 -1
  11. package/i18n/bulgarian.js +1 -1
  12. package/i18n/bulgarian.min.js +1 -1
  13. package/i18n/catalan.js +1 -1
  14. package/i18n/catalan.min.js +1 -1
  15. package/i18n/croatian.js +1 -1
  16. package/i18n/croatian.min.js +1 -1
  17. package/i18n/czech.js +1 -1
  18. package/i18n/czech.min.js +1 -1
  19. package/i18n/danish.js +1 -1
  20. package/i18n/danish.min.js +1 -1
  21. package/i18n/dutch.js +1 -1
  22. package/i18n/dutch.min.js +1 -1
  23. package/i18n/english.js +1 -1
  24. package/i18n/english.min.js +1 -1
  25. package/i18n/estonian.js +1 -1
  26. package/i18n/estonian.min.js +1 -1
  27. package/i18n/finnish.js +1 -1
  28. package/i18n/finnish.min.js +1 -1
  29. package/i18n/french.js +1 -1
  30. package/i18n/french.min.js +1 -1
  31. package/i18n/georgian.js +1 -1
  32. package/i18n/georgian.min.js +1 -1
  33. package/i18n/german.js +1 -1
  34. package/i18n/german.min.js +1 -1
  35. package/i18n/greek.js +1 -1
  36. package/i18n/greek.min.js +1 -1
  37. package/i18n/hebrew.js +1 -1
  38. package/i18n/hebrew.min.js +1 -1
  39. package/i18n/hindi.js +1 -1
  40. package/i18n/hindi.min.js +1 -1
  41. package/i18n/hungarian.js +1 -1
  42. package/i18n/hungarian.min.js +1 -1
  43. package/i18n/icelandic.js +1 -1
  44. package/i18n/icelandic.min.js +1 -1
  45. package/i18n/index.js +1 -1
  46. package/i18n/index.min.js +1 -1
  47. package/i18n/indonesian.js +1 -1
  48. package/i18n/indonesian.min.js +1 -1
  49. package/i18n/italian.js +1 -1
  50. package/i18n/italian.min.js +1 -1
  51. package/i18n/japanese.js +1 -1
  52. package/i18n/japanese.min.js +1 -1
  53. package/i18n/kazakh.js +1 -1
  54. package/i18n/kazakh.min.js +1 -1
  55. package/i18n/korean.js +1 -1
  56. package/i18n/korean.min.js +1 -1
  57. package/i18n/latvian.js +1 -1
  58. package/i18n/latvian.min.js +1 -1
  59. package/i18n/lithuanian.js +1 -1
  60. package/i18n/lithuanian.min.js +1 -1
  61. package/i18n/macedonian.js +1 -1
  62. package/i18n/macedonian.min.js +1 -1
  63. package/i18n/malay.js +1 -1
  64. package/i18n/malay.min.js +1 -1
  65. package/i18n/nl-BE.js +1 -1
  66. package/i18n/nl-BE.min.js +1 -1
  67. package/i18n/norwegian.js +1 -1
  68. package/i18n/norwegian.min.js +1 -1
  69. package/i18n/persian.js +1 -1
  70. package/i18n/persian.min.js +1 -1
  71. package/i18n/philippines.js +1 -1
  72. package/i18n/philippines.min.js +1 -1
  73. package/i18n/polish.js +1 -1
  74. package/i18n/polish.min.js +1 -1
  75. package/i18n/portuguese-br.js +1 -1
  76. package/i18n/portuguese-br.min.js +1 -1
  77. package/i18n/portuguese.js +1 -1
  78. package/i18n/portuguese.min.js +1 -1
  79. package/i18n/romanian.js +1 -1
  80. package/i18n/romanian.min.js +1 -1
  81. package/i18n/russian.js +1 -1
  82. package/i18n/russian.min.js +1 -1
  83. package/i18n/serbian.js +1 -1
  84. package/i18n/serbian.min.js +1 -1
  85. package/i18n/simplified-chinese.js +1 -1
  86. package/i18n/simplified-chinese.min.js +1 -1
  87. package/i18n/slovak.js +1 -1
  88. package/i18n/slovak.min.js +1 -1
  89. package/i18n/spanish.js +1 -1
  90. package/i18n/spanish.min.js +1 -1
  91. package/i18n/swahili.js +1 -1
  92. package/i18n/swahili.min.js +1 -1
  93. package/i18n/swedish.js +1 -1
  94. package/i18n/swedish.min.js +1 -1
  95. package/i18n/tajik.js +1 -1
  96. package/i18n/tajik.min.js +1 -1
  97. package/i18n/telugu.js +1 -1
  98. package/i18n/telugu.min.js +1 -1
  99. package/i18n/thai.js +1 -1
  100. package/i18n/thai.min.js +1 -1
  101. package/i18n/traditional-chinese.js +1 -1
  102. package/i18n/traditional-chinese.min.js +1 -1
  103. package/i18n/turkish.js +1 -1
  104. package/i18n/turkish.min.js +1 -1
  105. package/i18n/ukrainian.js +1 -1
  106. package/i18n/ukrainian.min.js +1 -1
  107. package/i18n/urdu.js +1 -1
  108. package/i18n/urdu.min.js +1 -1
  109. package/i18n/vietnamese.js +1 -1
  110. package/i18n/vietnamese.min.js +1 -1
  111. package/i18n/welsh.js +1 -1
  112. package/i18n/welsh.min.js +1 -1
  113. package/modern.css +23 -77
  114. package/modern.css.map +1 -1
  115. package/modern.fontless.css +23 -77
  116. package/modern.fontless.css.map +1 -1
  117. package/modern.fontless.min.css +2 -2
  118. package/modern.min.css +2 -2
  119. package/package.json +1 -1
  120. package/plugins/bootstrap-integration/index.js +1 -2
  121. package/plugins/bootstrap-integration/index.js.map +1 -1
  122. package/plugins/bootstrap-integration/index.min.js +2 -2
  123. package/plugins/bootstrap-material-integration/index.js +1 -2
  124. package/plugins/bootstrap-material-integration/index.js.map +1 -1
  125. package/plugins/bootstrap-material-integration/index.min.js +2 -2
  126. package/survey.core.js +419 -154
  127. package/survey.core.js.map +1 -1
  128. package/survey.core.min.js +3 -3
  129. package/survey.css +11 -17
  130. package/survey.css.map +1 -1
  131. package/survey.i18n.js +1 -1
  132. package/survey.i18n.min.js +1 -1
  133. package/survey.min.css +2 -2
  134. package/themes/borderless-dark-panelless.js +1 -1
  135. package/themes/borderless-dark-panelless.min.js +1 -1
  136. package/themes/borderless-dark.js +1 -1
  137. package/themes/borderless-dark.min.js +1 -1
  138. package/themes/borderless-light-panelless..js +1 -1
  139. package/themes/borderless-light-panelless..min.js +1 -1
  140. package/themes/borderless-light.js +1 -1
  141. package/themes/borderless-light.min.js +1 -1
  142. package/themes/contrast-dark-panelless.js +1 -1
  143. package/themes/contrast-dark-panelless.min.js +1 -1
  144. package/themes/contrast-dark.js +1 -1
  145. package/themes/contrast-dark.min.js +1 -1
  146. package/themes/contrast-light-panelless.js +1 -1
  147. package/themes/contrast-light-panelless.min.js +1 -1
  148. package/themes/contrast-light.js +1 -1
  149. package/themes/contrast-light.min.js +1 -1
  150. package/themes/default-dark-panelless.js +1 -1
  151. package/themes/default-dark-panelless.min.js +1 -1
  152. package/themes/default-dark.js +1 -1
  153. package/themes/default-dark.min.js +1 -1
  154. package/themes/default-light-panelless.js +1 -1
  155. package/themes/default-light-panelless.min.js +1 -1
  156. package/themes/default-light.js +1 -1
  157. package/themes/default-light.min.js +1 -1
  158. package/themes/doubleborder-dark-panelless.js +1 -1
  159. package/themes/doubleborder-dark-panelless.min.js +1 -1
  160. package/themes/doubleborder-dark.js +1 -1
  161. package/themes/doubleborder-dark.min.js +1 -1
  162. package/themes/doubleborder-light-panelles.js +1 -1
  163. package/themes/doubleborder-light-panelles.min.js +1 -1
  164. package/themes/doubleborder-light.js +1 -1
  165. package/themes/doubleborder-light.min.js +1 -1
  166. package/themes/flat-dark-panelless.js +1 -1
  167. package/themes/flat-dark-panelless.min.js +1 -1
  168. package/themes/flat-dark.js +1 -1
  169. package/themes/flat-dark.min.js +1 -1
  170. package/themes/flat-light-panelless.js +1 -1
  171. package/themes/flat-light-panelless.min.js +1 -1
  172. package/themes/flat-light.js +1 -1
  173. package/themes/flat-light.min.js +1 -1
  174. package/themes/index.js +1 -1
  175. package/themes/index.min.js +1 -1
  176. package/themes/layered-dark-panelless.js +1 -1
  177. package/themes/layered-dark-panelless.min.js +1 -1
  178. package/themes/layered-dark.js +1 -1
  179. package/themes/layered-dark.min.js +1 -1
  180. package/themes/layered-light-panelless.js +1 -1
  181. package/themes/layered-light-panelless.min.js +1 -1
  182. package/themes/layered-light.js +1 -1
  183. package/themes/layered-light.min.js +1 -1
  184. package/themes/plain-dark-panelless.js +1 -1
  185. package/themes/plain-dark-panelless.min.js +1 -1
  186. package/themes/plain-dark.js +1 -1
  187. package/themes/plain-dark.min.js +1 -1
  188. package/themes/plain-light-panelless.js +1 -1
  189. package/themes/plain-light-panelless.min.js +1 -1
  190. package/themes/plain-light.js +1 -1
  191. package/themes/plain-light.min.js +1 -1
  192. package/themes/sharp-dark-panelless.js +1 -1
  193. package/themes/sharp-dark-panelless.min.js +1 -1
  194. package/themes/sharp-dark.js +1 -1
  195. package/themes/sharp-dark.min.js +1 -1
  196. package/themes/sharp-light-panelless.js +1 -1
  197. package/themes/sharp-light-panelless.min.js +1 -1
  198. package/themes/sharp-light.js +1 -1
  199. package/themes/sharp-light.min.js +1 -1
  200. package/themes/solid-dark-panelless.js +1 -1
  201. package/themes/solid-dark-panelless.min.js +1 -1
  202. package/themes/solid-dark.js +1 -1
  203. package/themes/solid-dark.min.js +1 -1
  204. package/themes/solid-light-panelless.js +1 -1
  205. package/themes/solid-light-panelless.min.js +1 -1
  206. package/themes/solid-light.js +1 -1
  207. package/themes/solid-light.min.js +1 -1
  208. package/themes/three-dimensional-dark-panelless.js +1 -1
  209. package/themes/three-dimensional-dark-panelless.min.js +1 -1
  210. package/themes/three-dimensional-dark.js +1 -1
  211. package/themes/three-dimensional-dark.min.js +1 -1
  212. package/themes/three-dimensional-light-panelless.js +1 -1
  213. package/themes/three-dimensional-light-panelless.min.js +1 -1
  214. package/themes/three-dimensional-light.js +1 -1
  215. package/themes/three-dimensional-light.min.js +1 -1
  216. package/ts3.4/typings/packages/survey-core/src/base-interfaces.d.ts +1 -1
  217. package/ts3.4/typings/packages/survey-core/src/base.d.ts +11 -0
  218. package/ts3.4/typings/packages/survey-core/src/page.d.ts +1 -0
  219. package/ts3.4/typings/packages/survey-core/src/panel.d.ts +9 -3
  220. package/ts3.4/typings/packages/survey-core/src/question.d.ts +4 -4
  221. package/ts3.4/typings/packages/survey-core/src/question_matrix.d.ts +13 -5
  222. package/ts3.4/typings/packages/survey-core/src/question_paneldynamic.d.ts +2 -0
  223. package/ts3.4/typings/packages/survey-core/src/question_ranking.d.ts +1 -0
  224. package/ts3.4/typings/packages/survey-core/src/question_rating.d.ts +3 -0
  225. package/ts3.4/typings/packages/survey-core/src/survey-element.d.ts +3 -2
  226. package/ts3.4/typings/packages/survey-core/src/survey.d.ts +8 -3
  227. package/ts3.4/typings/packages/survey-core/src/utils/utils.d.ts +2 -2
  228. package/typings/packages/survey-core/src/base-interfaces.d.ts +1 -1
  229. package/typings/packages/survey-core/src/base.d.ts +11 -0
  230. package/typings/packages/survey-core/src/page.d.ts +1 -0
  231. package/typings/packages/survey-core/src/panel.d.ts +9 -3
  232. package/typings/packages/survey-core/src/question.d.ts +4 -4
  233. package/typings/packages/survey-core/src/question_matrix.d.ts +13 -5
  234. package/typings/packages/survey-core/src/question_paneldynamic.d.ts +2 -0
  235. package/typings/packages/survey-core/src/question_ranking.d.ts +1 -0
  236. package/typings/packages/survey-core/src/question_rating.d.ts +3 -0
  237. package/typings/packages/survey-core/src/survey-element.d.ts +3 -2
  238. package/typings/packages/survey-core/src/survey.d.ts +8 -3
  239. package/typings/packages/survey-core/src/utils/utils.d.ts +2 -2
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.3
2
+ * surveyjs - Survey JavaScript library v1.12.4
3
3
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
5
5
  */
@@ -72,18 +72,12 @@ sv-popup {
72
72
 
73
73
  .sv-popup__container {
74
74
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
75
- box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
75
+ box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
76
76
  border-radius: var(--sjs-corner-radius, 4px);
77
77
  position: absolute;
78
78
  padding: 0;
79
79
  }
80
80
 
81
- .sv-popup__shadow {
82
- width: 100%;
83
- height: 100%;
84
- border-radius: var(--sjs-corner-radius, 4px);
85
- }
86
-
87
81
  .sv-popup__body-content {
88
82
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
89
83
  border-radius: var(--sjs-corner-radius, 4px);
@@ -110,23 +104,17 @@ sv-popup {
110
104
  display: flex;
111
105
  }
112
106
 
113
- .sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content {
114
- box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
107
+ .sv-popup--modal > .sv-popup__container > .sv-popup__body-content {
115
108
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
116
109
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
117
110
  height: auto;
118
- }
119
- .sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-popup__body-footer {
120
- padding-bottom: 2px;
111
+ gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
121
112
  }
122
113
 
123
114
  .sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {
124
115
  overflow: visible;
125
116
  }
126
117
 
127
- .sv-popup--confirm-delete .sv-popup__shadow {
128
- height: initial;
129
- }
130
118
  .sv-popup--confirm-delete .sv-popup__container {
131
119
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
132
120
  }
@@ -138,7 +126,6 @@ sv-popup {
138
126
  }
139
127
  .sv-popup--confirm-delete .sv-popup__body-header {
140
128
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
141
- margin-bottom: 0;
142
129
  align-self: self-start;
143
130
  /* UI/Default */
144
131
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -152,7 +139,6 @@ sv-popup {
152
139
  display: none;
153
140
  }
154
141
  .sv-popup--confirm-delete .sv-popup__body-footer {
155
- padding-bottom: 0;
156
142
  max-width: max-content;
157
143
  }
158
144
  .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
@@ -171,6 +157,7 @@ sv-popup {
171
157
  width: 100%;
172
158
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
173
159
  border: unset;
160
+ box-shadow: unset;
174
161
  box-sizing: content-box;
175
162
  }
176
163
  .sv-popup--overlay .sv-popup__body-content {
@@ -178,32 +165,27 @@ sv-popup {
178
165
  max-width: 100vw;
179
166
  border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px;
180
167
  background: var(--sjs-general-backcolor, var(--background, #fff));
181
- box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
182
168
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
183
169
  height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
184
170
  }
185
171
  .sv-popup--overlay .sv-popup__scrolling-content {
186
172
  height: calc(100% - 10 * var(--base-unit, 8px));
187
173
  }
188
- .sv-popup--overlay .sv-popup__body-footer {
189
- margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
190
- }
191
174
  .sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
192
175
  width: 100%;
193
176
  }
194
177
  .sv-popup--overlay .sv-popup__body-footer-item {
195
178
  width: 100%;
196
179
  }
180
+ .sv-popup--overlay .sv-popup__body-footer .sv-action {
181
+ flex: 1 0 0;
182
+ }
197
183
  .sv-popup--overlay .sv-popup__button.sv-popup__button {
198
184
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
199
185
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
200
186
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
201
187
  }
202
188
 
203
- .sv-popup--overlay .sv-popup__body-footer .sv-action {
204
- flex: 1 0 0;
205
- }
206
-
207
189
  .sv-popup--modal .sv-popup__scrolling-content {
208
190
  padding: 2px;
209
191
  margin: -2px;
@@ -278,23 +260,17 @@ sv-popup {
278
260
  line-height: calc(2 * (var(--sjs-font-size, 16px)));
279
261
  font-style: normal;
280
262
  font-weight: 700;
281
- margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
282
263
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
283
264
  }
284
265
 
285
266
  .sv-popup__body-footer {
286
267
  display: flex;
287
- margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
288
268
  }
289
269
 
290
270
  .sv-popup__body-footer .sv-action-bar {
291
271
  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
292
272
  }
293
273
 
294
- .sv-popup__button {
295
- margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
296
- }
297
-
298
274
  .sv-popup--modal .sv-list__filter,
299
275
  .sv-popup--overlay .sv-list__filter {
300
276
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
@@ -307,16 +283,13 @@ sv-popup {
307
283
  .sv-popup--dropdown .sv-list__filter {
308
284
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
309
285
  }
310
- .sv-popup--dropdown .sv-popup__shadow {
311
- box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
312
- }
313
286
  .sv-popup--dropdown .sv-popup__body-content {
314
287
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
315
288
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
316
289
  height: 100%;
317
290
  }
318
291
 
319
- .sv-popup--dropdown > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-list {
292
+ .sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {
320
293
  background-color: transparent;
321
294
  }
322
295
 
@@ -329,6 +302,7 @@ sv-popup {
329
302
 
330
303
  .sv-popup--overlay .sv-popup__body-content {
331
304
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
305
+ gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
332
306
  }
333
307
 
334
308
  .sv-popup--dropdown-overlay {
@@ -349,7 +323,6 @@ sv-popup {
349
323
  box-shadow: none;
350
324
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
351
325
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
352
- margin: 0;
353
326
  }
354
327
  .sv-popup--dropdown-overlay .sv-popup__container {
355
328
  max-height: calc(var(--sv-popup-overlay-height, 100vh));
@@ -358,10 +331,10 @@ sv-popup {
358
331
  }
359
332
  .sv-popup--dropdown-overlay .sv-popup__body-content {
360
333
  height: calc(var(--sv-popup-overlay-height, 100vh));
334
+ gap: 0;
361
335
  }
362
336
  .sv-popup--dropdown-overlay .sv-popup__body-footer {
363
337
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
364
- margin-top: 0;
365
338
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
366
339
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
367
340
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
@@ -490,7 +463,7 @@ sv-popup {
490
463
  max-width: var(--sv-popup-overlay-max-width);
491
464
  border-radius: var(--sjs-corner-radius, 4px);
492
465
  overflow: hidden;
493
- margin: 0;
466
+ box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
494
467
  }
495
468
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
496
469
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,
@@ -2910,18 +2883,12 @@ sv-popup {
2910
2883
 
2911
2884
  .sv-popup__container {
2912
2885
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
2913
- box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
2886
+ box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
2914
2887
  border-radius: var(--sjs-corner-radius, 4px);
2915
2888
  position: absolute;
2916
2889
  padding: 0;
2917
2890
  }
2918
2891
 
2919
- .sv-popup__shadow {
2920
- width: 100%;
2921
- height: 100%;
2922
- border-radius: var(--sjs-corner-radius, 4px);
2923
- }
2924
-
2925
2892
  .sv-popup__body-content {
2926
2893
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
2927
2894
  border-radius: var(--sjs-corner-radius, 4px);
@@ -2948,23 +2915,17 @@ sv-popup {
2948
2915
  display: flex;
2949
2916
  }
2950
2917
 
2951
- .sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content {
2952
- box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
2918
+ .sv-popup--modal > .sv-popup__container > .sv-popup__body-content {
2953
2919
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
2954
2920
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
2955
2921
  height: auto;
2956
- }
2957
- .sv-popup--modal > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-popup__body-footer {
2958
- padding-bottom: 2px;
2922
+ gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
2959
2923
  }
2960
2924
 
2961
2925
  .sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {
2962
2926
  overflow: visible;
2963
2927
  }
2964
2928
 
2965
- .sv-popup--confirm-delete .sv-popup__shadow {
2966
- height: initial;
2967
- }
2968
2929
  .sv-popup--confirm-delete .sv-popup__container {
2969
2930
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
2970
2931
  }
@@ -2976,7 +2937,6 @@ sv-popup {
2976
2937
  }
2977
2938
  .sv-popup--confirm-delete .sv-popup__body-header {
2978
2939
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
2979
- margin-bottom: 0;
2980
2940
  align-self: self-start;
2981
2941
  /* UI/Default */
2982
2942
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
@@ -2990,7 +2950,6 @@ sv-popup {
2990
2950
  display: none;
2991
2951
  }
2992
2952
  .sv-popup--confirm-delete .sv-popup__body-footer {
2993
- padding-bottom: 0;
2994
2953
  max-width: max-content;
2995
2954
  }
2996
2955
  .sv-popup--confirm-delete .sv-popup__body-footer .sv-action-bar {
@@ -3009,6 +2968,7 @@ sv-popup {
3009
2968
  width: 100%;
3010
2969
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3011
2970
  border: unset;
2971
+ box-shadow: unset;
3012
2972
  box-sizing: content-box;
3013
2973
  }
3014
2974
  .sv-popup--overlay .sv-popup__body-content {
@@ -3016,32 +2976,27 @@ sv-popup {
3016
2976
  max-width: 100vw;
3017
2977
  border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px;
3018
2978
  background: var(--sjs-general-backcolor, var(--background, #fff));
3019
- box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
3020
2979
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3021
2980
  height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
3022
2981
  }
3023
2982
  .sv-popup--overlay .sv-popup__scrolling-content {
3024
2983
  height: calc(100% - 10 * var(--base-unit, 8px));
3025
2984
  }
3026
- .sv-popup--overlay .sv-popup__body-footer {
3027
- margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3028
- }
3029
2985
  .sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
3030
2986
  width: 100%;
3031
2987
  }
3032
2988
  .sv-popup--overlay .sv-popup__body-footer-item {
3033
2989
  width: 100%;
3034
2990
  }
2991
+ .sv-popup--overlay .sv-popup__body-footer .sv-action {
2992
+ flex: 1 0 0;
2993
+ }
3035
2994
  .sv-popup--overlay .sv-popup__button.sv-popup__button {
3036
2995
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
3037
2996
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
3038
2997
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
3039
2998
  }
3040
2999
 
3041
- .sv-popup--overlay .sv-popup__body-footer .sv-action {
3042
- flex: 1 0 0;
3043
- }
3044
-
3045
3000
  .sv-popup--modal .sv-popup__scrolling-content {
3046
3001
  padding: 2px;
3047
3002
  margin: -2px;
@@ -3116,23 +3071,17 @@ sv-popup {
3116
3071
  line-height: calc(2 * (var(--sjs-font-size, 16px)));
3117
3072
  font-style: normal;
3118
3073
  font-weight: 700;
3119
- margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3120
3074
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
3121
3075
  }
3122
3076
 
3123
3077
  .sv-popup__body-footer {
3124
3078
  display: flex;
3125
- margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3126
3079
  }
3127
3080
 
3128
3081
  .sv-popup__body-footer .sv-action-bar {
3129
3082
  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3130
3083
  }
3131
3084
 
3132
- .sv-popup__button {
3133
- margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3134
- }
3135
-
3136
3085
  .sv-popup--modal .sv-list__filter,
3137
3086
  .sv-popup--overlay .sv-list__filter {
3138
3087
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
@@ -3145,16 +3094,13 @@ sv-popup {
3145
3094
  .sv-popup--dropdown .sv-list__filter {
3146
3095
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
3147
3096
  }
3148
- .sv-popup--dropdown .sv-popup__shadow {
3149
- box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
3150
- }
3151
3097
  .sv-popup--dropdown .sv-popup__body-content {
3152
3098
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
3153
3099
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
3154
3100
  height: 100%;
3155
3101
  }
3156
3102
 
3157
- .sv-popup--dropdown > .sv-popup__container > .sv-popup__shadow > .sv-popup__body-content .sv-list {
3103
+ .sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {
3158
3104
  background-color: transparent;
3159
3105
  }
3160
3106
 
@@ -3167,6 +3113,7 @@ sv-popup {
3167
3113
 
3168
3114
  .sv-popup--overlay .sv-popup__body-content {
3169
3115
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
3116
+ gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3170
3117
  }
3171
3118
 
3172
3119
  .sv-popup--dropdown-overlay {
@@ -3187,7 +3134,6 @@ sv-popup {
3187
3134
  box-shadow: none;
3188
3135
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3189
3136
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
3190
- margin: 0;
3191
3137
  }
3192
3138
  .sv-popup--dropdown-overlay .sv-popup__container {
3193
3139
  max-height: calc(var(--sv-popup-overlay-height, 100vh));
@@ -3196,10 +3142,10 @@ sv-popup {
3196
3142
  }
3197
3143
  .sv-popup--dropdown-overlay .sv-popup__body-content {
3198
3144
  height: calc(var(--sv-popup-overlay-height, 100vh));
3145
+ gap: 0;
3199
3146
  }
3200
3147
  .sv-popup--dropdown-overlay .sv-popup__body-footer {
3201
3148
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
3202
- margin-top: 0;
3203
3149
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
3204
3150
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
3205
3151
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
@@ -3328,7 +3274,7 @@ sv-popup {
3328
3274
  max-width: var(--sv-popup-overlay-max-width);
3329
3275
  border-radius: var(--sjs-corner-radius, 4px);
3330
3276
  overflow: hidden;
3331
- margin: 0;
3277
+ box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
3332
3278
  }
3333
3279
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
3334
3280
  .sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,