survey-react 1.9.88 → 1.9.90
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/README.md +2 -2
- package/defaultV2.css +324 -195
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +30 -104
- package/modern.css.map +1 -1
- package/modern.min.css +2 -2
- package/package.json +1 -1
- package/survey.css +4 -4
- package/survey.css.map +1 -1
- package/survey.min.css +2 -2
- package/survey.react.d.ts +787 -727
- package/survey.react.js +819 -1373
- package/survey.react.js.map +1 -1
- package/survey.react.min.js +3 -3
package/defaultV2.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* surveyjs - Survey JavaScript library v1.9.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.9.90
|
|
3
3
|
* Copyright (c) 2015-2023 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
font-family: "Open Sans";
|
|
9
9
|
font-style: normal;
|
|
10
10
|
font-weight: 400;
|
|
11
|
-
|
|
11
|
+
font-stretch: 100%;
|
|
12
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
|
|
12
13
|
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
13
14
|
}
|
|
14
15
|
/* cyrillic */
|
|
@@ -16,61 +17,206 @@
|
|
|
16
17
|
font-family: "Open Sans";
|
|
17
18
|
font-style: normal;
|
|
18
19
|
font-weight: 400;
|
|
19
|
-
|
|
20
|
-
|
|
20
|
+
font-stretch: 100%;
|
|
21
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
|
|
22
|
+
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
21
23
|
}
|
|
22
24
|
/* greek-ext */
|
|
23
25
|
@font-face {
|
|
24
26
|
font-family: "Open Sans";
|
|
25
27
|
font-style: normal;
|
|
26
28
|
font-weight: 400;
|
|
27
|
-
|
|
29
|
+
font-stretch: 100%;
|
|
30
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
|
|
28
31
|
unicode-range: U+1F00-1FFF;
|
|
29
32
|
}
|
|
33
|
+
/* greek */
|
|
34
|
+
@font-face {
|
|
35
|
+
font-family: "Open Sans";
|
|
36
|
+
font-style: normal;
|
|
37
|
+
font-weight: 400;
|
|
38
|
+
font-stretch: 100%;
|
|
39
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
|
|
40
|
+
unicode-range: U+0370-03FF;
|
|
41
|
+
}
|
|
42
|
+
/* hebrew */
|
|
43
|
+
@font-face {
|
|
44
|
+
font-family: "Open Sans";
|
|
45
|
+
font-style: normal;
|
|
46
|
+
font-weight: 400;
|
|
47
|
+
font-stretch: 100%;
|
|
48
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
|
|
49
|
+
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
|
|
50
|
+
}
|
|
51
|
+
/* vietnamese */
|
|
52
|
+
@font-face {
|
|
53
|
+
font-family: "Open Sans";
|
|
54
|
+
font-style: normal;
|
|
55
|
+
font-weight: 400;
|
|
56
|
+
font-stretch: 100%;
|
|
57
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
|
|
58
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
|
59
|
+
}
|
|
60
|
+
/* latin-ext */
|
|
61
|
+
@font-face {
|
|
62
|
+
font-family: "Open Sans";
|
|
63
|
+
font-style: normal;
|
|
64
|
+
font-weight: 400;
|
|
65
|
+
font-stretch: 100%;
|
|
66
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
|
|
67
|
+
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
68
|
+
}
|
|
69
|
+
/* latin */
|
|
70
|
+
@font-face {
|
|
71
|
+
font-family: "Open Sans";
|
|
72
|
+
font-style: normal;
|
|
73
|
+
font-weight: 400;
|
|
74
|
+
font-stretch: 100%;
|
|
75
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
|
|
76
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
77
|
+
}
|
|
78
|
+
/* cyrillic-ext */
|
|
30
79
|
@font-face {
|
|
31
80
|
font-family: "Open Sans";
|
|
32
81
|
font-style: normal;
|
|
33
82
|
font-weight: 600;
|
|
34
|
-
|
|
35
|
-
|
|
83
|
+
font-stretch: 100%;
|
|
84
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
|
|
85
|
+
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
36
86
|
}
|
|
87
|
+
/* cyrillic */
|
|
88
|
+
@font-face {
|
|
89
|
+
font-family: "Open Sans";
|
|
90
|
+
font-style: normal;
|
|
91
|
+
font-weight: 600;
|
|
92
|
+
font-stretch: 100%;
|
|
93
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
|
|
94
|
+
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
95
|
+
}
|
|
96
|
+
/* greek-ext */
|
|
97
|
+
@font-face {
|
|
98
|
+
font-family: "Open Sans";
|
|
99
|
+
font-style: normal;
|
|
100
|
+
font-weight: 600;
|
|
101
|
+
font-stretch: 100%;
|
|
102
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
|
|
103
|
+
unicode-range: U+1F00-1FFF;
|
|
104
|
+
}
|
|
105
|
+
/* greek */
|
|
106
|
+
@font-face {
|
|
107
|
+
font-family: "Open Sans";
|
|
108
|
+
font-style: normal;
|
|
109
|
+
font-weight: 600;
|
|
110
|
+
font-stretch: 100%;
|
|
111
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
|
|
112
|
+
unicode-range: U+0370-03FF;
|
|
113
|
+
}
|
|
114
|
+
/* hebrew */
|
|
115
|
+
@font-face {
|
|
116
|
+
font-family: "Open Sans";
|
|
117
|
+
font-style: normal;
|
|
118
|
+
font-weight: 600;
|
|
119
|
+
font-stretch: 100%;
|
|
120
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
|
|
121
|
+
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
|
|
122
|
+
}
|
|
123
|
+
/* vietnamese */
|
|
124
|
+
@font-face {
|
|
125
|
+
font-family: "Open Sans";
|
|
126
|
+
font-style: normal;
|
|
127
|
+
font-weight: 600;
|
|
128
|
+
font-stretch: 100%;
|
|
129
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
|
|
130
|
+
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
|
131
|
+
}
|
|
132
|
+
/* latin-ext */
|
|
133
|
+
@font-face {
|
|
134
|
+
font-family: "Open Sans";
|
|
135
|
+
font-style: normal;
|
|
136
|
+
font-weight: 600;
|
|
137
|
+
font-stretch: 100%;
|
|
138
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
|
|
139
|
+
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
140
|
+
}
|
|
141
|
+
/* latin */
|
|
142
|
+
@font-face {
|
|
143
|
+
font-family: "Open Sans";
|
|
144
|
+
font-style: normal;
|
|
145
|
+
font-weight: 600;
|
|
146
|
+
font-stretch: 100%;
|
|
147
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
|
|
148
|
+
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
149
|
+
}
|
|
150
|
+
/* cyrillic-ext */
|
|
151
|
+
@font-face {
|
|
152
|
+
font-family: "Open Sans";
|
|
153
|
+
font-style: normal;
|
|
154
|
+
font-weight: 700;
|
|
155
|
+
font-stretch: 100%;
|
|
156
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
|
|
157
|
+
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
|
158
|
+
}
|
|
159
|
+
/* cyrillic */
|
|
37
160
|
@font-face {
|
|
38
161
|
font-family: "Open Sans";
|
|
39
162
|
font-style: normal;
|
|
40
163
|
font-weight: 700;
|
|
41
|
-
|
|
42
|
-
|
|
164
|
+
font-stretch: 100%;
|
|
165
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
|
|
166
|
+
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
|
167
|
+
}
|
|
168
|
+
/* greek-ext */
|
|
169
|
+
@font-face {
|
|
170
|
+
font-family: "Open Sans";
|
|
171
|
+
font-style: normal;
|
|
172
|
+
font-weight: 700;
|
|
173
|
+
font-stretch: 100%;
|
|
174
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
|
|
175
|
+
unicode-range: U+1F00-1FFF;
|
|
43
176
|
}
|
|
44
177
|
/* greek */
|
|
45
178
|
@font-face {
|
|
46
179
|
font-family: "Open Sans";
|
|
47
180
|
font-style: normal;
|
|
48
|
-
font-weight:
|
|
49
|
-
|
|
181
|
+
font-weight: 700;
|
|
182
|
+
font-stretch: 100%;
|
|
183
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
|
|
50
184
|
unicode-range: U+0370-03FF;
|
|
51
185
|
}
|
|
186
|
+
/* hebrew */
|
|
187
|
+
@font-face {
|
|
188
|
+
font-family: "Open Sans";
|
|
189
|
+
font-style: normal;
|
|
190
|
+
font-weight: 700;
|
|
191
|
+
font-stretch: 100%;
|
|
192
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
|
|
193
|
+
unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
|
|
194
|
+
}
|
|
52
195
|
/* vietnamese */
|
|
53
196
|
@font-face {
|
|
54
197
|
font-family: "Open Sans";
|
|
55
198
|
font-style: normal;
|
|
56
|
-
font-weight:
|
|
57
|
-
|
|
199
|
+
font-weight: 700;
|
|
200
|
+
font-stretch: 100%;
|
|
201
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
|
|
58
202
|
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
|
59
203
|
}
|
|
60
204
|
/* latin-ext */
|
|
61
205
|
@font-face {
|
|
62
206
|
font-family: "Open Sans";
|
|
63
207
|
font-style: normal;
|
|
64
|
-
font-weight:
|
|
65
|
-
|
|
208
|
+
font-weight: 700;
|
|
209
|
+
font-stretch: 100%;
|
|
210
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
|
|
66
211
|
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
|
67
212
|
}
|
|
68
213
|
/* latin */
|
|
69
214
|
@font-face {
|
|
70
215
|
font-family: "Open Sans";
|
|
71
216
|
font-style: normal;
|
|
72
|
-
font-weight:
|
|
73
|
-
|
|
217
|
+
font-weight: 700;
|
|
218
|
+
font-stretch: 100%;
|
|
219
|
+
src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
|
|
74
220
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
75
221
|
}
|
|
76
222
|
:root {
|
|
@@ -192,7 +338,7 @@ button.sv-action-bar-item {
|
|
|
192
338
|
}
|
|
193
339
|
|
|
194
340
|
.sv-action-bar-item--active .sv-action-bar-item__icon use {
|
|
195
|
-
fill: var(--primary, #19b394);
|
|
341
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
196
342
|
}
|
|
197
343
|
|
|
198
344
|
.sv-action-bar-item-dropdown {
|
|
@@ -401,8 +547,8 @@ sv-popup {
|
|
|
401
547
|
width: 100%;
|
|
402
548
|
}
|
|
403
549
|
.sv-popup--overlay.sv-popup--overlay .sv-popup__button {
|
|
404
|
-
background-color: var(--primary, #19b394);
|
|
405
|
-
border: 2px solid var(--primary, #19b394);
|
|
550
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
551
|
+
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
406
552
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
407
553
|
}
|
|
408
554
|
|
|
@@ -425,7 +571,7 @@ sv-popup {
|
|
|
425
571
|
}
|
|
426
572
|
.sv-popup__scrolling-content::-webkit-scrollbar-thumb,
|
|
427
573
|
.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {
|
|
428
|
-
background: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
574
|
+
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
429
575
|
}
|
|
430
576
|
|
|
431
577
|
.sv-popup__content {
|
|
@@ -493,44 +639,7 @@ sv-popup {
|
|
|
493
639
|
}
|
|
494
640
|
|
|
495
641
|
.sv-popup__button {
|
|
496
|
-
|
|
497
|
-
background: var(--background, #fff);
|
|
498
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
499
|
-
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
500
|
-
margin: 2px;
|
|
501
|
-
cursor: pointer;
|
|
502
|
-
font-family: var(--font-family, var(--font-family));
|
|
503
|
-
font-style: normal;
|
|
504
|
-
font-weight: 600;
|
|
505
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
506
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
507
|
-
text-align: center;
|
|
508
|
-
color: var(--primary, #19b394);
|
|
509
|
-
border: none;
|
|
510
|
-
outline: none;
|
|
511
|
-
}
|
|
512
|
-
|
|
513
|
-
.sv-popup__button:hover {
|
|
514
|
-
box-shadow: 0 0 0 2px var(--primary, #19b394);
|
|
515
|
-
}
|
|
516
|
-
|
|
517
|
-
.sv-popup__button:disabled {
|
|
518
|
-
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
519
|
-
opacity: 0.25;
|
|
520
|
-
cursor: default;
|
|
521
|
-
}
|
|
522
|
-
|
|
523
|
-
.sv-popup__button:disabled:hover {
|
|
524
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
525
|
-
}
|
|
526
|
-
|
|
527
|
-
.sv-popup__button--apply {
|
|
528
|
-
background-color: var(--primary, #19b394);
|
|
529
|
-
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
530
|
-
}
|
|
531
|
-
|
|
532
|
-
.sv-popup__button--apply:disabled {
|
|
533
|
-
background-color: var(--background-dim, #f3f3f3);
|
|
642
|
+
margin: calc(0.25 * var(--base-unit, 8px));
|
|
534
643
|
}
|
|
535
644
|
|
|
536
645
|
.sv-popup--modal .sv-list__filter,
|
|
@@ -555,7 +664,7 @@ sv-popup {
|
|
|
555
664
|
}
|
|
556
665
|
.sv-dropdown-popup.sv-popup--overlay .sv-popup__button {
|
|
557
666
|
background-color: transparent;
|
|
558
|
-
color: var(--primary, #19b394);
|
|
667
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
559
668
|
border: none;
|
|
560
669
|
box-shadow: none;
|
|
561
670
|
padding: calc(1 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
|
|
@@ -645,14 +754,14 @@ sv-popup {
|
|
|
645
754
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
|
|
646
755
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
|
|
647
756
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {
|
|
648
|
-
background: var(--primary, #19b394);
|
|
757
|
+
background: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
649
758
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
650
759
|
font-weight: 600;
|
|
651
760
|
}
|
|
652
761
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:hover.sv-list__item--selected .sd-list__item-body,
|
|
653
762
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item:focus.sv-list__item--selected .sd-list__item-body,
|
|
654
763
|
.sv-dropdown-popup.sv-popup--overlay .sv-list__item--focused.sv-list__item--selected .sd-list__item-body {
|
|
655
|
-
background: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
764
|
+
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
656
765
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
657
766
|
}
|
|
658
767
|
|
|
@@ -689,8 +798,8 @@ sv-popup {
|
|
|
689
798
|
}
|
|
690
799
|
|
|
691
800
|
.sv-button-group:focus-within {
|
|
692
|
-
box-shadow: 0 0 0 1px var(--primary, #19b394);
|
|
693
|
-
border-color: var(--primary, #19b394);
|
|
801
|
+
box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
802
|
+
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
694
803
|
}
|
|
695
804
|
|
|
696
805
|
.sv-button-group__item {
|
|
@@ -730,10 +839,10 @@ sv-popup {
|
|
|
730
839
|
|
|
731
840
|
.sv-button-group__item--selected {
|
|
732
841
|
font-weight: 600;
|
|
733
|
-
color: var(--primary, #19b394);
|
|
842
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
734
843
|
}
|
|
735
844
|
.sv-button-group__item--selected .sv-button-group__item-icon use {
|
|
736
|
-
fill: var(--primary, #19b394);
|
|
845
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
737
846
|
}
|
|
738
847
|
.sv-button-group__item--selected:hover {
|
|
739
848
|
background-color: var(--background, #fff);
|
|
@@ -769,8 +878,8 @@ sv-popup {
|
|
|
769
878
|
}
|
|
770
879
|
|
|
771
880
|
.sv-button-group:focus-within {
|
|
772
|
-
box-shadow: 0 0 0 1px var(--primary, #19b394);
|
|
773
|
-
border-color: var(--primary, #19b394);
|
|
881
|
+
box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
882
|
+
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
774
883
|
}
|
|
775
884
|
|
|
776
885
|
.sv-visuallyhidden {
|
|
@@ -944,7 +1053,7 @@ sv-popup {
|
|
|
944
1053
|
|
|
945
1054
|
.sv-ranking-item:focus .sv-ranking-item__index {
|
|
946
1055
|
background: var(--background, #fff);
|
|
947
|
-
outline: calc(0.25 * var(--base-unit, 8px)) solid var(--primary, #19b394);
|
|
1056
|
+
outline: calc(0.25 * var(--base-unit, 8px)) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
948
1057
|
}
|
|
949
1058
|
|
|
950
1059
|
.sv-ranking-item__content.sv-ranking-item__content {
|
|
@@ -967,7 +1076,7 @@ sv-popup {
|
|
|
967
1076
|
|
|
968
1077
|
.sv-ranking-item__icon.sv-ranking-item__icon {
|
|
969
1078
|
visibility: hidden;
|
|
970
|
-
fill: var(--primary, #19b394);
|
|
1079
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
971
1080
|
position: absolute;
|
|
972
1081
|
top: calc(1 * var(--base-unit, 8px));
|
|
973
1082
|
width: calc(1.75 * var(--base-unit, 8px));
|
|
@@ -979,7 +1088,7 @@ sv-popup {
|
|
|
979
1088
|
flex-shrink: 0;
|
|
980
1089
|
align-items: center;
|
|
981
1090
|
justify-content: center;
|
|
982
|
-
background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
1091
|
+
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
983
1092
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
984
1093
|
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
985
1094
|
border-radius: 100%;
|
|
@@ -1084,7 +1193,7 @@ sv-popup {
|
|
|
1084
1193
|
}
|
|
1085
1194
|
|
|
1086
1195
|
.sv-ranking-shortcut .sv-ranking-item__icon {
|
|
1087
|
-
fill: var(--primary, #19b394);
|
|
1196
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1088
1197
|
}
|
|
1089
1198
|
|
|
1090
1199
|
.sv-ranking-shortcut .sv-ranking-item__text {
|
|
@@ -1179,7 +1288,7 @@ sv-popup {
|
|
|
1179
1288
|
}
|
|
1180
1289
|
.sv-list__item:hover .sv-list__item-body,
|
|
1181
1290
|
.sv-list__item:focus .sv-list__item-body {
|
|
1182
|
-
background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
|
|
1291
|
+
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
1183
1292
|
}
|
|
1184
1293
|
|
|
1185
1294
|
.sv-list__item--with-icon.sv-list__item--with-icon {
|
|
@@ -1221,7 +1330,7 @@ sv-popup {
|
|
|
1221
1330
|
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,
|
|
1222
1331
|
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-body,
|
|
1223
1332
|
li:focus .sv-list__item.sv-list__item--selected .sv-list__item-body {
|
|
1224
|
-
background-color: var(--primary, #19b394);
|
|
1333
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1225
1334
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
1226
1335
|
font-weight: 600;
|
|
1227
1336
|
}
|
|
@@ -1235,7 +1344,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1235
1344
|
|
|
1236
1345
|
.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,
|
|
1237
1346
|
.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {
|
|
1238
|
-
background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
1347
|
+
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
1239
1348
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
1240
1349
|
font-weight: 400;
|
|
1241
1350
|
}
|
|
@@ -1391,7 +1500,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1391
1500
|
}
|
|
1392
1501
|
|
|
1393
1502
|
.sv-save-data_root.sv-save-data_success {
|
|
1394
|
-
background-color: var(--primary, #19b394);
|
|
1503
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1395
1504
|
color: #ffffff;
|
|
1396
1505
|
font-weight: 600;
|
|
1397
1506
|
}
|
|
@@ -1429,7 +1538,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1429
1538
|
line-height: calc(2 * var(--base-unit, 8px));
|
|
1430
1539
|
}
|
|
1431
1540
|
.sd-element__title span {
|
|
1432
|
-
font-
|
|
1541
|
+
font-family: var(--sjs-font-questiontitle-family, var(--font-family));
|
|
1542
|
+
font-weight: var(--sjs-font-questiontitle-weight, 600);
|
|
1543
|
+
font-size: var(--sjs-font-questiontitle-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
1544
|
+
color: var(--sjs-font-questiontitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
1433
1545
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
1434
1546
|
}
|
|
1435
1547
|
.sd-element__title .sv-title-actions__title {
|
|
@@ -1514,14 +1626,14 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1514
1626
|
|
|
1515
1627
|
.svc-logic-question-value,
|
|
1516
1628
|
.sd-element--with-frame {
|
|
1517
|
-
border-radius: var(--sjs-
|
|
1629
|
+
border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1518
1630
|
box-sizing: border-box;
|
|
1519
1631
|
padding-top: var(--sd-base-padding);
|
|
1520
1632
|
padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));
|
|
1521
1633
|
padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
|
|
1522
1634
|
padding-bottom: var(--sd-base-padding);
|
|
1523
|
-
background: var(--sjs-question-background, var(--background, #fff));
|
|
1524
|
-
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
1635
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
1636
|
+
box-shadow: var(--sjs-general-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
|
|
1525
1637
|
}
|
|
1526
1638
|
.svc-logic-question-value.sd-question--paneldynamic,
|
|
1527
1639
|
.sd-element--with-frame.sd-question--paneldynamic {
|
|
@@ -1582,7 +1694,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1582
1694
|
.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
|
|
1583
1695
|
padding-top: calc(2 * var(--base-unit, 8px));
|
|
1584
1696
|
padding-bottom: calc(2 * var(--base-unit, 8px));
|
|
1585
|
-
border-radius: var(--sjs-
|
|
1697
|
+
border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1586
1698
|
}
|
|
1587
1699
|
.sd-element--collapsed.sd-element--with-frame > .sd-element__header--location-top {
|
|
1588
1700
|
margin-top: 0;
|
|
@@ -1639,7 +1751,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1639
1751
|
|
|
1640
1752
|
.sd-element--with-frame.sd-element--compact {
|
|
1641
1753
|
border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
|
|
1642
|
-
border-radius: var(--sjs-
|
|
1754
|
+
border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1643
1755
|
box-shadow: none;
|
|
1644
1756
|
}
|
|
1645
1757
|
|
|
@@ -1655,10 +1767,6 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1655
1767
|
position: relative;
|
|
1656
1768
|
}
|
|
1657
1769
|
|
|
1658
|
-
.sd-question__description {
|
|
1659
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
1770
|
.sd-question__erbox {
|
|
1663
1771
|
padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
|
|
1664
1772
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
@@ -1840,13 +1948,14 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1840
1948
|
box-sizing: border-box;
|
|
1841
1949
|
padding: calc(1.5 * var(--base-unit, 8px)) calc(2 * var(--base-unit, 8px));
|
|
1842
1950
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
1843
|
-
font-family: var(--font-family, var(--font-family));
|
|
1844
|
-
font-
|
|
1845
|
-
color: var(--sjs-
|
|
1846
|
-
|
|
1847
|
-
|
|
1951
|
+
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
1952
|
+
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
1953
|
+
color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
1954
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
1955
|
+
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
|
|
1956
|
+
box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
|
|
1848
1957
|
border: none;
|
|
1849
|
-
border-radius: var(--sjs-
|
|
1958
|
+
border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
|
|
1850
1959
|
text-align: start;
|
|
1851
1960
|
}
|
|
1852
1961
|
|
|
@@ -1855,7 +1964,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1855
1964
|
}
|
|
1856
1965
|
|
|
1857
1966
|
.sd-input--disabled {
|
|
1858
|
-
background-color: var(--sjs-editor-background, var(--background-dim-light, #f9f9f9));
|
|
1967
|
+
background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
|
|
1859
1968
|
-webkit-user-select: none;
|
|
1860
1969
|
-moz-user-select: none;
|
|
1861
1970
|
-ms-user-select: none;
|
|
@@ -1882,7 +1991,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1882
1991
|
}
|
|
1883
1992
|
|
|
1884
1993
|
.sd-input:focus {
|
|
1885
|
-
box-shadow: 0 0 0 2px var(--primary, #19b394);
|
|
1994
|
+
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1886
1995
|
}
|
|
1887
1996
|
|
|
1888
1997
|
.sd-input--error {
|
|
@@ -1913,7 +2022,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1913
2022
|
}
|
|
1914
2023
|
|
|
1915
2024
|
.sd-input[type=range]::-webkit-slider-runnable-track {
|
|
1916
|
-
background-color: var(--primary, #19b394);
|
|
2025
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1917
2026
|
border-radius: calc(1 * var(--base-unit, 8px));
|
|
1918
2027
|
height: calc(1.5 * var(--base-unit, 8px));
|
|
1919
2028
|
}
|
|
@@ -1923,15 +2032,15 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1923
2032
|
appearance: none;
|
|
1924
2033
|
margin-top: calc(-0.75 * var(--base-unit, 8px));
|
|
1925
2034
|
border-radius: 100%;
|
|
1926
|
-
border: 2px solid var(--primary, #19b394);
|
|
2035
|
+
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1927
2036
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
1928
|
-
background-color: var(--primary, #19b394);
|
|
2037
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1929
2038
|
height: calc(3 * var(--base-unit, 8px));
|
|
1930
2039
|
width: calc(3 * var(--base-unit, 8px));
|
|
1931
2040
|
}
|
|
1932
2041
|
|
|
1933
2042
|
.sd-input[type=range]::-moz-range-track {
|
|
1934
|
-
background-color: var(--primary, #19b394);
|
|
2043
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1935
2044
|
border-radius: calc(1 * var(--base-unit, 8px));
|
|
1936
2045
|
height: calc(1.5 * var(--base-unit, 8px));
|
|
1937
2046
|
}
|
|
@@ -1941,9 +2050,9 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1941
2050
|
appearance: none;
|
|
1942
2051
|
margin-top: calc(-0.75 * var(--base-unit, 8px));
|
|
1943
2052
|
border-radius: 100%;
|
|
1944
|
-
border: 2px solid var(--primary, #19b394);
|
|
2053
|
+
border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1945
2054
|
box-shadow: inset 0 0 0 2px var(--background, #fff);
|
|
1946
|
-
background-color: var(--primary, #19b394);
|
|
2055
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
1947
2056
|
height: calc(3 * var(--base-unit, 8px));
|
|
1948
2057
|
width: calc(3 * var(--base-unit, 8px));
|
|
1949
2058
|
}
|
|
@@ -1975,22 +2084,29 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
1975
2084
|
content: none;
|
|
1976
2085
|
}
|
|
1977
2086
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
|
|
2087
|
+
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2088
|
+
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2089
|
+
font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2090
|
+
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
1978
2091
|
position: static;
|
|
1979
|
-
font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1980
2092
|
line-height: calc(4 * var(--base-unit, 8px));
|
|
1981
2093
|
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
1982
|
-
font-weight: 700;
|
|
1983
2094
|
}
|
|
1984
2095
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
|
|
2096
|
+
font-family: inherit;
|
|
1985
2097
|
font-size: inherit;
|
|
2098
|
+
font-weight: inherit;
|
|
2099
|
+
color: inherit;
|
|
1986
2100
|
line-height: inherit;
|
|
1987
2101
|
}
|
|
1988
2102
|
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
|
|
2103
|
+
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2104
|
+
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2105
|
+
font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2106
|
+
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
1989
2107
|
position: static;
|
|
1990
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
1991
2108
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
1992
2109
|
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
1993
|
-
font-weight: 400;
|
|
1994
2110
|
}
|
|
1995
2111
|
|
|
1996
2112
|
.sd-panel__required-text {
|
|
@@ -2062,7 +2178,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2062
2178
|
}
|
|
2063
2179
|
|
|
2064
2180
|
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
|
|
2065
|
-
fill: var(--primary, #19b394);
|
|
2181
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2066
2182
|
}
|
|
2067
2183
|
|
|
2068
2184
|
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
|
|
@@ -2126,7 +2242,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2126
2242
|
|
|
2127
2243
|
.sd-table {
|
|
2128
2244
|
width: 100%;
|
|
2129
|
-
background: var(--sjs-question-background, var(--background, #fff));
|
|
2245
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2130
2246
|
border-collapse: collapse;
|
|
2131
2247
|
white-space: normal;
|
|
2132
2248
|
}
|
|
@@ -2251,7 +2367,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2251
2367
|
background: var(--green-light, rgba(25, 179, 148, 0.1));
|
|
2252
2368
|
}
|
|
2253
2369
|
.sd-table__cell--detail-button:hover svg {
|
|
2254
|
-
fill: var(--primary, #19b394);
|
|
2370
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2255
2371
|
}
|
|
2256
2372
|
|
|
2257
2373
|
.sd-table__cell--actions {
|
|
@@ -2285,7 +2401,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2285
2401
|
.sd-matrix__cell:first-of-type,
|
|
2286
2402
|
.sd-matrix tr > td:first-of-type {
|
|
2287
2403
|
position: sticky;
|
|
2288
|
-
background: var(--sjs-question-background, var(--background, #fff));
|
|
2404
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2289
2405
|
z-index: 12;
|
|
2290
2406
|
}
|
|
2291
2407
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,
|
|
@@ -2306,7 +2422,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2306
2422
|
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
|
|
2307
2423
|
margin-right: calc(-3 * var(--base-unit, 8px));
|
|
2308
2424
|
justify-content: flex-end;
|
|
2309
|
-
background: var(--sjs-question-background, var(--background, #fff));
|
|
2425
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2310
2426
|
}
|
|
2311
2427
|
|
|
2312
2428
|
.sd-question.sd-question--table {
|
|
@@ -2327,7 +2443,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2327
2443
|
min-height: 100%;
|
|
2328
2444
|
width: calc(var(--sd-base-padding) - var(--base-unit, 8px));
|
|
2329
2445
|
flex-shrink: 0;
|
|
2330
|
-
background: var(--sjs-question-background, var(--background, #fff));
|
|
2446
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2331
2447
|
z-index: 11;
|
|
2332
2448
|
}
|
|
2333
2449
|
.sd-table-wrapper::before {
|
|
@@ -2369,6 +2485,10 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2369
2485
|
padding-top: calc(1 * var(--base-unit, 8px));
|
|
2370
2486
|
}
|
|
2371
2487
|
|
|
2488
|
+
.sd-table__question-wrapper .sd-boolean-root {
|
|
2489
|
+
margin: auto;
|
|
2490
|
+
}
|
|
2491
|
+
|
|
2372
2492
|
.sd-body--responsive .sd-page {
|
|
2373
2493
|
padding: calc(5 * var(--base-unit, 8px)) var(--sd-page-vertical-padding) calc(2 * var(--base-unit, 8px));
|
|
2374
2494
|
}
|
|
@@ -2391,21 +2511,23 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2391
2511
|
}
|
|
2392
2512
|
|
|
2393
2513
|
.sd-page .sd-page__title {
|
|
2514
|
+
font-family: var(--sjs-font-pagetitle-family, var(--font-family));
|
|
2515
|
+
font-weight: var(--sjs-font-pagetitle-weight, 700);
|
|
2516
|
+
font-size: var(--sjs-font-pagetitle-size, calc(1.5 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2517
|
+
color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
2394
2518
|
position: static;
|
|
2395
|
-
font-size: calc(1.5 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2396
2519
|
line-height: calc(4 * var(--base-unit, 8px));
|
|
2397
2520
|
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
2398
|
-
font-weight: 700;
|
|
2399
|
-
color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
|
|
2400
2521
|
}
|
|
2401
2522
|
|
|
2402
2523
|
.sd-page .sd-page__description {
|
|
2524
|
+
font-family: var(--sjs-font-pagedescription-family, var(--font-family));
|
|
2525
|
+
font-weight: var(--sjs-font-pagedescription-weight, 400);
|
|
2526
|
+
font-size: var(--sjs-font-pagedescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2527
|
+
color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2403
2528
|
position: static;
|
|
2404
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2405
2529
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
2406
2530
|
margin: calc(0.5 * var(--base-unit, 8px)) 0px;
|
|
2407
|
-
font-weight: 400;
|
|
2408
|
-
color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
|
|
2409
2531
|
}
|
|
2410
2532
|
|
|
2411
2533
|
.sd-row {
|
|
@@ -2429,7 +2551,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2429
2551
|
|
|
2430
2552
|
.sd-page__row.sd-row--multiple:not(.sd-row--compact),
|
|
2431
2553
|
.svc-row > .sd-row--multiple {
|
|
2432
|
-
background: var(--sjs-question-background, var(--background, #fff));
|
|
2554
|
+
background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--background, #fff)));
|
|
2433
2555
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
2434
2556
|
border-radius: calc(1 * var(--sjs-corner-radius, 4px));
|
|
2435
2557
|
}
|
|
@@ -2501,7 +2623,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2501
2623
|
overflow: auto;
|
|
2502
2624
|
font-family: var(--font-family, var(--font-family));
|
|
2503
2625
|
gap: calc(4 * var(--base-unit, 8px));
|
|
2504
|
-
box-shadow: 0px 2px 0px var(--primary, #19b394);
|
|
2626
|
+
box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2505
2627
|
margin-bottom: 2px;
|
|
2506
2628
|
}
|
|
2507
2629
|
.sd-title.sd-container-modern__title .sd-logo__image {
|
|
@@ -2515,11 +2637,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2515
2637
|
flex-grow: 1;
|
|
2516
2638
|
}
|
|
2517
2639
|
.sd-header__text .sd-title {
|
|
2518
|
-
color: var(--primary, #19b394);
|
|
2640
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2641
|
+
font-family: var(--sjs-font-surveytitle-family, var(--font-family));
|
|
2642
|
+
font-size: var(--sjs-font-surveytitle-size, calc(2 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2643
|
+
font-weight: var(--sjs-font-surveytitle-weight, 700);
|
|
2519
2644
|
}
|
|
2520
2645
|
.sd-header__text h3 {
|
|
2521
|
-
font-size: calc(2 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
2522
|
-
font-weight: 700;
|
|
2523
2646
|
line-height: calc(5 * var(--base-unit, 8px));
|
|
2524
2647
|
}
|
|
2525
2648
|
.sd-header__text h5 {
|
|
@@ -2571,12 +2694,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2571
2694
|
}
|
|
2572
2695
|
|
|
2573
2696
|
.sd-description {
|
|
2574
|
-
font-family: var(--font-family, var(--font-family));
|
|
2575
2697
|
font-style: normal;
|
|
2576
|
-
font-
|
|
2577
|
-
font-
|
|
2698
|
+
font-family: var(--sjs-font-questiondescription-family, var(--font-family));
|
|
2699
|
+
font-weight: var(--sjs-font-questiondescription-weight, 400);
|
|
2700
|
+
color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
|
|
2701
|
+
font-size: var(--sjs-font-questiondescription-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
2578
2702
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
2579
|
-
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
2580
2703
|
white-space: normal;
|
|
2581
2704
|
word-break: break-word;
|
|
2582
2705
|
}
|
|
@@ -2597,8 +2720,8 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2597
2720
|
width: calc(3 * var(--base-unit, 8px));
|
|
2598
2721
|
height: calc(3 * var(--base-unit, 8px));
|
|
2599
2722
|
box-sizing: border-box;
|
|
2600
|
-
background: var(--sd-item-default-background, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
|
|
2601
|
-
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
2723
|
+
background: var(--sd-item-default-background, var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9))));
|
|
2724
|
+
box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
|
|
2602
2725
|
border: none;
|
|
2603
2726
|
flex-shrink: 0;
|
|
2604
2727
|
}
|
|
@@ -2608,18 +2731,18 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2608
2731
|
}
|
|
2609
2732
|
|
|
2610
2733
|
.sd-item__control:focus + .sd-item__decorator {
|
|
2611
|
-
box-shadow: 0 0 0 2px var(--primary, #19b394);
|
|
2734
|
+
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2612
2735
|
background: var(--background, #fff);
|
|
2613
2736
|
outline: none;
|
|
2614
2737
|
}
|
|
2615
2738
|
|
|
2616
2739
|
.sd-item--allowhover .sd-selectbase__label:hover .sd-item__decorator {
|
|
2617
|
-
background: var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243));
|
|
2740
|
+
background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243)));
|
|
2618
2741
|
outline: none;
|
|
2619
2742
|
}
|
|
2620
2743
|
|
|
2621
2744
|
.sd-item--checked .sd-item__decorator {
|
|
2622
|
-
background: var(--primary, #19b394);
|
|
2745
|
+
background: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2623
2746
|
}
|
|
2624
2747
|
|
|
2625
2748
|
.sd-item__control-label {
|
|
@@ -2718,7 +2841,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2718
2841
|
}
|
|
2719
2842
|
|
|
2720
2843
|
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
|
|
2721
|
-
fill: var(--primary, #19b394);
|
|
2844
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2722
2845
|
}
|
|
2723
2846
|
|
|
2724
2847
|
.sd-radio__decorator {
|
|
@@ -2739,7 +2862,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2739
2862
|
}
|
|
2740
2863
|
|
|
2741
2864
|
.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
|
|
2742
|
-
background-color: var(--primary, #19b394);
|
|
2865
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2743
2866
|
}
|
|
2744
2867
|
|
|
2745
2868
|
.sd-radio__svg {
|
|
@@ -2771,7 +2894,7 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
|
|
|
2771
2894
|
}
|
|
2772
2895
|
|
|
2773
2896
|
.sd-matrix__text--checked {
|
|
2774
|
-
background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
2897
|
+
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
2775
2898
|
padding: calc(2 * var(--base-unit, 8px));
|
|
2776
2899
|
}
|
|
2777
2900
|
|
|
@@ -2867,17 +2990,17 @@ legend + sv-ng-rating-item + .sd-rating__item {
|
|
|
2867
2990
|
}
|
|
2868
2991
|
|
|
2869
2992
|
.sd-rating__item--allowhover:hover {
|
|
2870
|
-
background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
|
|
2871
|
-
border-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
|
|
2993
|
+
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
2994
|
+
border-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
2872
2995
|
}
|
|
2873
2996
|
|
|
2874
2997
|
.sd-rating__item:focus-within {
|
|
2875
|
-
border-color: var(--primary, #19b394);
|
|
2998
|
+
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2876
2999
|
}
|
|
2877
3000
|
|
|
2878
3001
|
.sd-rating__item--selected {
|
|
2879
|
-
background-color: var(--primary, #19b394);
|
|
2880
|
-
border-color: var(--primary, #19b394);
|
|
3002
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3003
|
+
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2881
3004
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
2882
3005
|
font-weight: 600;
|
|
2883
3006
|
box-shadow: 0px 1px 2px transparent;
|
|
@@ -2944,17 +3067,17 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
2944
3067
|
}
|
|
2945
3068
|
|
|
2946
3069
|
.sd-rating__item-smiley--allowhover:hover {
|
|
2947
|
-
background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
|
|
3070
|
+
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
2948
3071
|
border-color: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
2949
3072
|
}
|
|
2950
3073
|
|
|
2951
3074
|
.sd-rating__item-smiley:focus-within {
|
|
2952
|
-
border-color: var(--primary, #19b394);
|
|
3075
|
+
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2953
3076
|
}
|
|
2954
3077
|
|
|
2955
3078
|
.sd-rating__item-smiley--selected {
|
|
2956
|
-
background-color: var(--primary, #19b394);
|
|
2957
|
-
border-color: var(--primary, #19b394);
|
|
3079
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3080
|
+
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
2958
3081
|
fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
2959
3082
|
font-weight: 600;
|
|
2960
3083
|
}
|
|
@@ -3014,7 +3137,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3014
3137
|
|
|
3015
3138
|
.sd-rating__item-star--selected svg {
|
|
3016
3139
|
stroke: none;
|
|
3017
|
-
fill: var(--primary, #19b394);
|
|
3140
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3018
3141
|
}
|
|
3019
3142
|
|
|
3020
3143
|
.sd-rating__item-star--error svg {
|
|
@@ -3036,7 +3159,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3036
3159
|
}
|
|
3037
3160
|
|
|
3038
3161
|
.sd-rating__item-star:focus-within svg {
|
|
3039
|
-
stroke: var(--primary, #19b394);
|
|
3162
|
+
stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3040
3163
|
fill: none;
|
|
3041
3164
|
}
|
|
3042
3165
|
|
|
@@ -3047,7 +3170,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3047
3170
|
|
|
3048
3171
|
.sd-rating__item-star--highlighted svg {
|
|
3049
3172
|
stroke: var(--sjs-border-default, var(--border, #d6d6d6));
|
|
3050
|
-
fill: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
|
|
3173
|
+
fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
3051
3174
|
}
|
|
3052
3175
|
|
|
3053
3176
|
.sd-rating__item-star--selected.sd-rating__item-star--unhighlighted:focus-within svg {
|
|
@@ -3056,8 +3179,8 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3056
3179
|
}
|
|
3057
3180
|
|
|
3058
3181
|
.sd-rating__item-star--selected:focus-within svg {
|
|
3059
|
-
stroke: var(--primary, #19b394);
|
|
3060
|
-
fill: var(--primary, #19b394);
|
|
3182
|
+
stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3183
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3061
3184
|
}
|
|
3062
3185
|
.sd-rating__item-star--selected:focus-within .sv-star {
|
|
3063
3186
|
display: none;
|
|
@@ -3067,7 +3190,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3067
3190
|
}
|
|
3068
3191
|
|
|
3069
3192
|
.sd-rating__item-text.sd-rating__item-text {
|
|
3070
|
-
font-
|
|
3193
|
+
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3194
|
+
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3195
|
+
color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3196
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
3071
3197
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
3072
3198
|
display: inline-block;
|
|
3073
3199
|
}
|
|
@@ -3175,7 +3301,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3175
3301
|
}
|
|
3176
3302
|
|
|
3177
3303
|
.sd-input.sd-dropdown:focus-within {
|
|
3178
|
-
box-shadow: 0 0 0 2px var(--primary, #19b394);
|
|
3304
|
+
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3179
3305
|
}
|
|
3180
3306
|
|
|
3181
3307
|
.sd-input.sd-dropdown:focus-within .sd-dropdown__filter-string-input {
|
|
@@ -3191,14 +3317,16 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3191
3317
|
border: none;
|
|
3192
3318
|
outline: none;
|
|
3193
3319
|
padding: 0;
|
|
3194
|
-
font-family: var(--font-family, var(--font-family));
|
|
3195
|
-
font-
|
|
3320
|
+
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3321
|
+
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3322
|
+
color: var(--sjs-font-editorfont-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
|
|
3323
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
3324
|
+
line-height: calc(3 * var(--base-unit, 8px));
|
|
3196
3325
|
background-color: transparent;
|
|
3197
3326
|
overflow: hidden;
|
|
3198
3327
|
text-overflow: ellipsis;
|
|
3199
3328
|
white-space: nowrap;
|
|
3200
3329
|
display: inline-block;
|
|
3201
|
-
line-height: calc(3 * var(--base-unit, 8px));
|
|
3202
3330
|
appearance: none;
|
|
3203
3331
|
height: 100%;
|
|
3204
3332
|
}
|
|
@@ -3262,7 +3390,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3262
3390
|
}
|
|
3263
3391
|
|
|
3264
3392
|
.sd-input.sd-tagbox:focus-within {
|
|
3265
|
-
box-shadow: 0 0 0 2px var(--primary, #19b394);
|
|
3393
|
+
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3266
3394
|
}
|
|
3267
3395
|
|
|
3268
3396
|
.sv-tagbox__item {
|
|
@@ -3270,7 +3398,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3270
3398
|
display: flex;
|
|
3271
3399
|
height: calc(3 * var(--base-unit, 8px));
|
|
3272
3400
|
padding: calc(1 * var(--base-unit, 8px)) calc(1.5 * var(--base-unit, 8px));
|
|
3273
|
-
background-color: var(--primary, #19b394);
|
|
3401
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3274
3402
|
border-radius: calc(0.5 * var(--sjs-corner-radius, 4px));
|
|
3275
3403
|
}
|
|
3276
3404
|
|
|
@@ -3294,7 +3422,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3294
3422
|
height: calc(3 * var(--base-unit, 8px));
|
|
3295
3423
|
padding: 0;
|
|
3296
3424
|
padding-inline-start: calc(4 * var(--base-unit, 8px));
|
|
3297
|
-
background: linear-gradient(270deg, var(--primary, #19b394) 53.12%, rgba(25, 179, 148, 0) 100%);
|
|
3425
|
+
background: linear-gradient(270deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);
|
|
3298
3426
|
}
|
|
3299
3427
|
|
|
3300
3428
|
.sd-tagbox-item_clean-button-svg {
|
|
@@ -3346,7 +3474,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3346
3474
|
[dir=rtl] .sd-tagbox-item_clean-button,
|
|
3347
3475
|
[style*="direction:rtl"] .sd-tagbox-item_clean-button,
|
|
3348
3476
|
[style*="direction: rtl"] .sd-tagbox-item_clean-button {
|
|
3349
|
-
background: linear-gradient(90deg, var(--primary, #19b394) 53.12%, rgba(25, 179, 148, 0) 100%);
|
|
3477
|
+
background: linear-gradient(90deg, var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%, rgba(25, 179, 148, 0) 100%);
|
|
3350
3478
|
}
|
|
3351
3479
|
|
|
3352
3480
|
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,
|
|
@@ -3429,7 +3557,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3429
3557
|
.sd-imagepicker__check-icon {
|
|
3430
3558
|
width: calc(3 * var(--base-unit, 8px));
|
|
3431
3559
|
height: calc(3 * var(--base-unit, 8px));
|
|
3432
|
-
fill: var(--primary, #19b394);
|
|
3560
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3433
3561
|
}
|
|
3434
3562
|
|
|
3435
3563
|
.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {
|
|
@@ -3509,11 +3637,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3509
3637
|
.sd-image__no-image {
|
|
3510
3638
|
background: var(--background-dim-light, #f9f9f9);
|
|
3511
3639
|
min-width: calc(5 * var(--base-unit, 8px));
|
|
3512
|
-
min-height: calc(5 * var(--base-unit, 8px));
|
|
3640
|
+
min-height: calc(27.5 * var(--base-unit, 8px));
|
|
3513
3641
|
width: 100%;
|
|
3514
3642
|
height: 100%;
|
|
3515
|
-
position:
|
|
3516
|
-
inset-block-start: 0;
|
|
3643
|
+
position: relative;
|
|
3517
3644
|
display: flex;
|
|
3518
3645
|
align-items: center;
|
|
3519
3646
|
justify-content: center;
|
|
@@ -3541,7 +3668,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3541
3668
|
.sd-progress__bar {
|
|
3542
3669
|
position: relative;
|
|
3543
3670
|
height: 100%;
|
|
3544
|
-
background-color: var(--primary, #19b394);
|
|
3671
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3545
3672
|
overflow: hidden;
|
|
3546
3673
|
}
|
|
3547
3674
|
|
|
@@ -3570,17 +3697,18 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3570
3697
|
width: max-content;
|
|
3571
3698
|
position: relative;
|
|
3572
3699
|
padding: calc(0.5 * var(--base-unit, 8px));
|
|
3573
|
-
background: var(--sjs-editor-background, var(--background-dim-light, #f9f9f9));
|
|
3574
|
-
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
3700
|
+
background: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--background-dim-light, #f9f9f9)));
|
|
3701
|
+
box-shadow: var(--sjs-general-shadow-inner, inset 0px 1px 2px rgba(0, 0, 0, 0.15));
|
|
3575
3702
|
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3576
3703
|
}
|
|
3577
3704
|
|
|
3578
3705
|
.sd-boolean__thumb,
|
|
3579
3706
|
.sd-boolean__label {
|
|
3580
3707
|
display: block;
|
|
3708
|
+
font-family: var(--sjs-font-editorfont-family, var(--font-family));
|
|
3709
|
+
font-weight: var(--sjs-font-editorfont-weight, 400);
|
|
3710
|
+
font-size: var(--sjs-font-editorfont-size, calc(1 * var(--sjs-font-size, var(--sjs-font-size, calc(2 * var(--base-unit, 8px))))));
|
|
3581
3711
|
color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
|
|
3582
|
-
font-family: var(--font-family, var(--font-family));
|
|
3583
|
-
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
3584
3712
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
3585
3713
|
padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
3586
3714
|
}
|
|
@@ -3599,7 +3727,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3599
3727
|
}
|
|
3600
3728
|
|
|
3601
3729
|
.sd-boolean__control:focus ~ .sd-boolean__switch {
|
|
3602
|
-
box-shadow: inset 0 0 0 2px var(--primary, #19b394);
|
|
3730
|
+
box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3603
3731
|
}
|
|
3604
3732
|
|
|
3605
3733
|
.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
|
|
@@ -3617,7 +3745,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3617
3745
|
transition-duration: 0.2s;
|
|
3618
3746
|
transition-property: margin-left, transform;
|
|
3619
3747
|
transition-timing-function: linear;
|
|
3620
|
-
color: var(--primary, #19b394);
|
|
3748
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3621
3749
|
font-weight: 600;
|
|
3622
3750
|
margin-left: 0%;
|
|
3623
3751
|
transform: translateX(0);
|
|
@@ -3643,13 +3771,13 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3643
3771
|
}
|
|
3644
3772
|
|
|
3645
3773
|
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
|
|
3646
|
-
background-color: var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243));
|
|
3774
|
+
background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-dim-backcolor-dark, rgb(243, 243, 243)));
|
|
3647
3775
|
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
3648
3776
|
}
|
|
3649
3777
|
|
|
3650
3778
|
.svc-question__content .sd-boolean:not(.sd-boolean--checked):not(.sd-boolean--indeterminate) .sd-boolean__label:nth-of-type(1),
|
|
3651
3779
|
.svc-question__content .sd-boolean--checked .sd-boolean__label:nth-of-type(2) {
|
|
3652
|
-
color: var(--primary, #19b394);
|
|
3780
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3653
3781
|
font-weight: 600;
|
|
3654
3782
|
background: var(--background, #fff);
|
|
3655
3783
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
|
|
@@ -3848,7 +3976,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3848
3976
|
|
|
3849
3977
|
.sv-tab-item.sv-tab-item--pressed {
|
|
3850
3978
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
3851
|
-
box-shadow: inset 0px -2px 0px var(--primary, #19b394);
|
|
3979
|
+
box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3852
3980
|
}
|
|
3853
3981
|
|
|
3854
3982
|
.sv-tab-item__title {
|
|
@@ -3907,9 +4035,9 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3907
4035
|
}
|
|
3908
4036
|
|
|
3909
4037
|
.sd-file__decorator--drag {
|
|
3910
|
-
border: 1px solid var(--primary, #19b394);
|
|
3911
|
-
box-shadow: inset 0 0 0 1px var(--primary, #19b394);
|
|
3912
|
-
background: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
4038
|
+
border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4039
|
+
box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4040
|
+
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
3913
4041
|
z-index: 1;
|
|
3914
4042
|
}
|
|
3915
4043
|
|
|
@@ -3929,7 +4057,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
3929
4057
|
display: block;
|
|
3930
4058
|
margin-top: calc(1 * var(--base-unit, 8px));
|
|
3931
4059
|
font-weight: 600;
|
|
3932
|
-
color: var(--primary, #19b394);
|
|
4060
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
3933
4061
|
cursor: pointer;
|
|
3934
4062
|
}
|
|
3935
4063
|
|
|
@@ -4090,10 +4218,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4090
4218
|
}
|
|
4091
4219
|
|
|
4092
4220
|
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {
|
|
4093
|
-
fill: var(--primary, #19b394);
|
|
4221
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4094
4222
|
}
|
|
4095
4223
|
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {
|
|
4096
|
-
background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
4224
|
+
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
4097
4225
|
}
|
|
4098
4226
|
|
|
4099
4227
|
.sd-file__drag-area {
|
|
@@ -4137,37 +4265,38 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4137
4265
|
font-size: calc(1 * var(--sjs-font-size, calc(2 * var(--base-unit, 8px))));
|
|
4138
4266
|
line-height: calc(3 * var(--base-unit, 8px));
|
|
4139
4267
|
text-align: center;
|
|
4140
|
-
color: var(--primary, #19b394);
|
|
4141
|
-
border:
|
|
4268
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4269
|
+
border: none;
|
|
4142
4270
|
outline: none;
|
|
4143
4271
|
}
|
|
4144
4272
|
|
|
4145
|
-
.sd-btn:
|
|
4146
|
-
background-color: var(--sjs-general-backcolor-dark, rgb(248, 248, 248));
|
|
4273
|
+
.sd-btn:hover {
|
|
4274
|
+
background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
|
|
4147
4275
|
}
|
|
4148
4276
|
|
|
4149
|
-
.sd-btn:
|
|
4150
|
-
box-shadow: 0 0 0 2px var(--primary, #19b394);
|
|
4277
|
+
.sd-btn:focus {
|
|
4278
|
+
box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4151
4279
|
}
|
|
4152
4280
|
|
|
4153
4281
|
.sd-btn:disabled {
|
|
4154
4282
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
4155
4283
|
opacity: 0.25;
|
|
4156
|
-
|
|
4284
|
+
pointer-events: none;
|
|
4157
4285
|
}
|
|
4158
4286
|
|
|
4159
4287
|
.sd-btn--action {
|
|
4160
|
-
background-color: var(--primary, #19b394);
|
|
4288
|
+
background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4161
4289
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
4162
4290
|
}
|
|
4163
4291
|
|
|
4164
|
-
.sd-btn--action:
|
|
4292
|
+
.sd-btn--action:hover {
|
|
4165
4293
|
color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
|
|
4166
4294
|
background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));
|
|
4167
4295
|
}
|
|
4168
4296
|
|
|
4169
4297
|
.sd-btn--action:disabled {
|
|
4170
4298
|
color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));
|
|
4299
|
+
pointer-events: none;
|
|
4171
4300
|
}
|
|
4172
4301
|
|
|
4173
4302
|
.sd-body {
|
|
@@ -4250,7 +4379,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4250
4379
|
}
|
|
4251
4380
|
|
|
4252
4381
|
.sd-multipletext__item-container.sd-input:focus-within {
|
|
4253
|
-
box-shadow: inset 0 0 0 2px var(--primary, #19b394);
|
|
4382
|
+
box-shadow: inset 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4254
4383
|
}
|
|
4255
4384
|
|
|
4256
4385
|
.sd-multipletext__item-container {
|
|
@@ -4313,7 +4442,7 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
4313
4442
|
border: none;
|
|
4314
4443
|
background: transparent;
|
|
4315
4444
|
padding: calc(1 * var(--base-unit, 8px)) calc(3 * var(--base-unit, 8px));
|
|
4316
|
-
color: var(--primary, #19b394);
|
|
4445
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4317
4446
|
border-radius: calc(12.5 * var(--base-unit, 8px));
|
|
4318
4447
|
font-weight: 600;
|
|
4319
4448
|
font-family: var(--font-family, var(--font-family));
|
|
@@ -4350,7 +4479,7 @@ svg.sd-action--icon {
|
|
|
4350
4479
|
.sd-action:not(.sd-action--pressed):hover,
|
|
4351
4480
|
.sd-action:not(.sd-action--pressed):focus {
|
|
4352
4481
|
outline: none;
|
|
4353
|
-
background-color: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
4482
|
+
background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
4354
4483
|
cursor: pointer;
|
|
4355
4484
|
opacity: 1;
|
|
4356
4485
|
}
|
|
@@ -4409,7 +4538,7 @@ svg.sd-action--icon {
|
|
|
4409
4538
|
|
|
4410
4539
|
.sd-context-btn:hover use,
|
|
4411
4540
|
.sd-context-btn:focus use {
|
|
4412
|
-
fill: var(--primary, #19b394);
|
|
4541
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4413
4542
|
}
|
|
4414
4543
|
.sd-context-btn:hover.sd-context-btn--negative use,
|
|
4415
4544
|
.sd-context-btn:focus.sd-context-btn--negative use {
|
|
@@ -4481,7 +4610,7 @@ svg.sd-action--icon {
|
|
|
4481
4610
|
|
|
4482
4611
|
.sd-progress-buttons__list .sd-progress-buttons__list-element--current,
|
|
4483
4612
|
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed {
|
|
4484
|
-
border-top: 2px solid var(--primary, #19b394);
|
|
4613
|
+
border-top: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4485
4614
|
}
|
|
4486
4615
|
|
|
4487
4616
|
.sd-progress-buttons__list-element--nonclickable .sd-progress-buttons__page-title {
|
|
@@ -4490,7 +4619,7 @@ svg.sd-action--icon {
|
|
|
4490
4619
|
|
|
4491
4620
|
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-title,
|
|
4492
4621
|
.sd-progress-buttons__list-element--current .sd-progress-buttons__page-description {
|
|
4493
|
-
color: var(--primary, #19b394);
|
|
4622
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4494
4623
|
}
|
|
4495
4624
|
|
|
4496
4625
|
.sd-progress-buttons__page-title {
|
|
@@ -4517,7 +4646,7 @@ svg.sd-action--icon {
|
|
|
4517
4646
|
min-width: calc(32 * var(--base-unit, 8px));
|
|
4518
4647
|
}
|
|
4519
4648
|
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
|
|
4520
|
-
background: var(--primary-light, rgba(25, 179, 148, 0.1));
|
|
4649
|
+
background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
|
|
4521
4650
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
4522
4651
|
font-weight: 400;
|
|
4523
4652
|
}
|
|
@@ -4597,7 +4726,7 @@ svg.sd-action--icon {
|
|
|
4597
4726
|
height: 100%;
|
|
4598
4727
|
width: 100%;
|
|
4599
4728
|
transform: rotate(-90deg);
|
|
4600
|
-
stroke: var(--primary, #19b394);
|
|
4729
|
+
stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4601
4730
|
stroke-dashoffset: 0;
|
|
4602
4731
|
fill: none;
|
|
4603
4732
|
stroke-width: 4px;
|
|
@@ -4617,13 +4746,13 @@ svg.sd-action--icon {
|
|
|
4617
4746
|
top: 50%;
|
|
4618
4747
|
transform: translate(-50%, -50%);
|
|
4619
4748
|
padding: calc(1 * var(--base-unit, 8px));
|
|
4620
|
-
color: var(--primary, #19b394);
|
|
4749
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4621
4750
|
font-weight: 700;
|
|
4622
4751
|
font-size: calc(var(--sd-timer-size) / 144 * 32);
|
|
4623
4752
|
}
|
|
4624
4753
|
|
|
4625
4754
|
.sd-timer__text--major {
|
|
4626
|
-
color: var(--primary, #19b394);
|
|
4755
|
+
color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
4627
4756
|
font-weight: 700;
|
|
4628
4757
|
font-size: calc(var(--sd-timer-size) / 144 * 32);
|
|
4629
4758
|
}
|