@semcore/feedback-form 17.1.0-prerelease.3 → 17.2.0-prerelease.3

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 (39) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/lib/cjs/FeedbackForm.js +13 -7
  3. package/lib/cjs/FeedbackForm.js.map +1 -1
  4. package/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
  5. package/lib/cjs/component/checkbox-button/CheckboxButton.js.map +1 -1
  6. package/lib/cjs/component/feedback-item/FeedbackItem.js +2 -1
  7. package/lib/cjs/component/feedback-item/FeedbackItem.js.map +1 -1
  8. package/lib/cjs/component/feedback-rating/FeedbackRating.js +8 -3
  9. package/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
  10. package/lib/cjs/component/feedback-rating/FeedbackRating.type.js.map +1 -1
  11. package/lib/cjs/component/slider-rating/SliderRating.js +6 -6
  12. package/lib/cjs/component/slider-rating/SliderRating.js.map +1 -1
  13. package/lib/cjs/style/feedback-form.shadow.css +2 -2
  14. package/lib/cjs/translations/__intergalactic-dynamic-locales.js.map +1 -1
  15. package/lib/es6/FeedbackForm.js +13 -7
  16. package/lib/es6/FeedbackForm.js.map +1 -1
  17. package/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
  18. package/lib/es6/component/checkbox-button/CheckboxButton.js.map +1 -1
  19. package/lib/es6/component/feedback-item/FeedbackItem.js +2 -1
  20. package/lib/es6/component/feedback-item/FeedbackItem.js.map +1 -1
  21. package/lib/es6/component/feedback-rating/FeedbackRating.js +8 -3
  22. package/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
  23. package/lib/es6/component/feedback-rating/FeedbackRating.type.js.map +1 -1
  24. package/lib/es6/component/slider-rating/SliderRating.js +6 -6
  25. package/lib/es6/component/slider-rating/SliderRating.js.map +1 -1
  26. package/lib/es6/style/feedback-form.shadow.css +2 -2
  27. package/lib/es6/translations/__intergalactic-dynamic-locales.js.map +1 -1
  28. package/lib/esm/FeedbackForm.mjs +10 -10
  29. package/lib/esm/component/checkbox-button/CheckboxButton.mjs +5 -5
  30. package/lib/esm/component/feedback-item/FeedbackItem.mjs +4 -2
  31. package/lib/esm/component/feedback-rating/FeedbackRating.mjs +6 -6
  32. package/lib/esm/component/slider-rating/SliderRating.mjs +8 -8
  33. package/lib/esm/style/feedback-form.shadow.css +2 -2
  34. package/lib/types/component/checkbox-button/CheckboxButton.d.ts +2 -1
  35. package/lib/types/component/feedback-rating/FeedbackRating.d.ts +9 -3
  36. package/lib/types/component/feedback-rating/FeedbackRating.type.d.ts +5 -4
  37. package/lib/types/component/slider-rating/SliderRating.d.ts +2 -1
  38. package/lib/types/translations/__intergalactic-dynamic-locales.d.ts +1 -0
  39. package/package.json +15 -15
@@ -1,5 +1,5 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
4
4
  import { Box } from "@semcore/base-components";
5
5
  import Button from "@semcore/button";
