survey-creator-core 1.9.102 → 1.9.104
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.
- package/fonts.fontless.css +1 -1
- package/fonts.fontless.min.css +1 -1
- package/package.json +2 -2
- package/survey-creator-core.css +53 -50
- package/survey-creator-core.fontless.css +52 -49
- package/survey-creator-core.fontless.css.map +1 -1
- package/survey-creator-core.fontless.min.css +7 -8
- package/survey-creator-core.i18n.js +339 -339
- package/survey-creator-core.i18n.js.map +1 -1
- package/survey-creator-core.i18n.min.js +2 -2
- package/survey-creator-core.js +475 -687
- package/survey-creator-core.js.map +1 -1
- package/survey-creator-core.min.css +8 -9
- package/survey-creator-core.min.js +2 -2
- package/typings/components/action-container-view-model.d.ts +1 -0
- package/typings/components/page.d.ts +1 -0
- package/typings/components/tabs/embed-json.d.ts +1 -1
- package/typings/components/tabs/embed.d.ts +13 -13
- package/typings/components/tabs/logic-theme.d.ts +1 -0
- package/typings/components/tabs/theme-custom-questions/font-settings.d.ts +1 -1
- package/typings/components/tabs/translation-theme.d.ts +6 -0
- package/typings/creator-base.d.ts +1 -15
- package/typings/creator-options.d.ts +0 -7
- package/typings/creator-settings.d.ts +2 -2
- package/typings/editorLocalization.d.ts +1 -0
- package/typings/entries/index.d.ts +0 -1
- package/typings/localization/english.d.ts +1 -0
- package/typings/property-grid/index.d.ts +5 -0
- package/typings/questionconverter.d.ts +1 -0
package/fonts.fontless.css
CHANGED
package/fonts.fontless.min.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "survey-creator-core",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.104",
|
|
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.
|
|
37
|
+
"survey-core": "1.9.104"
|
|
38
38
|
},
|
|
39
39
|
"devDependencies": {}
|
|
40
40
|
}
|
package/survey-creator-core.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator v1.9.
|
|
2
|
+
* SurveyJS Creator v1.9.104
|
|
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.
|
|
228
|
+
* SurveyJS Creator v1.9.104
|
|
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
|
|
@@ -258,32 +258,6 @@
|
|
|
258
258
|
.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {
|
|
259
259
|
fill: var(--sjs-special-red, var(--red, #e60a3e));
|
|
260
260
|
}
|
|
261
|
-
.svc-embed-tab__content {
|
|
262
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
263
|
-
font-family: var(--font-family);
|
|
264
|
-
}
|
|
265
|
-
.svc-embed-tab__content .spg-row {
|
|
266
|
-
display: flex;
|
|
267
|
-
}
|
|
268
|
-
.svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled,
|
|
269
|
-
.svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled::placeholder {
|
|
270
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
271
|
-
}
|
|
272
|
-
.svc-embed-tab__content .spg-question__description {
|
|
273
|
-
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
274
|
-
font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
275
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
276
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
277
|
-
}
|
|
278
|
-
|
|
279
|
-
.sv-question-embed__title {
|
|
280
|
-
display: none;
|
|
281
|
-
}
|
|
282
|
-
|
|
283
|
-
.spg-question__nopadding .spg-panel__content {
|
|
284
|
-
padding: 0px;
|
|
285
|
-
box-shadow: unset;
|
|
286
|
-
}
|
|
287
261
|
svc-tab-json-editor-ace {
|
|
288
262
|
width: 100%;
|
|
289
263
|
height: 100%;
|
|
@@ -396,6 +370,39 @@ svc-tab-json-editor-textarea {
|
|
|
396
370
|
.svc-json-error__icon {
|
|
397
371
|
fill: var(--sjs-special-red, var(--red, #e60a3e));
|
|
398
372
|
}
|
|
373
|
+
|
|
374
|
+
.svc-json-error__container {
|
|
375
|
+
display: flex;
|
|
376
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.svc-json-error__title {
|
|
380
|
+
flex: 1 1 auto;
|
|
381
|
+
}
|
|
382
|
+
|
|
383
|
+
.svc-json-error__fix-button {
|
|
384
|
+
appearance: none;
|
|
385
|
+
flex-grow: 0;
|
|
386
|
+
flex-shrink: 0;
|
|
387
|
+
pointer-events: all;
|
|
388
|
+
padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
389
|
+
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
390
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
391
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
392
|
+
border: none;
|
|
393
|
+
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
394
|
+
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
395
|
+
cursor: pointer;
|
|
396
|
+
}
|
|
397
|
+
.svc-json-error__fix-button svg {
|
|
398
|
+
fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
399
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
400
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
.svc-json-error__fix-button:hover svg {
|
|
404
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
405
|
+
}
|
|
399
406
|
.svd-simulator {
|
|
400
407
|
position: relative;
|
|
401
408
|
-webkit-user-select: none;
|
|
@@ -599,12 +606,11 @@ svc-tab-test {
|
|
|
599
606
|
font-weight: 400;
|
|
600
607
|
font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
601
608
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
602
|
-
width: 100%;
|
|
603
|
-
position: absolute;
|
|
604
|
-
top: 50%;
|
|
605
|
-
transform: translateY(-50%);
|
|
606
609
|
text-align: center;
|
|
607
610
|
overflow: hidden;
|
|
611
|
+
position: static;
|
|
612
|
+
display: flex;
|
|
613
|
+
flex-direction: column;
|
|
608
614
|
}
|
|
609
615
|
.sl-table {
|
|
610
616
|
width: 50%;
|
|
@@ -1495,20 +1501,6 @@ svc-tab-test {
|
|
|
1495
1501
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1496
1502
|
display: inline-block;
|
|
1497
1503
|
}
|
|
1498
|
-
|
|
1499
|
-
.svc-test-tab__content .sd-body--empty {
|
|
1500
|
-
font-family: var(--font-family);
|
|
1501
|
-
font-style: normal;
|
|
1502
|
-
font-weight: 400;
|
|
1503
|
-
font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1504
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1505
|
-
width: 100%;
|
|
1506
|
-
position: absolute;
|
|
1507
|
-
top: 50%;
|
|
1508
|
-
transform: translateY(-50%);
|
|
1509
|
-
text-align: center;
|
|
1510
|
-
overflow: hidden;
|
|
1511
|
-
}
|
|
1512
1504
|
.svc-notifier.svc-notifier--shown {
|
|
1513
1505
|
visibility: visible;
|
|
1514
1506
|
opacity: 0.75;
|
|
@@ -1855,12 +1847,12 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
|
|
|
1855
1847
|
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1856
1848
|
}
|
|
1857
1849
|
|
|
1858
|
-
.sd-table__cell--
|
|
1850
|
+
.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
|
|
1859
1851
|
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1860
1852
|
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1861
1853
|
display: block;
|
|
1862
1854
|
}
|
|
1863
|
-
.sd-table__cell--
|
|
1855
|
+
.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {
|
|
1864
1856
|
display: none;
|
|
1865
1857
|
}
|
|
1866
1858
|
|
|
@@ -3196,8 +3188,11 @@ svc-question .sv-action-bar,
|
|
|
3196
3188
|
position: relative;
|
|
3197
3189
|
}
|
|
3198
3190
|
|
|
3199
|
-
.sd-table
|
|
3200
|
-
padding: calc(1
|
|
3191
|
+
.svc-question__adorner .sd-table .sd-table__cell--column-title {
|
|
3192
|
+
padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3193
|
+
}
|
|
3194
|
+
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
|
|
3195
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3201
3196
|
}
|
|
3202
3197
|
|
|
3203
3198
|
.svc-matrix-cell--selected {
|
|
@@ -3264,6 +3259,9 @@ svc-question .sv-action-bar,
|
|
|
3264
3259
|
user-select: none;
|
|
3265
3260
|
}
|
|
3266
3261
|
|
|
3262
|
+
.svc-question__content .sd-table__cell--detail-panel {
|
|
3263
|
+
padding-left: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3264
|
+
}
|
|
3267
3265
|
.svc-question__content .sd-table__cell--detail-panel .svc-question__adorner {
|
|
3268
3266
|
z-index: 13;
|
|
3269
3267
|
}
|
|
@@ -4433,6 +4431,11 @@ button.spg-action-button--large {
|
|
|
4433
4431
|
padding: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4434
4432
|
}
|
|
4435
4433
|
|
|
4434
|
+
.spg-question__nopadding .spg-panel__content {
|
|
4435
|
+
padding: 0px;
|
|
4436
|
+
box-shadow: unset;
|
|
4437
|
+
}
|
|
4438
|
+
|
|
4436
4439
|
.spg-checkbox {
|
|
4437
4440
|
cursor: pointer;
|
|
4438
4441
|
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* SurveyJS Creator v1.9.
|
|
2
|
+
* SurveyJS Creator v1.9.104
|
|
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
|
|
@@ -32,32 +32,6 @@
|
|
|
32
32
|
.svc-context-button--danger:hover use, .svc-context-button--danger:focus use {
|
|
33
33
|
fill: var(--sjs-special-red, var(--red, #e60a3e));
|
|
34
34
|
}
|
|
35
|
-
.svc-embed-tab__content {
|
|
36
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
37
|
-
font-family: var(--font-family);
|
|
38
|
-
}
|
|
39
|
-
.svc-embed-tab__content .spg-row {
|
|
40
|
-
display: flex;
|
|
41
|
-
}
|
|
42
|
-
.svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled,
|
|
43
|
-
.svc-embed-tab__content .spg-row .spg-question__content .spg-comment:disabled::placeholder {
|
|
44
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
45
|
-
}
|
|
46
|
-
.svc-embed-tab__content .spg-question__description {
|
|
47
|
-
line-height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
48
|
-
font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
49
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
50
|
-
padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.sv-question-embed__title {
|
|
54
|
-
display: none;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
.spg-question__nopadding .spg-panel__content {
|
|
58
|
-
padding: 0px;
|
|
59
|
-
box-shadow: unset;
|
|
60
|
-
}
|
|
61
35
|
svc-tab-json-editor-ace {
|
|
62
36
|
width: 100%;
|
|
63
37
|
height: 100%;
|
|
@@ -170,6 +144,39 @@ svc-tab-json-editor-textarea {
|
|
|
170
144
|
.svc-json-error__icon {
|
|
171
145
|
fill: var(--sjs-special-red, var(--red, #e60a3e));
|
|
172
146
|
}
|
|
147
|
+
|
|
148
|
+
.svc-json-error__container {
|
|
149
|
+
display: flex;
|
|
150
|
+
gap: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.svc-json-error__title {
|
|
154
|
+
flex: 1 1 auto;
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
.svc-json-error__fix-button {
|
|
158
|
+
appearance: none;
|
|
159
|
+
flex-grow: 0;
|
|
160
|
+
flex-shrink: 0;
|
|
161
|
+
pointer-events: all;
|
|
162
|
+
padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
163
|
+
width: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
164
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
165
|
+
background: var(--sjs-general-backcolor, var(--background, #fff));
|
|
166
|
+
border: none;
|
|
167
|
+
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
168
|
+
box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
169
|
+
cursor: pointer;
|
|
170
|
+
}
|
|
171
|
+
.svc-json-error__fix-button svg {
|
|
172
|
+
fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
173
|
+
width: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
174
|
+
height: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
175
|
+
}
|
|
176
|
+
|
|
177
|
+
.svc-json-error__fix-button:hover svg {
|
|
178
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
179
|
+
}
|
|
173
180
|
.svd-simulator {
|
|
174
181
|
position: relative;
|
|
175
182
|
-webkit-user-select: none;
|
|
@@ -373,12 +380,11 @@ svc-tab-test {
|
|
|
373
380
|
font-weight: 400;
|
|
374
381
|
font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
375
382
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
376
|
-
width: 100%;
|
|
377
|
-
position: absolute;
|
|
378
|
-
top: 50%;
|
|
379
|
-
transform: translateY(-50%);
|
|
380
383
|
text-align: center;
|
|
381
384
|
overflow: hidden;
|
|
385
|
+
position: static;
|
|
386
|
+
display: flex;
|
|
387
|
+
flex-direction: column;
|
|
382
388
|
}
|
|
383
389
|
.sl-table {
|
|
384
390
|
width: 50%;
|
|
@@ -1269,20 +1275,6 @@ svc-tab-test {
|
|
|
1269
1275
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1270
1276
|
display: inline-block;
|
|
1271
1277
|
}
|
|
1272
|
-
|
|
1273
|
-
.svc-test-tab__content .sd-body--empty {
|
|
1274
|
-
font-family: var(--font-family);
|
|
1275
|
-
font-style: normal;
|
|
1276
|
-
font-weight: 400;
|
|
1277
|
-
font-size: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1278
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1279
|
-
width: 100%;
|
|
1280
|
-
position: absolute;
|
|
1281
|
-
top: 50%;
|
|
1282
|
-
transform: translateY(-50%);
|
|
1283
|
-
text-align: center;
|
|
1284
|
-
overflow: hidden;
|
|
1285
|
-
}
|
|
1286
1278
|
.svc-notifier.svc-notifier--shown {
|
|
1287
1279
|
visibility: visible;
|
|
1288
1280
|
opacity: 0.75;
|
|
@@ -1629,12 +1621,12 @@ survey-creator ::-webkit-scrollbar-thumb:hover,
|
|
|
1629
1621
|
width: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1630
1622
|
}
|
|
1631
1623
|
|
|
1632
|
-
.sd-table__cell--
|
|
1624
|
+
.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
|
|
1633
1625
|
border: calc(0.25 * var(--sjs-base-unit, var(--base-unit, 8px))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1634
1626
|
border-radius: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
1635
1627
|
display: block;
|
|
1636
1628
|
}
|
|
1637
|
-
.sd-table__cell--
|
|
1629
|
+
.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {
|
|
1638
1630
|
display: none;
|
|
1639
1631
|
}
|
|
1640
1632
|
|
|
@@ -2970,8 +2962,11 @@ svc-question .sv-action-bar,
|
|
|
2970
2962
|
position: relative;
|
|
2971
2963
|
}
|
|
2972
2964
|
|
|
2973
|
-
.sd-table
|
|
2974
|
-
padding: calc(1
|
|
2965
|
+
.svc-question__adorner .sd-table .sd-table__cell--column-title {
|
|
2966
|
+
padding: 0 calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2967
|
+
}
|
|
2968
|
+
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
|
|
2969
|
+
padding: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
2975
2970
|
}
|
|
2976
2971
|
|
|
2977
2972
|
.svc-matrix-cell--selected {
|
|
@@ -3038,6 +3033,9 @@ svc-question .sv-action-bar,
|
|
|
3038
3033
|
user-select: none;
|
|
3039
3034
|
}
|
|
3040
3035
|
|
|
3036
|
+
.svc-question__content .sd-table__cell--detail-panel {
|
|
3037
|
+
padding-left: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
3038
|
+
}
|
|
3041
3039
|
.svc-question__content .sd-table__cell--detail-panel .svc-question__adorner {
|
|
3042
3040
|
z-index: 13;
|
|
3043
3041
|
}
|
|
@@ -4207,6 +4205,11 @@ button.spg-action-button--large {
|
|
|
4207
4205
|
padding: 0 calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))) calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
|
|
4208
4206
|
}
|
|
4209
4207
|
|
|
4208
|
+
.spg-question__nopadding .spg-panel__content {
|
|
4209
|
+
padding: 0px;
|
|
4210
|
+
box-shadow: unset;
|
|
4211
|
+
}
|
|
4212
|
+
|
|
4210
4213
|
.spg-checkbox {
|
|
4211
4214
|
cursor: pointer;
|
|
4212
4215
|
margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
|