survey-react 1.12.13 → 1.12.15

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/modern.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * surveyjs - Survey JavaScript library v1.12.13
2
+ * surveyjs - Survey JavaScript library v1.12.15
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
  */
@@ -4270,13 +4270,15 @@ sv-brand-info,
4270
4270
  }
4271
4271
 
4272
4272
  .sv-list__item-body {
4273
+ --sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
4274
+ --sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));
4273
4275
  position: relative;
4274
4276
  width: 100%;
4275
4277
  align-items: center;
4276
4278
  box-sizing: border-box;
4277
4279
  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
4278
4280
  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4279
- padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4281
+ padding-inline-start: var(--sjs-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
4280
4282
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4281
4283
  font-weight: normal;
4282
4284
  font-size: var(--sjs-font-size, 16px);
@@ -4339,6 +4341,8 @@ sv-brand-info,
4339
4341
  .sv-list-item__marker-icon {
4340
4342
  position: absolute;
4341
4343
  right: var(--sjs-base-unit, var(--base-unit, 8px));
4344
+ width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4345
+ height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4342
4346
  flex-shrink: 0;
4343
4347
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
4344
4348
  box-sizing: content-box;
@@ -4397,12 +4401,12 @@ li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
4397
4401
  font-weight: 400;
4398
4402
  }
4399
4403
 
4400
- .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body {
4404
+ .sv-list__item--group-selected > .sv-list__item-body {
4401
4405
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
4402
4406
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
4403
4407
  font-weight: 400;
4404
4408
  }
4405
- .sv-list__item.sv-list__item--selected.sv-list__item--group > .sv-list__item-body use {
4409
+ .sv-list__item--group-selected > .sv-list__item-body use {
4406
4410
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
4407
4411
  }
4408
4412