@@ -15,17 +15,17 @@ const style = (
15
15
  /*__reshadow_css_start__*/
16
16
  (sstyled.insert(
17
17
  /*__inner_css_start__*/
18
- `.___SFeedbackForm_4wrbw_gg_{max-width:320px}.___SCancel_4wrbw_gg_,.___SSubmit_4wrbw_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_4wrbw_gg_{padding:var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded, calc(6px + 2px)) var(--intergalactic-surface-rounded, calc(6px + 2px))}.___SSuccess_4wrbw_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box;outline:0}.___SEmail_4wrbw_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px));width:80px;height:80px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345E0A8'/%3E%3Cpath d='M29 45.2852L29.2 45.6352C35.39 42.1852 53.39 31.9652 56.73 35.1052C55.6 32.0052 39.7 35.4352 29 45.2852Z' fill='white'/%3E%3Cpath d='M28.44 31.6343C26.63 37.6343 19.23 56.1043 15 61.9443L18 62.8543L19.58 61.5343C23.8 51.9843 29.58 35.5343 29.89 30.0743C29.39 29.8143 28.93 30.2143 28.44 31.6343Z' fill='white'/%3E%3Cpath d='M15 62.0078C19.23 56.1678 26.63 37.7378 28.44 31.6678C30.25 25.5978 33.49 37.6678 31.67 42.7878' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M28 45.9424C38.68 35.5824 55.27 31.9424 56.43 35.1024C57.12 36.9924 43 41.3624 38.02 47.4224' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M44.45 21.93C41.21 20.77 35.86 19.04 33 18.24C37.12 16.41 70 4.24 72.67 3C71.75 7.11 67.75 21.28 65.96 27.93C61.13 26.25 56.23 24.78 53.03 23.74C51.0298 26.3907 49.2219 29.1812 47.62 32.09C46.44 28.23 45.29 23.77 44.45 21.93Z' fill='white' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M45 22.08L61.74 11' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M53 23.73L72.64 3' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48 32.58L55.86 25' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.23 30.77L51.69 25.13L52.66 24L54.73 24.61L55.16 24.48L51.8 27.91L49.33 30.18L48 31.29L48.23 30.77Z' fill='black'/%3E%3Cpath d='M33.81 22L23 27.12' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40.89 23L34 27.37' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.04 29L58 38.85' stroke='white' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M46.68 41C50.29 43.42 44.81 49.52 43 51.12' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M47.17 44C51.31 46.09 48.33 51.76 46 54.6' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_11950_117175' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='4' y='6' width='73' height='73'%3E%3Cpath d='M28.1632 6.00003C27.9554 5.99875 27.7493 6.03875 27.5571 6.11772C27.3648 6.19668 27.1902 6.31304 27.0432 6.46003L14.1332 19.38C7.645 25.8687 4 34.669 4 43.845C4 53.0211 7.645 61.8213 14.1332 68.31C17.3463 71.5242 21.1611 74.0738 25.3597 75.8134C29.5583 77.5529 34.0585 78.4482 38.6032 78.4482C43.1479 78.4482 47.6481 77.5529 51.8467 75.8134C56.0454 74.0738 59.8602 71.5242 63.0732 68.31L75.9832 55.4C76.1316 55.2536 76.2495 55.0792 76.3301 54.887C76.4108 54.6948 76.4526 54.4885 76.4532 54.28V6.89003C76.4506 6.65307 76.3546 6.42671 76.1861 6.26009C76.0176 6.09346 75.7902 6.00002 75.5532 6.00003H28.1632Z' fill='%2345DFA7'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11950_117175)'%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' fill='black'/%3E%3Cpath d='M5 74.6871C7.49 72.3471 13.24 63.6871 14.52 61.2471C28.18 59.1271 34.71 71.2471 34.98 74.7671C32.7234 79.651 30.1305 84.3723 27.22 88.8971' stroke='black' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")}`,
18
+ `.___SFeedbackForm_73cyi_gg_{max-width:320px}.___SCancel_73cyi_gg_,.___SSubmit_73cyi_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x,8px)}.___SNotice_73cyi_gg_{padding:var(--intergalactic-spacing-3x,12px) var(--intergalactic-spacing-4x,16px);border-width:1px 0 0;border-top-style:solid;border-radius:0 0 var(--intergalactic-surface-rounded,8px) var(--intergalactic-surface-rounded,8px)}.___SSuccess_73cyi_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x,40px);box-sizing:border-box;outline:none}.___SEmail_73cyi_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px));width:80px;height:80px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' fill='none' viewBox='0 0 80 80'%3E%3Cpath fill='%2345e0a8' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3Cpath fill='%23fff' d='m29 45.285.2.35c6.19-3.45 24.19-13.67 27.53-10.53-1.13-3.1-17.03.33-27.73 10.18M28.44 31.634c-1.81 6-9.21 24.47-13.44 30.31l3 .91 1.58-1.32c4.22-9.55 10-26 10.31-31.46-.5-.26-.96.14-1.45 1.56'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M15 62.008c4.23-5.84 11.63-24.27 13.44-30.34s5.05 6 3.23 11.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M28 45.942c10.68-10.36 27.27-14 28.43-10.84.69 1.89-13.43 6.26-18.41 12.32'/%3E%3Cpath fill='%23fff' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M44.45 21.93c-3.24-1.16-8.59-2.89-11.45-3.69 4.12-1.83 37-14 39.67-15.24-.92 4.11-4.92 18.28-6.71 24.93-4.83-1.68-9.73-3.15-12.93-4.19-2 2.65-3.808 5.441-5.41 8.35-1.18-3.86-2.33-8.32-3.17-10.16'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M45 22.08 61.74 11M53 23.73 72.64 3M48 32.58 55.86 25'/%3E%3Cpath fill='%23000' d='m48.23 30.77 3.46-5.64.97-1.13 2.07.61.43-.13-3.36 3.43-2.47 2.27L48 31.29z'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M33.81 22 23 27.12M40.89 23 34 27.37M62.04 29 58 38.85'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M46.68 41c3.61 2.42-1.87 8.52-3.68 10.12'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M47.17 44c4.14 2.09 1.16 7.76-1.17 10.6'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M48.86 49C54.37 53.48 36.31 72.72 35 73.78'/%3E%3Cmask id='a' width='73' height='73' x='4' y='6' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%2345dfa7' d='M28.163 6a1.57 1.57 0 0 0-1.12.46l-12.91 12.92A34.6 34.6 0 0 0 25.36 75.813a34.6 34.6 0 0 0 37.713-7.503l12.91-12.91a1.58 1.58 0 0 0 .47-1.12V6.89a.9.9 0 0 0-.9-.89z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23000' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='.75' d='M5 74.687c2.49-2.34 8.24-11 9.52-13.44 13.66-2.12 20.19 10 20.46 13.52a116 116 0 0 1-7.76 14.13'/%3E%3C/g%3E%3C/svg%3E")}`,
19
19
  /*__inner_css_end__*/
20
- "4wrbw_gg_"
20
+ "73cyi_gg_"
21
21
  ), /*__reshadow_css_end__*/
22
22
  {
23
- "__SFeedbackForm": "___SFeedbackForm_4wrbw_gg_",
24
- "__SSubmit": "___SSubmit_4wrbw_gg_",
25
- "__SCancel": "___SCancel_4wrbw_gg_",
26
- "__SNotice": "___SNotice_4wrbw_gg_",
27
- "__SSuccess": "___SSuccess_4wrbw_gg_",
28
- "__SEmail": "___SEmail_4wrbw_gg_"
23
+ "__SFeedbackForm": "___SFeedbackForm_73cyi_gg_",
24
+ "__SSubmit": "___SSubmit_73cyi_gg_",
25
+ "__SCancel": "___SCancel_73cyi_gg_",
26
+ "__SNotice": "___SNotice_73cyi_gg_",
27
+ "__SSuccess": "___SSuccess_73cyi_gg_",
28
+ "__SEmail": "___SEmail_73cyi_gg_"
29
29
  })
30
30
  );
