survey-creator-core 1.9.108 → 1.9.110

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 (20) hide show
  1. package/fonts.fontless.css +1 -1
  2. package/fonts.fontless.min.css +1 -1
  3. package/package.json +2 -2
  4. package/survey-creator-core.css +32 -21
  5. package/survey-creator-core.fontless.css +31 -20
  6. package/survey-creator-core.fontless.css.map +1 -1
  7. package/survey-creator-core.fontless.min.css +38 -38
  8. package/survey-creator-core.i18n.js +373 -39
  9. package/survey-creator-core.i18n.js.map +1 -1
  10. package/survey-creator-core.i18n.min.js +2 -2
  11. package/survey-creator-core.js +252 -117
  12. package/survey-creator-core.js.map +1 -1
  13. package/survey-creator-core.min.css +39 -39
  14. package/survey-creator-core.min.js +5 -5
  15. package/typings/components/tabs/logic-theme.d.ts +2 -0
  16. package/typings/components/tabs/theme-builder.d.ts +12 -0
  17. package/typings/components/tabs/theme-plugin.d.ts +5 -0
  18. package/typings/creator-base.d.ts +10 -10
  19. package/typings/editorLocalization.d.ts +3 -0
  20. package/typings/localization/english.d.ts +3 -0
package/fonts.fontless.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.108
2
+ * SurveyJS Creator v1.9.110
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
package/fonts.fontless.min.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.108
2
+ * SurveyJS Creator v1.9.110
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "survey-creator-core",
3
- "version": "1.9.108",
3
+ "version": "1.9.110",
4
4
  "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
5
5
  "keywords": [
6
6
  "Survey",
@@ -34,7 +34,7 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "survey-core": "1.9.108"
37
+ "survey-core": "1.9.110"
38
38
  },
39
39
  "devDependencies": {}
40
40
  }
package/survey-creator-core.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.108
2
+ * SurveyJS Creator v1.9.110
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -225,7 +225,7 @@
225
225
  }
226
226
 
