survey-react 1.11.1 → 1.11.2
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/defaultV2.css +24 -10
- package/defaultV2.css.map +1 -1
- package/defaultV2.min.css +2 -2
- package/modern.css +1 -1
- package/modern.css.map +1 -1
- package/modern.min.css +1 -1
- package/package.json +1 -1
- package/survey.css +1 -1
- package/survey.css.map +1 -1
- package/survey.min.css +1 -1
- package/survey.react.d.ts +23 -5
- package/survey.react.js +56 -30
- 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.11.
|
|
2
|
+
* surveyjs - Survey JavaScript library v1.11.2
|
|
3
3
|
* Copyright (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
|
|
4
4
|
* License: MIT (http://www.opensource.org/licenses/mit-license.php)
|
|
5
5
|
*/
|
|
@@ -3169,7 +3169,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3169
3169
|
animation-fill-mode: forwards;
|
|
3170
3170
|
}
|
|
3171
3171
|
.sd-table__row--detail.sd-table__row--fade-in {
|
|
3172
|
-
--fade-in-animation-duration: calc(var(--sjs
|
|
3172
|
+
--fade-in-animation-duration: calc(var(--sjs-matrix-detail-row-fade-in-duration, 500ms) + var(--sjs-matrix-detail-row-fade-in-delay, 150ms));
|
|
3173
3173
|
animation-duration: max(var(--fade-in-animation-duration), var(--sjs-matrix-detail-row-move-in-duration, 150ms));
|
|
3174
3174
|
}
|
|
3175
3175
|
.sd-table__row--detail.sd-table__row--fade-in > td {
|
|
@@ -3177,7 +3177,7 @@ textarea.sd-input:disabled:not(.sd-input--disabled) {
|
|
|
3177
3177
|
animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);
|
|
3178
3178
|
}
|
|
3179
3179
|
.sd-table__row--detail.sd-table__row--fade-in > td > div {
|
|
3180
|
-
animation-duration: var(--sjs
|
|
3180
|
+
animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms), var(--sjs-matrix-detail-row-move-in-duration, 150ms);
|
|
3181
3181
|
animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms), 0s;
|
|
3182
3182
|
}
|
|
3183
3183
|
.sd-table__row--detail.sd-table__row--fade-out {
|
|
@@ -5028,6 +5028,10 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
|
|
|
5028
5028
|
color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
|
|
5029
5029
|
}
|
|
5030
5030
|
|
|
5031
|
+
.sd-dropdown--empty div {
|
|
5032
|
+
min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
|
|
5033
|
+
}
|
|
5034
|
+
|
|
5031
5035
|
.sd-dropdown__filter-string-input::placeholder {
|
|
5032
5036
|
color: var(--sjs-general-forecolor, var(--foreground, #161616));
|
|
5033
5037
|
width: 100%;
|
|
@@ -7158,23 +7162,33 @@ svg.sd-action--icon {
|
|
|
7158
7162
|
}
|
|
7159
7163
|
|
|
7160
7164
|
.sd-context-btn--with-border {
|
|
7161
|
-
|
|
7165
|
+
--box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
|
|
7166
|
+
box-shadow: 0 0 0 1px var(--box-shadow-color);
|
|
7167
|
+
}
|
|
7168
|
+
|
|
7169
|
+
.sd-context-btn--colorful use {
|
|
7170
|
+
fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
7171
|
+
}
|
|
7172
|
+
.sd-context-btn--colorful.sd-context-btn--negative use {
|
|
7173
|
+
fill: red;
|
|
7162
7174
|
}
|
|
7163
7175
|
|
|
7164
7176
|
.sd-context-btn--colorful:focus,
|
|
7165
7177
|
.sd-context-btn--colorful:hover {
|
|
7166
|
-
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
7167
7178
|
background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
|
|
7168
7179
|
}
|
|
7169
|
-
.sd-context-btn--colorful:focus.sd-context-btn--with-border,
|
|
7170
|
-
.sd-context-btn--colorful:hover.sd-context-btn--with-border {
|
|
7171
|
-
border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
7172
|
-
}
|
|
7173
7180
|
.sd-context-btn--colorful:focus.sd-context-btn--negative,
|
|
7174
7181
|
.sd-context-btn--colorful:hover.sd-context-btn--negative {
|
|
7175
|
-
border-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
7176
7182
|
background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
|
|
7177
7183
|
}
|
|
7184
|
+
.sd-context-btn--colorful:focus.sd-context-btn--with-border,
|
|
7185
|
+
.sd-context-btn--colorful:hover.sd-context-btn--with-border {
|
|
7186
|
+
--box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
|
|
7187
|
+
}
|
|
7188
|
+
.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,
|
|
7189
|
+
.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative {
|
|
7190
|
+
--box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e));
|
|
7191
|
+
}
|
|
7178
7192
|
|
|
7179
7193
|
:root {
|
|
7180
7194
|
--sjs-transition-duration: 150ms;
|