survey-react 1.9.132 → 1.9.134

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 CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.9.132
2
+ * surveyjs - Survey JavaScript library v1.9.134
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
  */
@@ -5438,6 +5438,11 @@ legend + sv-ng-rating-item + .sd-rating__item-smiley {
5438
5438
  transform: translate(-50%, -50%);
5439
5439
  }
5440
5440
 
5441
+ .sd-file__choose-file-btn--disabled {
5442
+ opacity: 0.25;
5443
+ cursor: default;
5444
+ }
5445
+
5441
5446
  .sd-hidden {
5442
5447
  display: none !important;
5443
5448
  }
@@ -6232,27 +6237,28 @@ svg.sd-action--icon {
6232
6237
  flex-wrap: nowrap;
6233
6238
  text-align: center;
6234
6239
  flex-direction: column;
6240
+ cursor: pointer;
6235
6241
  }
6236
6242
  .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
6237
6243
  display: block;
6238
6244
  content: "";
6239
- width: 100%;
6240
6245
  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6241
6246
  background-color: var(--sjs-navigation-default, #bcbcbc);
6242
6247
  position: absolute;
6243
- bottom: calc(0.875 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6244
- right: 50%;
6248
+ bottom: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6249
+ right: calc(50% + 4px);
6250
+ width: calc(100% - 4px);
6251
+ pointer-events: none;
6245
6252
  }
6246
6253
  .sd-progress-buttons__list li:after {
6247
6254
  display: flex;
6248
6255
  content: attr(data-page-number);
6249
6256
  width: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6250
6257
  height: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6251
- margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6258
+ margin: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6252
6259
  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
6253
6260
  background-color: var(--sjs-navigation-default, #bcbcbc);
6254
6261
  border-radius: 50%;
6255
- cursor: pointer;
6256
6262
  align-self: center;
6257
6263
  z-index: 1;
6258
6264
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
@@ -6261,6 +6267,13 @@ svg.sd-action--icon {
6261
6267
  justify-content: center;
6262
6268
  color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
6263
6269
  }
6270
+ .sd-progress-buttons__list li:hover:after {
6271
+ color: var(--sjs-primary-backcolor, var(--primary, #19b394));
6272
+ padding: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6273
+ margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6274
+ border: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
6275
+ background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
6276
+ }
6264
6277
  .sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector {
6265
6278
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
6266
6279
  }
@@ -6271,11 +6284,11 @@ svg.sd-action--icon {
6271
6284
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
6272
6285
  }
6273
6286
  .sd-progress-buttons__list .sd-progress-buttons__list-element--current:after {
6274
- border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
6287
+ border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
6275
6288
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
6276
6289
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
6277
- padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6278
- margin: 0;
6290
+ padding: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6291
+ margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6279
6292
  }
6280
6293
 
6281
6294
  .sd-progress-buttons__page-title {
@@ -6311,7 +6324,7 @@ svg.sd-action--icon {
6311
6324
  flex-direction: column-reverse;
6312
6325
  }
6313
6326
  .sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
6314
- top: calc(0.875 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6327
+ top: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6315
6328
  }
6316
6329
  .sd-progress-buttons--bottom .sd-progress-buttons__page-title {
6317
6330
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
@@ -6327,12 +6340,17 @@ svg.sd-action--icon {
6327
6340
  }
6328
6341
 
6329
6342
  .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
6330
- bottom: calc(1.875 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6343
+ bottom: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6344
+ right: calc(50% + 8px);
6345
+ width: calc(100% - 8px);
6331
6346
  }
6332
6347
  .sd-progress-buttons--numbered .sd-progress-buttons__list li:after {
6333
6348
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6334
6349
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6335
6350
  }
6351
+ .sd-progress-buttons--numbered .sd-progress-buttons__list li:hover:after {
6352
+ padding: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6353
+ }
6336
6354
 
6337
6355
  .sd-root-modern--mobile .sd-progress-buttons__list,
6338
6356
  .sd-progress-buttons--no-titles .sd-progress-buttons__list {
@@ -6345,13 +6363,20 @@ svg.sd-action--icon {
6345
6363
  }
6346
6364
 
6347
6365
  .sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
6348
- top: calc(1.875 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6366
+ top: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6349
6367
  }
6350
6368
 
6351
6369
  .sd-root-modern--mobile .sd-progress-buttons {
6352
6370
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6353
6371
  }
6354
6372
 
6373
+ .sd-progress-buttons--fit-survey-width {
6374
+ max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
6375
+ box-sizing: border-box;
6376
+ width: 100%;
6377
+ margin: auto;
6378
+ }
6379
+
6355
6380
  .sv_progress-toc {
6356
6381
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
6357
6382
  max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px))));