227
227
  /*# sourceMappingURL=fonts.fontless.css.map*//*!
228
- * SurveyJS Creator v1.9.108
228
+ * SurveyJS Creator v1.9.110
229
229
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
230
230
  * Github: https://github.com/surveyjs/survey-creator
231
231
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -295,7 +295,7 @@ svc-tab-json-editor-textarea {
295
295
  .svc-json-editor-tab__errros_button {
296
296
  position: absolute;
297
297
  top: 0%;
298
- right: calc(0% + (2 * var(--sjs-base-unit, var(--base-unit, 8px))));
298
+ right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
299
299
  min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
300
300
  max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
301
301
  border: none;
@@ -307,8 +307,8 @@ svc-tab-json-editor-textarea {
307
307
  .svc-json-editor-tab__content-errors {
308
308
  position: absolute;
309
309
  right: 0%;
310
- top: calc(0% + (3 * var(--sjs-base-unit, var(--base-unit, 8px))));
311
- max-width: calc(100% - (2 * var(--sjs-base-unit, var(--base-unit, 8px))));
310
+ top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
311
+ max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
312
312
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
313
313
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
314
314
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
@@ -520,6 +520,7 @@ svc-tab-json-editor-textarea {
520
520
  justify-content: center;
521
521
  width: 100%;
522
522
  height: 100%;
523
+ box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
523
524
  }
524
525
 
525
526
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
@@ -550,12 +551,12 @@ svc-tab-test {
550
551
  width: calc(33 * var(--sjs-base-unit, var(--base-unit, 8px)));
551
552
  margin-left: auto;
552
553
  margin-right: auto;
553
- margin-bottom: 72px;
554
+ margin-bottom: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
554
555
  margin-top: 8px;
555
556
  }
556
557
 
557
558
  .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
558
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
559
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
559
560
  }
560
561
 
561
562
  .svc-test-tab__content-actions {
@@ -914,7 +915,7 @@ svc-tab-test {
914
915
  }
915
916
 
916
917
  .st-strings {
917
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
918
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
918
919
  overflow-y: auto;
919
920
  overflow-x: hidden;
920
921
  }
@@ -1033,7 +1034,7 @@ td.st-table__cell:first-of-type span {
1033
1034
  }
1034
1035
 
1035
1036
  .svc-tab-logic-edit__content {
1036
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
1037
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
1037
1038
  overflow-y: auto;
1038
1039
  overflow-x: hidden;
1039
1040
  padding-left: 16%;
@@ -1257,6 +1258,10 @@ td.st-table__cell:first-of-type span {
1257
1258
  white-space: nowrap;
1258
1259
  }
1259
1260
 
1261
+ .sl-list__item-body {
1262
+ padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
1263
+ }
1264
+
1260
1265
  .svc-logic-placeholder {
1261
1266
  width: calc(78 * var(--sjs-base-unit, var(--base-unit, 8px)));
1262
1267
  min-width: 100%;
@@ -1487,12 +1492,12 @@ svc-tab-test {
1487
1492
  width: calc(33 * var(--sjs-base-unit, var(--base-unit, 8px)));
1488
1493
  margin-left: auto;
1489
1494
  margin-right: auto;
1490
- margin-bottom: 72px;
1495
+ margin-bottom: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
1491
1496
  margin-top: 8px;
1492
1497
  }
1493
1498
 
1494
1499
  .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
1495
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
1500
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
1496
1501
  }
1497
1502
 
1498
1503
  .svc-test-tab__content-actions {
@@ -1623,16 +1628,16 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
1623
1628
  }
1624
1629
 
1625
1630
  .svc-creator__area.svc-creator__area--with-banner {
1626
- height: calc(100% - (4 * var(--sjs-base-unit, var(--base-unit, 8px))));
1631
+ height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
1627
1632
  }
1628
1633
 
1629
1634
  .svc-creator__content-wrapper {
1630
1635
  width: 100%;
1631
- height: calc(100% - (8 * var(--sjs-base-unit, var(--base-unit, 8px))));
1636
+ height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));
1632
1637
  }
1633
1638
 
1634
1639
  .svc-creator__content-wrapper--footer-toolbar {
1635
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
1640
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
1636
1641
  }
1637
1642
 
1638
1643
  .svc-creator__content-holder {
@@ -2961,6 +2966,10 @@ svc-question .sv-action-bar,
2961
2966
  display: none;
2962
2967
  }
2963
2968
 
2969
+ .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
2970
+ display: none;
2971
+ }
2972
+
2964
2973
  .svc-question__content--loading .sd-image {
2965
2974
  display: none;
2966
2975
  }
@@ -3482,12 +3491,9 @@ svc-question .sv-action-bar,
3482
3491
  }
3483
3492
  .svd-test-results {
3484
3493
  font-family: var(--font-family);
3485
- width: 80%;
3486
- margin: auto;
3487
- margin-bottom: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
3488
- background-color: var(--sjs-general-backcolor, var(--background, #fff));
3489
- box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
3490
3494
  border-radius: 4px;
3495
+ box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
3496
+ padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
3491
3497
  }
3492
3498
  .svd-test-results .svd-test-results__header {
3493
3499
  display: flex;
@@ -3497,6 +3503,7 @@ svc-question .sv-action-bar,
3497
3503
  font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
3498
3504
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
3499
3505
  border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
3506
+ background-color: var(--sjs-general-backcolor, var(--background, #fff));
3500
3507
  }
3501
3508
  .svd-test-results .svd-test-results__header .svd-test-results__header-text {
3502
3509
  margin: 0;
@@ -3508,13 +3515,16 @@ svc-question .sv-action-bar,
3508
3515
  .svd-test-results .svd-test-results__text {
3509
3516
  display: flex;
3510
3517
  padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
3511
- width: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
3518
+ width: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
3512
3519
  overflow: auto;
3513
3520
  user-select: text;
3514
3521
  white-space: pre-wrap;
3522
+ background-color: var(--sjs-general-backcolor, var(--background, #fff));
3515
3523
  }
3516
3524
  .svd-test-results .svd-test-results__table {
3525
+ background-color: var(--sjs-general-backcolor, var(--background, #fff));
3517
3526
  width: 100%;
3527
+ box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
3518
3528
  }
3519
3529
  .svd-test-results .svd-test-results__table table {
3520
3530
  width: 100%;
@@ -4092,13 +4102,14 @@ svc-toolbox {
4092
4102
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
4093
4103
  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
4094
4104
  display: flex;
4105
+ height: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
4095
4106
  }
4096
4107
 
4097
4108
  .svc-side-bar__container-content {
4098
4109
  display: flex;
4099
4110
  flex-direction: column;
4100
4111
  align-items: flex-start;
4101
- height: calc(100% - (8 * var(--sjs-base-unit, var(--base-unit, 8px))));
4112
+ height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));
4102
4113
  overflow-y: auto;
4103
4114
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
4104
4115
  }
package/survey-creator-core.fontless.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * SurveyJS Creator v1.9.108
2
+ * SurveyJS Creator v1.9.110
3
3
  * (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
4
4
  * Github: https://github.com/surveyjs/survey-creator
5
5
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -69,7 +69,7 @@ svc-tab-json-editor-textarea {
69
69
  .svc-json-editor-tab__errros_button {
70
70
  position: absolute;
71
71
  top: 0%;
72
- right: calc(0% + (2 * var(--sjs-base-unit, var(--base-unit, 8px))));
72
+ right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
73
73
  min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
74
74
  max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
75
75
  border: none;
@@ -81,8 +81,8 @@ svc-tab-json-editor-textarea {
81
81
  .svc-json-editor-tab__content-errors {
82
82
  position: absolute;
83
83
  right: 0%;
84
- top: calc(0% + (3 * var(--sjs-base-unit, var(--base-unit, 8px))));
85
- max-width: calc(100% - (2 * var(--sjs-base-unit, var(--base-unit, 8px))));
84
+ top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
85
+ max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
86
86
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
87
87
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
88
88
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.1));
@@ -294,6 +294,7 @@ svc-tab-json-editor-textarea {
294
294
  justify-content: center;
295
295
  width: 100%;
296
296
  height: 100%;
297
+ box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
297
298
  }
298
299
 
299
300
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
@@ -324,12 +325,12 @@ svc-tab-test {
324
325
  width: calc(33 * var(--sjs-base-unit, var(--base-unit, 8px)));
325
326
  margin-left: auto;
326
327
  margin-right: auto;
327
- margin-bottom: 72px;
328
+ margin-bottom: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
328
329
  margin-top: 8px;
329
330
  }
330
331
 
331
332
  .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
332
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
333
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
333
334
  }
334
335
 
335
336
  .svc-test-tab__content-actions {
@@ -688,7 +689,7 @@ svc-tab-test {
688
689
  }
689
690
 
690
691
  .st-strings {
691
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
692
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
692
693
  overflow-y: auto;
693
694
  overflow-x: hidden;
694
695
  }
@@ -807,7 +808,7 @@ td.st-table__cell:first-of-type span {
807
808
  }
808
809
 
809
810
  .svc-tab-logic-edit__content {
810
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
811
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
811
812
  overflow-y: auto;
812
813
  overflow-x: hidden;
813
814
  padding-left: 16%;
@@ -1031,6 +1032,10 @@ td.st-table__cell:first-of-type span {
1031
1032
  white-space: nowrap;
1032
1033
  }
1033
1034
 
1035
+ .sl-list__item-body {
1036
+ padding-block: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
1037
+ }
1038
+
1034
1039
  .svc-logic-placeholder {
1035
1040
  width: calc(78 * var(--sjs-base-unit, var(--base-unit, 8px)));
1036
1041
  min-width: 100%;
@@ -1261,12 +1266,12 @@ svc-tab-test {
1261
1266
  width: calc(33 * var(--sjs-base-unit, var(--base-unit, 8px)));
1262
1267
  margin-left: auto;
1263
1268
  margin-right: auto;
1264
- margin-bottom: 72px;
1269
+ margin-bottom: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
1265
1270
  margin-top: 8px;
1266
1271
  }
1267
1272
 
1268
1273
  .svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
1269
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
1274
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
1270
1275
  }
1271
1276
 
1272
1277
  .svc-test-tab__content-actions {
@@ -1397,16 +1402,16 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
1397
1402
  }
1398
1403
 
1399
1404
  .svc-creator__area.svc-creator__area--with-banner {
1400
- height: calc(100% - (4 * var(--sjs-base-unit, var(--base-unit, 8px))));
1405
+ height: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
1401
1406
  }
1402
1407
 
1403
1408
  .svc-creator__content-wrapper {
1404
1409
  width: 100%;
1405
- height: calc(100% - (8 * var(--sjs-base-unit, var(--base-unit, 8px))));
1410
+ height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));
1406
1411
  }
1407
1412
 
1408
1413
  .svc-creator__content-wrapper--footer-toolbar {
1409
- height: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
1414
+ height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
1410
1415
  }
1411
1416
 
1412
1417
  .svc-creator__content-holder {
@@ -2735,6 +2740,10 @@ svc-question .sv-action-bar,
2735
2740
  display: none;
2736
2741
  }
2737
2742
 
2743
+ .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
2744
+ display: none;
2745
+ }
2746
+
2738
2747
  .svc-question__content--loading .sd-image {
2739
2748
  display: none;
2740
2749
  }
@@ -3256,12 +3265,9 @@ svc-question .sv-action-bar,
3256
3265
  }
3257
3266
  .svd-test-results {
3258
3267
  font-family: var(--font-family);
3259
- width: 80%;
3260
- margin: auto;
3261
- margin-bottom: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
3262
- background-color: var(--sjs-general-backcolor, var(--background, #fff));
3263
- box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
3264
3268
  border-radius: 4px;
3269
+ box-shadow: inset 0px 1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
3270
+ padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
3265
3271
  }
3266
3272
  .svd-test-results .svd-test-results__header {
3267
3273
  display: flex;
@@ -3271,6 +3277,7 @@ svc-question .sv-action-bar,
3271
3277
  font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
3272
3278
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
3273
3279
  border-bottom: 2px solid var(--sjs-border-light, var(--border-light, #eaeaea));
3280
+ background-color: var(--sjs-general-backcolor, var(--background, #fff));
3274
3281
  }
3275
3282
  .svd-test-results .svd-test-results__header .svd-test-results__header-text {
3276
3283
  margin: 0;
@@ -3282,13 +3289,16 @@ svc-question .sv-action-bar,
3282
3289
  .svd-test-results .svd-test-results__text {
3283
3290
  display: flex;
3284
3291
  padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
3285
- width: calc(100% - (6 * var(--sjs-base-unit, var(--base-unit, 8px))));
3292
+ width: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
3286
3293
  overflow: auto;
3287
3294
  user-select: text;
3288
3295
  white-space: pre-wrap;
3296
+ background-color: var(--sjs-general-backcolor, var(--background, #fff));
3289
3297
  }
3290
3298
  .svd-test-results .svd-test-results__table {
3299
+ background-color: var(--sjs-general-backcolor, var(--background, #fff));
3291
3300
  width: 100%;
3301
+ box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
3292
3302
  }
3293
3303
  .svd-test-results .svd-test-results__table table {
3294
3304
  width: 100%;
@@ -3866,13 +3876,14 @@ svc-toolbox {
3866
3876
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
3867
3877
  line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
3868
3878
  display: flex;
3879
+ height: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)));
3869
3880
  }
3870
3881
 
3871
3882
  .svc-side-bar__container-content {
3872
3883
  display: flex;
3873
3884
  flex-direction: column;
3874
3885
  align-items: flex-start;
3875
- height: calc(100% - (8 * var(--sjs-base-unit, var(--base-unit, 8px))));
3886
+ height: calc(100% - 8 * var(--sjs-base-unit, var(--base-unit, 8px)));
3876
3887
  overflow-y: auto;
3877
3888
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
3878
3889
  }