31
31
  class FeedbackForm extends Component {
@@ -1,4 +1,4 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
3
3
  import { Box } from "@semcore/base-components";
4
4
  import Checkbox from "@semcore/checkbox";
@@ -8,13 +8,13 @@ const style = (
8
8
  /*__reshadow_css_start__*/
9
9
  (sstyled.insert(
10
10
  /*__inner_css_start__*/
11
- ".___SCheckboxButton_1hg4p_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161));border-radius:var(--intergalactic-rounded-medium, 6px)}@supports (color:color(display-p3 0 0 0%)){.___SCheckboxButton_1hg4p_gg_{border:1px solid var(--intergalactic-border-primary, rgba(0, 12, 8, 0.161))}@media (color-gamut:p3){.___SCheckboxButton_1hg4p_gg_{border:1px solid var(--intergalactic-border-primary, color(display-p3 0.00798 0.04498 0.03219 / 0.161))}}}.___SCheckboxButton_1hg4p_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1hg4p_gg_.__checked_1hg4p_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1hg4p_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, rgb(135, 150, 239));background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1hg4p_gg_.__checked_1hg4p_gg_:hover{background-color:rgba(0,143,248,.2)}}",
11
+ ".___SCheckboxButton_83dxm_gg_{margin-top:var(--intergalactic-spacing-2x,8px);border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-rounded-medium,6px)}@supports (color:color(display-p3 0 0 0%)){.___SCheckboxButton_83dxm_gg_{border:1px solid var(--intergalactic-border-primary,#000c0829)}@media (color-gamut:p3){.___SCheckboxButton_83dxm_gg_{border:1px solid var(--intergalactic-border-primary,color(display-p3 .00798 .04498 .03219/.161))}}}.___SCheckboxButton_83dxm_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x,12px);box-sizing:border-box}.___SCheckboxButton_83dxm_gg_.__checked_83dxm_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active,#8796ef);background-color:#008ff81a}@media (hover:hover){.___SCheckboxButton_83dxm_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active,#8796ef);background-color:#008ff81a}.___SCheckboxButton_83dxm_gg_.__checked_83dxm_gg_:hover{background-color:#008ff833}}",
12
12
  /*__inner_css_end__*/
13
- "1hg4p_gg_"
13
+ "83dxm_gg_"
14
14
  ), /*__reshadow_css_end__*/
15
15
  {
16
- "__SCheckboxButton": "___SCheckboxButton_1hg4p_gg_",
17
- "_checked": "__checked_1hg4p_gg_"
16
+ "__SCheckboxButton": "___SCheckboxButton_83dxm_gg_",
17
+ "_checked": "__checked_83dxm_gg_"
18
18
  })
19
19
  );
20
20
  class CheckboxButtonRoot extends Component {
@@ -1,4 +1,4 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
1
+ import _extends from "@babel/runtime/helpers/extends";
2
2
  import { assignProps } from "@semcore/core";
3
3
  import pick from "@semcore/core/lib/utils/pick";
4
4
  import propsForElement from "@semcore/core/lib/utils/propsForElement";
@@ -45,7 +45,9 @@ function FeedbackItem({
45
45
  role: void 0,
46
46
  tag
47
47
  }, tag ? inputProps : {}, {
48
- __excludeProps: ["type", "aria-describedby"]
48
+ __excludeProps: ["type", "aria-describedby"],
49
+ onKeyDown: () => false
50
+ // as this is controlled tooltip, we shouldn't stopPropagation for keyboard Escape events.
49
51
  }), typeof Children.origin === "function" && Children.origin({
50
52
  input: inputProps,
51
53
  meta,
@@ -1,5 +1,5 @@
1
- import _extends from "@babel/runtime/helpers/esm/extends";
2
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
1
+ import _extends from "@babel/runtime/helpers/extends";
2
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
4
4
  import { Flex, Box } from "@semcore/base-components";
5
5
  import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
@@ -28,13 +28,13 @@ const style = (
28
28
  /*__reshadow_css_start__*/
29
29
  (sstyled.insert(
30
30
  /*__inner_css_start__*/
31
- ".___SFeedbackRating_tdicx_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_tdicx_gg_ li{list-style:none}.___SFeedbackRating_tdicx_gg_ .___SHeader_tdicx_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700);margin:var(--intergalactic-spacing-4x, 16px)0;text-align:center}",
31
+ ".___SFeedbackRating_19kr5_gg_ ul{margin:0;padding:0}.___SFeedbackRating_19kr5_gg_ :is(li,ul){list-style:none}.___SFeedbackRating_19kr5_gg_ .___SHeader_19kr5_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%);font-weight:var(--intergalactic-bold,700);margin:var(--intergalactic-spacing-4x,16px) 0;text-align:center}",
32
32
  /*__inner_css_end__*/
33
- "tdicx_gg_"
33
+ "19kr5_gg_"
34
34
  ), /*__reshadow_css_end__*/
35
35
  {
36
- "__SFeedbackRating": "___SFeedbackRating_tdicx_gg_",
37
- "__SHeader": "___SHeader_tdicx_gg_"
36
+ "__SFeedbackRating": "___SFeedbackRating_19kr5_gg_",
37
+ "__SHeader": "___SHeader_19kr5_gg_"
38
38
  })
39
39
  );
40
40
  class FeedbackRatingRoot extends Component {
@@ -1,4 +1,4 @@
1
- import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
1
+ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
3
3
  import { Flex, Box } from "@semcore/base-components";
4
4
  import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
@@ -10,16 +10,16 @@ const style = (
10
10
  /*__reshadow_css_start__*/
11
11
  (sstyled.insert(
12
12
  /*__inner_css_start__*/
13
- ".___SSliderRating_1a1qg_gg_ .___SStar_1a1qg_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_1a1qg_gg_:focus-visible .___SStar_1a1qg_gg_.__hovered_1a1qg_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_1a1qg_gg_ .___SStar_1a1qg_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_1a1qg_gg_.__readonly_1a1qg_gg_ .___SStar_1a1qg_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_1a1qg_gg_.__filled_1a1qg_gg_:active{animation:wobble .8s ease-in-out}.___SStar_1a1qg_gg_ path{fill:var(--intergalactic-slider-rating-normal, rgb(157, 159, 158))}.___SStar_1a1qg_gg_.__filled_1a1qg_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, rgb(168, 106, 254))}",
13
+ ".___SSliderRating_p7uyv_gg_ .___SStar_p7uyv_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_p7uyv_gg_:focus-visible .___SStar_p7uyv_gg_.__hovered_p7uyv_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_p7uyv_gg_ .___SStar_p7uyv_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_p7uyv_gg_.__readonly_p7uyv_gg_ .___SStar_p7uyv_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_p7uyv_gg_.__filled_p7uyv_gg_:active{animation:wobble .8s ease-in-out}.___SStar_p7uyv_gg_ path{fill:var(--intergalactic-slider-rating-normal,#9d9f9e)}.___SStar_p7uyv_gg_.__filled_p7uyv_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active,#a86afe)}",
14
14
  /*__inner_css_end__*/
15
- "1a1qg_gg_"
15
+ "p7uyv_gg_"
16
16
  ), /*__reshadow_css_end__*/
17
17
  {
18
- "__SSliderRating": "___SSliderRating_1a1qg_gg_",
19
- "__SStar": "___SStar_1a1qg_gg_",
20
- "_hovered": "__hovered_1a1qg_gg_",
21
- "_readonly": "__readonly_1a1qg_gg_",
22
- "_filled": "__filled_1a1qg_gg_"
18
+ "__SSliderRating": "___SSliderRating_p7uyv_gg_",
19
+ "__SStar": "___SStar_p7uyv_gg_",
20
+ "_hovered": "__hovered_p7uyv_gg_",
21
+ "_readonly": "__readonly_p7uyv_gg_",
22
+ "_filled": "__filled_p7uyv_gg_"
23
23
  })
24
24
  );
25
25
  const MIN = 1;
@@ -12,8 +12,8 @@ SNotice {
12
12
  padding: var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-4x, 16px);
13
13
  border-width: 1px 0 0;
14
14
  border-top-style: solid;
15
- border-radius: 0 0 var(--intergalactic-surface-rounded, calc(6px + 2px))
16
- var(--intergalactic-surface-rounded, calc(6px + 2px));
15
+ border-radius: 0 0 var(--intergalactic-surface-rounded, 8px)
16
+ var(--intergalactic-surface-rounded, 8px);
17
17
  }
18
18
 
19
19
  SSuccess {
@@ -1,2 +1,3 @@
1
- declare const CheckboxButton: import("@semcore/core").Intergalactic.Component<"div", {}, {}, never[]>;
1
+ import type { FeedbackRatingCheckboxComponent } from '../feedback-rating/FeedbackRating.type';
2
+ declare const CheckboxButton: FeedbackRatingCheckboxComponent;
2
3
  export default CheckboxButton;
@@ -9,7 +9,7 @@ import type { FeedbackRatingCheckboxProps, FeedbackRatingItemProps, FeedbackRati
9
9
  type State = {
10
10
  error: boolean;
11
11
  };
12
- declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof FeedbackRatingRoot.enhance, {}, FeedbackRatingDefaultProps, State> {
12
+ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof FeedbackRatingRoot.enhance, {}, {}, State, FeedbackRatingDefaultProps> {
13
13
  static displayName: string;
14
14
  static style: {
15
15
  [key: string]: string;
@@ -45,11 +45,17 @@ declare class FeedbackRatingRoot extends Component<FeedbackRatingProps, typeof F
45
45
  renderTextField: (config: FormConfigItem) => React.JSX.Element;
46
46
  render(): React.ReactNode;
47
47
  }
48
- declare const FeedbackRating: Intergalactic.Component<"form", FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {
48
+ type FeedbackRatingComponent = Intergalactic.Component<'form', FeedbackRatingProps, {}, typeof FeedbackRatingRoot.enhance> & {
49
49
  validate: typeof FeedbackRatingRoot.validate;
50
- Item: Intergalactic.Component<"div", FeedbackRatingItemProps>;
50
+ Item: Intergalactic.Component<'div', FeedbackRatingItemProps>;
51
51
  Submit: typeof Button;
52
52
  Checkbox: Intergalactic.Component<typeof Checkbox, FeedbackRatingCheckboxProps>;
53
53
  Header: typeof Text;
54
54
  };
55
+ /**
56
+ * FeedbackRating
57
+ *
58
+ * {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-api#feedbackform-feedbackrating|API} | {@link https://developer.semrush.com/intergalactic/components/feedback-form/feedback-form-code/|Examples}
59
+ */
60
+ declare const FeedbackRating: FeedbackRatingComponent;
55
61
  export default FeedbackRating;
@@ -5,7 +5,7 @@ import type Notice from '@semcore/notice';
5
5
  import type React from 'react';
6
6
  import type { FieldProps } from 'react-final-form';
7
7
  import type { FeedbackFormProps } from '../../index';
8
- import type { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
8
+ import type { LocalizedMessages } from '../../translations/__intergalactic-dynamic-locales';
9
9
  export type FormConfigItem = {
10
10
  key: string;
11
11
  label: React.ReactNode;
@@ -63,10 +63,11 @@ export type FeedbackRatingCheckboxProps = Omit<NSCheckbox.Props, 'label'> & {
63
63
  focused: boolean;
64
64
  label: React.ReactNode;
65
65
  };
66
+ export type FeedbackRatingCheckboxComponent = Intergalactic.Component<'div', FeedbackRatingCheckboxProps>;
66
67
  export type FeedbackRatingDefaultProps = {
67
68
  onSubmit: () => void;
68
- i18n: typeof localizedMessages;
69
+ i18n: LocalizedMessages;
69
70
  locale: 'en';
70
- Illustration: Intergalactic.Component<'svg', IllustrationProps>;
71
- Notice: typeof Notice;
71
+ Illustration: FeedbackRatingProps['Illustration'];
72
+ Notice: FeedbackRatingProps['Notice'];
72
73
  };
@@ -8,7 +8,8 @@ type SliderRatingProps = {
8
8
  type StarProps = BoxProps & {
9
9
  filled?: boolean;
10
10
  };
11
- declare const SliderRating: Intergalactic.Component<typeof Flex, SliderRatingProps> & {
11
+ type SliderRatingComponent = Intergalactic.Component<typeof Flex, SliderRatingProps> & {
12
12
  Star: Intergalactic.Component<typeof Box, StarProps>;
13
13
  };
14
+ declare const SliderRating: SliderRatingComponent;
14
15
  export default SliderRating;
@@ -168,3 +168,4 @@ export declare const localizedMessages: {
168
168
  "FeedbackRating.SliderRating.aria-valuetext": string;
169
169
  };
170
170
  };
171
+ export type LocalizedMessages = typeof localizedMessages;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@semcore/feedback-form",
3
3
  "description": "Semrush Feedback Form Component",
4
- "version": "17.1.0-prerelease.3",
4
+ "version": "17.2.0-prerelease.3",
5
5
  "main": "lib/cjs/index.js",
6
6
  "module": "lib/es6/index.js",
7
7
  "typings": "lib/types/index.d.ts",
@@ -14,24 +14,24 @@
14
14
  "require": "./lib/cjs/index.js"
15
15
  },
16
16
  "dependencies": {
17
- "@semcore/checkbox": "^17.1.0-prerelease.3",
18
- "@semcore/notice-bubble": "^17.1.0-prerelease.3",
19
- "@semcore/typography": "^17.1.0-prerelease.3",
20
- "@semcore/link": "^17.1.0-prerelease.3",
21
- "@semcore/modal": "^17.1.0-prerelease.3",
17
+ "@semcore/checkbox": "^17.2.0-prerelease.3",
18
+ "@semcore/notice-bubble": "^17.2.0-prerelease.3",
19
+ "@semcore/typography": "^17.2.0-prerelease.3",
20
+ "@semcore/link": "^17.2.0-prerelease.3",
21
+ "@semcore/modal": "^17.2.0-prerelease.3",
22
22
  "@semcore/illustration": "^17.0.1",
23
- "@semcore/textarea": "^17.1.0-prerelease.3",
24
- "@semcore/input": "^17.1.0-prerelease.3",
23
+ "@semcore/textarea": "^17.2.0-prerelease.3",
24
+ "@semcore/input": "^17.2.0-prerelease.3",
25
25
  "final-form": "4.20.7",
26
- "@semcore/button": "^17.1.0-prerelease.3",
27
- "@semcore/notice": "^17.1.0-prerelease.3",
28
- "@semcore/spin-container": "^17.1.0-prerelease.3",
29
- "@semcore/tooltip": "^17.1.0-prerelease.3",
26
+ "@semcore/button": "^17.2.0-prerelease.3",
27
+ "@semcore/notice": "^17.2.0-prerelease.3",
28
+ "@semcore/spin-container": "^17.2.0-prerelease.3",
29
+ "@semcore/tooltip": "^17.2.0-prerelease.3",
30
30
  "final-form-focus": "1.1.2",
31
31
  "react-final-form": "6.5.9"
32
32
  },
33
33
  "peerDependencies": {
34
- "@semcore/base-components": "^17.0.2",
34
+ "@semcore/base-components": "^17.2.0",
35
35
  "@semcore/icon": "^17.0.1"
36
36
  },
37
37
  "repository": {
@@ -41,8 +41,8 @@
41
41
  },
42
42
  "devDependencies": {
43
43
  "@types/final-form-focus": "1.1.7",
44
- "@semcore/core": "17.1.0-prerelease.3",
45
- "@semcore/base-components": "17.0.2-prerelease.3",
44
+ "@semcore/base-components": "17.2.0-prerelease.3",
45
+ "@semcore/core": "17.2.0-prerelease.3",
46
46
  "@semcore/testing-utils": "1.0.0",
47
47
  "@semcore/icon": "17.1.0"
48
48
  },