freemium-survey-components 2.0.448 → 2.0.449

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.
Files changed (4) hide show
  1. package/lib/bundle.css +20 -15
  2. package/lib/index.cjs.js +1 -1
  3. package/lib/index.esm.js +1 -1
  4. package/package.json +1 -1
package/lib/bundle.css CHANGED
@@ -17,18 +17,18 @@
17
17
  display: flex;
18
18
  align-items: center;
19
19
  gap: 12px;
20
- padding: 12px 20px;
20
+ padding: 10px 20px;
21
21
  border-radius: 4px;
22
22
  border: unset;
23
23
  cursor: pointer;
24
- color: var(--choices-answers-color, var(--default-question-text-color)) !important;
24
+ color: var(--default-question-text-color) !important;
25
25
  font-family: var(--fsc-font-family, var(--fsc-default-font-family)) !important;
26
26
  background-color: #f2f2f2 !important;
27
27
  font-size: var(--choices-answers-font-size);
28
28
  transition: all var(--fsc-transition-duration);
29
29
  max-width: 280px;
30
30
  min-width: 140px;
31
- min-height: 54px;
31
+ min-height: 44px;
32
32
  }
33
33
  .freemium-survey-components .binary-question .choice svg {
34
34
  flex: 0 0 22px;
@@ -39,7 +39,7 @@
39
39
  transition: all var(--fsc-transition-duration);
40
40
  }
41
41
  .freemium-survey-components .binary-question .choice span.label-text {
42
- font-size: var(--rating-labels-font-size);
42
+ font-size: var(--choices-answers-font-size);
43
43
  font-family: var(--fsc-font-family, var(--fsc-default-font-family)) !important;
44
44
  font-weight: 700;
45
45
  transition: font-size var(--fsc-transition-duration) ease-in-out;
@@ -176,7 +176,8 @@ span.fsc-input-helper {
176
176
  gap: 10px;
177
177
  align-items: center;
178
178
  cursor: pointer;
179
- padding: 16px 40px 16px 16px;
179
+ padding: 11px 40px 11px 16px;
180
+ min-height: 44px;
180
181
  border: 1px solid #ebeff3;
181
182
  border-radius: 4px;
182
183
  color: var(--choices-answers-color, var(--question-text-color, var(--default-question-text-color)));
@@ -280,11 +281,11 @@ div.surveyserv-widget-container.compact-container-style .fsc-checkbox-group butt
280
281
  display: flex;
281
282
  border-radius: 4px;
282
283
  transition: all var(--fsc-transition-duration) ease-in-out;
283
- border: 1px solid var(--button-focus-color, var(--default-button-focus-color));
284
+ border: 1px solid var(--choices-answers-color, var(--question-text-color, var(--default-question-text-color)));
284
285
  }
285
286
  .fsc-input-base .input-container:focus-within {
286
287
  border: 1px solid transparent;
287
- box-shadow: 0 0 0 2px var(--button-focus-color, var(--default-button-focus-color));
288
+ box-shadow: 0 0 0 2px var(--choices-answers-color, var(--question-text-color, var(--default-question-text-color)));
288
289
  }
289
290
  .fsc-input-base .input-container:focus-within .end-max-length {
290
291
  opacity: 1;
@@ -1424,6 +1425,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
1424
1425
  margin-top: 6px;
1425
1426
  }
1426
1427
  .freemium-survey-components .range-container .button-container .choices .choice-container button.choice {
1428
+ min-height: 44px;
1427
1429
  font-size: var(--rating-labels-font-size);
1428
1430
  padding: 0;
1429
1431
  margin: 0;
@@ -1618,13 +1620,13 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
1618
1620
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-all .choices .choice-container button.choice,
1619
1621
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-none .choices .choice-container button.choice,
1620
1622
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-edges .choices .choice-container button.choice {
1621
- font-size: var(--rating-labels-font-size);
1623
+ font-size: var(--choices-answers-font-size);
1622
1624
  }
1623
1625
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-all .choices .choice-container button.choice .scale-number,
1624
1626
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-none .choices .choice-container button.choice .scale-number,
1625
1627
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-edges .choices .choice-container button.choice .scale-number {
1626
- height: 42px;
1627
- width: 42px;
1628
+ height: 44px;
1629
+ width: 44px;
1628
1630
  display: grid;
1629
1631
  place-content: center;
1630
1632
  font-weight: 500;
@@ -1704,12 +1706,13 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
1704
1706
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-edges .choices .choice-container button.choice:focus .scale-number.nps-highlighted,
1705
1707
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-edges .choices .choice-container button.choice:hover .scale-number.nps-highlighted,
1706
1708
  .freemium-survey-components .range-container .button-container.type-variant-number.preference-edges .choices .choice-container button.choice.active .scale-number.nps-highlighted {
1707
- background: var(--button-focus-color, var(--default-button-focus-color)) !important;
1709
+ color: var(--button-text-color, var(--default-button-text-color)) !important;
1710
+ background-color: var(--button-focus-color, var(--default-button-focus-color)) !important;
1708
1711
  }
1709
1712
  .freemium-survey-components .range-container .button-container.type-variant-emoji.preference-none .choices .choice-container button.choice,
1710
1713
  .freemium-survey-components .range-container .button-container.type-variant-emoji.preference-edges .choices .choice-container button.choice {
1711
- height: 42px;
1712
- width: 42px;
1714
+ height: 44px;
1715
+ width: 44px;
1713
1716
  display: grid;
1714
1717
  place-content: center;
1715
1718
  }
@@ -1766,6 +1769,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
1766
1769
  padding: 12px 16px;
1767
1770
  border-radius: 4px;
1768
1771
  word-break: break-word;
1772
+ font-weight: 500;
1769
1773
  }
1770
1774
  .freemium-survey-components .range-container .button-container.type-variant-text .choices .choice-container button.choice.nps-highlighted {
1771
1775
  color: var(--default-question-text-color);
@@ -1790,6 +1794,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
1790
1794
  background-color: #ff473e;
1791
1795
  }
1792
1796
  .freemium-survey-components .range-container .button-container.type-variant-text .choices .choice-container button.choice:focus.nps-highlighted, .freemium-survey-components .range-container .button-container.type-variant-text .choices .choice-container button.choice:hover.nps-highlighted, .freemium-survey-components .range-container .button-container.type-variant-text .choices .choice-container button.choice.active.nps-highlighted {
1797
+ color: var(--button-text-color, var(--default-button-text-color)) !important;
1793
1798
  background-color: var(--button-focus-color, var(--default-button-focus-color)) !important;
1794
1799
  }
1795
1800
  @media (max-width: 550px) {
@@ -2526,7 +2531,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
2526
2531
  flex: 1;
2527
2532
  overflow: hidden;
2528
2533
  word-wrap: anywhere;
2529
- font-size: var(--rating-labels-font-size);
2534
+ font-size: var(--choices-answers-font-size);
2530
2535
  }
2531
2536
  .prompt-question .prompt-actions .prompt-button svg path {
2532
2537
  transition: all var(--fsc-transition-duration);
@@ -3455,7 +3460,7 @@ div.surveyserv-widget-container.compact-container-style .fsc-radio-group button.
3455
3460
  }
3456
3461
  .freemium-survey-rtl span.label-text,
3457
3462
  .freemium-survey-rtl * span.label-text {
3458
- font-size: var(--rating-labels-font-size);
3463
+ font-size: var(--choices-answers-font-size);
3459
3464
  transition: font-size var(--fsc-transition-duration) ease-in-out;
3460
3465
  }
3461
3466
  .freemium-survey-rtl span.label-text:first-child,