@semcore/feedback-form 17.2.0 → 17.2.1
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/CHANGELOG.md +7 -0
- package/lib/cjs/FeedbackForm.js +7 -7
- package/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
- package/lib/cjs/component/feedback-rating/FeedbackRating.js +3 -3
- package/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/lib/cjs/style/feedback-form.shadow.css +1 -1
- package/lib/es6/FeedbackForm.js +7 -7
- package/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
- package/lib/es6/component/feedback-rating/FeedbackRating.js +3 -3
- package/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/lib/es6/style/feedback-form.shadow.css +1 -1
- package/lib/esm/FeedbackForm.mjs +8 -8
- package/lib/esm/component/checkbox-button/CheckboxButton.mjs +4 -4
- package/lib/esm/component/feedback-rating/FeedbackRating.mjs +4 -4
- package/lib/esm/component/slider-rating/SliderRating.mjs +7 -7
- package/lib/esm/style/feedback-form.shadow.css +1 -1
- package/package.json +15 -15
- package/vitest.config.mts +17 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
CHANGELOG.md standards are inspired by [keepachangelog.com](https://keepachangelog.com/en/1.0.0/).
|
|
4
4
|
|
|
5
|
+
## [17.2.1] - 2026-06-26
|
|
6
|
+
|
|
7
|
+
### Fixed
|
|
8
|
+
|
|
9
|
+
- Outline has a shimmering black color.
|
|
10
|
+
- Incorrect processing of oklch values.
|
|
11
|
+
|
|
5
12
|
## [17.2.0] - 2026-06-05
|
|
6
13
|
|
|
7
14
|
### Added
|
package/lib/cjs/FeedbackForm.js
CHANGED
|
@@ -18,15 +18,15 @@ var _reactFinalForm = require("react-final-form");
|
|
|
18
18
|
var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
|
|
19
19
|
var _SubmitButton = require("./component/submit-button/SubmitButton");
|
|
20
20
|
/*!__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
|
21
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
21
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_18v1z_gg_{max-width:320px}.___SCancel_18v1z_gg_,.___SSubmit_18v1z_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x,8px)}.___SNotice_18v1z_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_18v1z_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x,40px);box-sizing:border-box;outline-color:#0000}.___SEmail_18v1z_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\")}", /*__inner_css_end__*/"18v1z_gg_"),
|
|
22
22
|
/*__reshadow_css_end__*/
|
|
23
23
|
{
|
|
24
|
-
"__SFeedbackForm": "
|
|
25
|
-
"__SSubmit": "
|
|
26
|
-
"__SCancel": "
|
|
27
|
-
"__SNotice": "
|
|
28
|
-
"__SSuccess": "
|
|
29
|
-
"__SEmail": "
|
|
24
|
+
"__SFeedbackForm": "___SFeedbackForm_18v1z_gg_",
|
|
25
|
+
"__SSubmit": "___SSubmit_18v1z_gg_",
|
|
26
|
+
"__SCancel": "___SCancel_18v1z_gg_",
|
|
27
|
+
"__SNotice": "___SNotice_18v1z_gg_",
|
|
28
|
+
"__SSuccess": "___SSuccess_18v1z_gg_",
|
|
29
|
+
"__SEmail": "___SEmail_18v1z_gg_"
|
|
30
30
|
});
|
|
31
31
|
class FeedbackForm extends _core.Component {
|
|
32
32
|
constructor(...args) {
|
|
@@ -11,11 +11,11 @@ var _baseComponents = require("@semcore/base-components");
|
|
|
11
11
|
var _checkbox = _interopRequireDefault(require("@semcore/checkbox"));
|
|
12
12
|
var _react = _interopRequireDefault(require("react"));
|
|
13
13
|
/*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
|
|
14
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
14
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_11m4t_gg_{margin-top:var(--intergalactic-spacing-2x,8px);border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-rounded-medium,6px)}@media (color-gamut:p3){.___SCheckboxButton_11m4t_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SCheckboxButton_11m4t_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x,12px);box-sizing:border-box}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}@media (hover:hover){.___SCheckboxButton_11m4t_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_:hover{background-color:#008ff833}}", /*__inner_css_end__*/"11m4t_gg_"),
|
|
15
15
|
/*__reshadow_css_end__*/
|
|
16
16
|
{
|
|
17
|
-
"__SCheckboxButton": "
|
|
18
|
-
"_checked": "
|
|
17
|
+
"__SCheckboxButton": "___SCheckboxButton_11m4t_gg_",
|
|
18
|
+
"_checked": "__checked_11m4t_gg_"
|
|
19
19
|
});
|
|
20
20
|
class CheckboxButtonRoot extends _core.Component {
|
|
21
21
|
constructor(...args) {
|
|
@@ -31,11 +31,11 @@ var _FeedbackItem = require("../feedback-item/FeedbackItem");
|
|
|
31
31
|
var _SliderRating = _interopRequireDefault(require("../slider-rating/SliderRating"));
|
|
32
32
|
var _SubmitButton = require("../submit-button/SubmitButton");
|
|
33
33
|
/*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
|
|
34
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
34
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_yl2ph_gg_ ul{margin:0;padding:0}.___SFeedbackRating_yl2ph_gg_ :is(li,ul){list-style:none}.___SFeedbackRating_yl2ph_gg_ .___SHeader_yl2ph_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}", /*__inner_css_end__*/"yl2ph_gg_"),
|
|
35
35
|
/*__reshadow_css_end__*/
|
|
36
36
|
{
|
|
37
|
-
"__SFeedbackRating": "
|
|
38
|
-
"__SHeader": "
|
|
37
|
+
"__SFeedbackRating": "___SFeedbackRating_yl2ph_gg_",
|
|
38
|
+
"__SHeader": "___SHeader_yl2ph_gg_"
|
|
39
39
|
});
|
|
40
40
|
class FeedbackRatingRoot extends _core.Component {
|
|
41
41
|
constructor(...args) {
|
|
@@ -13,14 +13,14 @@ var _uniqueID = _interopRequireDefault(require("@semcore/core/lib/utils/uniqueID
|
|
|
13
13
|
var _react = _interopRequireDefault(require("react"));
|
|
14
14
|
var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
|
|
15
15
|
/*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
|
|
16
|
-
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".
|
|
16
|
+
const style = (/*__reshadow_css_start__*/_core.sstyled.insert(/*__inner_css_start__*/".___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_kfmw6_gg_:focus-visible .___SStar_kfmw6_gg_.__hovered_kfmw6_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_kfmw6_gg_.__readonly_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_:active{animation:wobble .8s ease-in-out}.___SStar_kfmw6_gg_ path{fill:var(--intergalactic-slider-rating-normal,oklch(.7 .003 162.2))}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active,oklch(.66 .212 300.1))}", /*__inner_css_end__*/"kfmw6_gg_"),
|
|
17
17
|
/*__reshadow_css_end__*/
|
|
18
18
|
{
|
|
19
|
-
"__SSliderRating": "
|
|
20
|
-
"__SStar": "
|
|
21
|
-
"_hovered": "
|
|
22
|
-
"_readonly": "
|
|
23
|
-
"_filled": "
|
|
19
|
+
"__SSliderRating": "___SSliderRating_kfmw6_gg_",
|
|
20
|
+
"__SStar": "___SStar_kfmw6_gg_",
|
|
21
|
+
"_hovered": "__hovered_kfmw6_gg_",
|
|
22
|
+
"_readonly": "__readonly_kfmw6_gg_",
|
|
23
|
+
"_filled": "__filled_kfmw6_gg_"
|
|
24
24
|
});
|
|
25
25
|
const MIN = 1;
|
|
26
26
|
const MAX = 5;
|
package/lib/es6/FeedbackForm.js
CHANGED
|
@@ -15,15 +15,15 @@ import { Field, Form } from 'react-final-form';
|
|
|
15
15
|
import { FeedbackItem } from './component/feedback-item/FeedbackItem';
|
|
16
16
|
import { SubmitButton } from './component/submit-button/SubmitButton';
|
|
17
17
|
/*!__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
|
18
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
18
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackForm_18v1z_gg_{max-width:320px}.___SCancel_18v1z_gg_,.___SSubmit_18v1z_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x,8px)}.___SNotice_18v1z_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_18v1z_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x,40px);box-sizing:border-box;outline-color:#0000}.___SEmail_18v1z_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\")}", /*__inner_css_end__*/"18v1z_gg_"),
|
|
19
19
|
/*__reshadow_css_end__*/
|
|
20
20
|
{
|
|
21
|
-
"__SFeedbackForm": "
|
|
22
|
-
"__SSubmit": "
|
|
23
|
-
"__SCancel": "
|
|
24
|
-
"__SNotice": "
|
|
25
|
-
"__SSuccess": "
|
|
26
|
-
"__SEmail": "
|
|
21
|
+
"__SFeedbackForm": "___SFeedbackForm_18v1z_gg_",
|
|
22
|
+
"__SSubmit": "___SSubmit_18v1z_gg_",
|
|
23
|
+
"__SCancel": "___SCancel_18v1z_gg_",
|
|
24
|
+
"__SNotice": "___SNotice_18v1z_gg_",
|
|
25
|
+
"__SSuccess": "___SSuccess_18v1z_gg_",
|
|
26
|
+
"__SEmail": "___SEmail_18v1z_gg_"
|
|
27
27
|
});
|
|
28
28
|
class FeedbackForm extends Component {
|
|
29
29
|
constructor(...args) {
|
|
@@ -6,11 +6,11 @@ import Checkbox from '@semcore/checkbox';
|
|
|
6
6
|
import { createComponent, Component, Root, sstyled } from '@semcore/core';
|
|
7
7
|
import React from 'react';
|
|
8
8
|
/*!__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
|
|
9
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
9
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SCheckboxButton_11m4t_gg_{margin-top:var(--intergalactic-spacing-2x,8px);border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-rounded-medium,6px)}@media (color-gamut:p3){.___SCheckboxButton_11m4t_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SCheckboxButton_11m4t_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x,12px);box-sizing:border-box}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}@media (hover:hover){.___SCheckboxButton_11m4t_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_:hover{background-color:#008ff833}}", /*__inner_css_end__*/"11m4t_gg_"),
|
|
10
10
|
/*__reshadow_css_end__*/
|
|
11
11
|
{
|
|
12
|
-
"__SCheckboxButton": "
|
|
13
|
-
"_checked": "
|
|
12
|
+
"__SCheckboxButton": "___SCheckboxButton_11m4t_gg_",
|
|
13
|
+
"_checked": "__checked_11m4t_gg_"
|
|
14
14
|
});
|
|
15
15
|
class CheckboxButtonRoot extends Component {
|
|
16
16
|
constructor(...args) {
|
|
@@ -23,11 +23,11 @@ import createFocusDecorator from 'final-form-focus';
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { Field, Form } from 'react-final-form';
|
|
25
25
|
/*!__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
|
|
26
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
26
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SFeedbackRating_yl2ph_gg_ ul{margin:0;padding:0}.___SFeedbackRating_yl2ph_gg_ :is(li,ul){list-style:none}.___SFeedbackRating_yl2ph_gg_ .___SHeader_yl2ph_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}", /*__inner_css_end__*/"yl2ph_gg_"),
|
|
27
27
|
/*__reshadow_css_end__*/
|
|
28
28
|
{
|
|
29
|
-
"__SFeedbackRating": "
|
|
30
|
-
"__SHeader": "
|
|
29
|
+
"__SFeedbackRating": "___SFeedbackRating_yl2ph_gg_",
|
|
30
|
+
"__SHeader": "___SHeader_yl2ph_gg_"
|
|
31
31
|
});
|
|
32
32
|
import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
|
|
33
33
|
import CheckboxButton from '../checkbox-button/CheckboxButton';
|
|
@@ -9,14 +9,14 @@ import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
|
|
|
9
9
|
import uniqueIDEnhancement from '@semcore/core/lib/utils/uniqueID';
|
|
10
10
|
import React from 'react';
|
|
11
11
|
/*!__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
|
|
12
|
-
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".
|
|
12
|
+
const style = (/*__reshadow_css_start__*/_sstyled.insert(/*__inner_css_start__*/".___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_kfmw6_gg_:focus-visible .___SStar_kfmw6_gg_.__hovered_kfmw6_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_kfmw6_gg_.__readonly_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_:active{animation:wobble .8s ease-in-out}.___SStar_kfmw6_gg_ path{fill:var(--intergalactic-slider-rating-normal,oklch(.7 .003 162.2))}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active,oklch(.66 .212 300.1))}", /*__inner_css_end__*/"kfmw6_gg_"),
|
|
13
13
|
/*__reshadow_css_end__*/
|
|
14
14
|
{
|
|
15
|
-
"__SSliderRating": "
|
|
16
|
-
"__SStar": "
|
|
17
|
-
"_hovered": "
|
|
18
|
-
"_readonly": "
|
|
19
|
-
"_filled": "
|
|
15
|
+
"__SSliderRating": "___SSliderRating_kfmw6_gg_",
|
|
16
|
+
"__SStar": "___SStar_kfmw6_gg_",
|
|
17
|
+
"_hovered": "__hovered_kfmw6_gg_",
|
|
18
|
+
"_readonly": "__readonly_kfmw6_gg_",
|
|
19
|
+
"_filled": "__filled_kfmw6_gg_"
|
|
20
20
|
});
|
|
21
21
|
import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
|
|
22
22
|
const MIN = 1;
|
package/lib/esm/FeedbackForm.mjs
CHANGED
|
@@ -15,17 +15,17 @@ const style = (
|
|
|
15
15
|
/*__reshadow_css_start__*/
|
|
16
16
|
(sstyled.insert(
|
|
17
17
|
/*__inner_css_start__*/
|
|
18
|
-
`.
|
|
18
|
+
`.___SFeedbackForm_18v1z_gg_{max-width:320px}.___SCancel_18v1z_gg_,.___SSubmit_18v1z_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x,8px)}.___SNotice_18v1z_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_18v1z_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x,40px);box-sizing:border-box;outline-color:#0000}.___SEmail_18v1z_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
|
-
"
|
|
20
|
+
"18v1z_gg_"
|
|
21
21
|
), /*__reshadow_css_end__*/
|
|
22
22
|
{
|
|
23
|
-
"__SFeedbackForm": "
|
|
24
|
-
"__SSubmit": "
|
|
25
|
-
"__SCancel": "
|
|
26
|
-
"__SNotice": "
|
|
27
|
-
"__SSuccess": "
|
|
28
|
-
"__SEmail": "
|
|
23
|
+
"__SFeedbackForm": "___SFeedbackForm_18v1z_gg_",
|
|
24
|
+
"__SSubmit": "___SSubmit_18v1z_gg_",
|
|
25
|
+
"__SCancel": "___SCancel_18v1z_gg_",
|
|
26
|
+
"__SNotice": "___SNotice_18v1z_gg_",
|
|
27
|
+
"__SSuccess": "___SSuccess_18v1z_gg_",
|
|
28
|
+
"__SEmail": "___SEmail_18v1z_gg_"
|
|
29
29
|
})
|
|
30
30
|
);
|
|
31
31
|
class FeedbackForm extends Component {
|
|
@@ -8,13 +8,13 @@ const style = (
|
|
|
8
8
|
/*__reshadow_css_start__*/
|
|
9
9
|
(sstyled.insert(
|
|
10
10
|
/*__inner_css_start__*/
|
|
11
|
-
".
|
|
11
|
+
".___SCheckboxButton_11m4t_gg_{margin-top:var(--intergalactic-spacing-2x,8px);border:1px solid var(--intergalactic-border-primary,#000c0829);border-radius:var(--intergalactic-rounded-medium,6px)}@media (color-gamut:p3){.___SCheckboxButton_11m4t_gg_{border:1px solid var(--intergalactic-border-primary,oklch(.137 .026 175.7/.161))}}.___SCheckboxButton_11m4t_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x,12px);box-sizing:border-box}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}@media (hover:hover){.___SCheckboxButton_11m4t_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active,oklch(.7 .131 275.2));background-color:#008ff81a}.___SCheckboxButton_11m4t_gg_.__checked_11m4t_gg_:hover{background-color:#008ff833}}",
|
|
12
12
|
/*__inner_css_end__*/
|
|
13
|
-
"
|
|
13
|
+
"11m4t_gg_"
|
|
14
14
|
), /*__reshadow_css_end__*/
|
|
15
15
|
{
|
|
16
|
-
"__SCheckboxButton": "
|
|
17
|
-
"_checked": "
|
|
16
|
+
"__SCheckboxButton": "___SCheckboxButton_11m4t_gg_",
|
|
17
|
+
"_checked": "__checked_11m4t_gg_"
|
|
18
18
|
})
|
|
19
19
|
);
|
|
20
20
|
class CheckboxButtonRoot extends Component {
|
|
@@ -28,13 +28,13 @@ const style = (
|
|
|
28
28
|
/*__reshadow_css_start__*/
|
|
29
29
|
(sstyled.insert(
|
|
30
30
|
/*__inner_css_start__*/
|
|
31
|
-
".
|
|
31
|
+
".___SFeedbackRating_yl2ph_gg_ ul{margin:0;padding:0}.___SFeedbackRating_yl2ph_gg_ :is(li,ul){list-style:none}.___SFeedbackRating_yl2ph_gg_ .___SHeader_yl2ph_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
|
-
"
|
|
33
|
+
"yl2ph_gg_"
|
|
34
34
|
), /*__reshadow_css_end__*/
|
|
35
35
|
{
|
|
36
|
-
"__SFeedbackRating": "
|
|
37
|
-
"__SHeader": "
|
|
36
|
+
"__SFeedbackRating": "___SFeedbackRating_yl2ph_gg_",
|
|
37
|
+
"__SHeader": "___SHeader_yl2ph_gg_"
|
|
38
38
|
})
|
|
39
39
|
);
|
|
40
40
|
class FeedbackRatingRoot extends Component {
|
|
@@ -10,16 +10,16 @@ const style = (
|
|
|
10
10
|
/*__reshadow_css_start__*/
|
|
11
11
|
(sstyled.insert(
|
|
12
12
|
/*__inner_css_start__*/
|
|
13
|
-
".
|
|
13
|
+
".___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}.___SSliderRating_kfmw6_gg_:focus-visible .___SStar_kfmw6_gg_.__hovered_kfmw6_gg_{cursor:pointer;transform:scale(1.3)}@media (hover:hover){.___SSliderRating_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:pointer;transform:scale(1.3)}.___SSliderRating_kfmw6_gg_.__readonly_kfmw6_gg_ .___SStar_kfmw6_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_:active{animation:wobble .8s ease-in-out}.___SStar_kfmw6_gg_ path{fill:var(--intergalactic-slider-rating-normal,oklch(.7 .003 162.2))}.___SStar_kfmw6_gg_.__filled_kfmw6_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active,oklch(.66 .212 300.1))}",
|
|
14
14
|
/*__inner_css_end__*/
|
|
15
|
-
"
|
|
15
|
+
"kfmw6_gg_"
|
|
16
16
|
), /*__reshadow_css_end__*/
|
|
17
17
|
{
|
|
18
|
-
"__SSliderRating": "
|
|
19
|
-
"__SStar": "
|
|
20
|
-
"_hovered": "
|
|
21
|
-
"_readonly": "
|
|
22
|
-
"_filled": "
|
|
18
|
+
"__SSliderRating": "___SSliderRating_kfmw6_gg_",
|
|
19
|
+
"__SStar": "___SStar_kfmw6_gg_",
|
|
20
|
+
"_hovered": "__hovered_kfmw6_gg_",
|
|
21
|
+
"_readonly": "__readonly_kfmw6_gg_",
|
|
22
|
+
"_filled": "__filled_kfmw6_gg_"
|
|
23
23
|
})
|
|
24
24
|
);
|
|
25
25
|
const MIN = 1;
|
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.2.
|
|
4
|
+
"version": "17.2.1",
|
|
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.2.
|
|
18
|
-
"@semcore/notice-bubble": "^17.2.
|
|
19
|
-
"@semcore/typography": "^17.2.
|
|
20
|
-
"@semcore/link": "^17.2.
|
|
21
|
-
"@semcore/modal": "^17.2.
|
|
17
|
+
"@semcore/checkbox": "^17.2.1",
|
|
18
|
+
"@semcore/notice-bubble": "^17.2.1",
|
|
19
|
+
"@semcore/typography": "^17.2.1",
|
|
20
|
+
"@semcore/link": "^17.2.1",
|
|
21
|
+
"@semcore/modal": "^17.2.1",
|
|
22
22
|
"@semcore/illustration": "^17.0.1",
|
|
23
|
-
"@semcore/textarea": "^17.2.
|
|
24
|
-
"@semcore/input": "^17.2.
|
|
23
|
+
"@semcore/textarea": "^17.2.1",
|
|
24
|
+
"@semcore/input": "^17.2.1",
|
|
25
25
|
"final-form": "4.20.7",
|
|
26
|
-
"@semcore/button": "^17.2.
|
|
27
|
-
"@semcore/notice": "^17.2.
|
|
28
|
-
"@semcore/spin-container": "^17.2.
|
|
29
|
-
"@semcore/tooltip": "^17.2.
|
|
26
|
+
"@semcore/button": "^17.2.1",
|
|
27
|
+
"@semcore/notice": "^17.2.1",
|
|
28
|
+
"@semcore/spin-container": "^17.2.1",
|
|
29
|
+
"@semcore/tooltip": "^17.2.1",
|
|
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.2.
|
|
34
|
+
"@semcore/base-components": "^17.2.1",
|
|
35
35
|
"@semcore/icon": "^17.2.0"
|
|
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/
|
|
45
|
-
"@semcore/
|
|
44
|
+
"@semcore/core": "17.2.1",
|
|
45
|
+
"@semcore/base-components": "17.2.1",
|
|
46
46
|
"@semcore/testing-utils": "1.0.0",
|
|
47
47
|
"@semcore/icon": "17.2.0"
|
|
48
48
|
},
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { resolve as resolvePath } from 'node:path';
|
|
2
|
+
|
|
3
|
+
import { defineConfig } from 'vitest/config';
|
|
4
|
+
|
|
5
|
+
import { vitestPlugins, vitestResolve } from '../../vitest.config.mts';
|
|
6
|
+
|
|
7
|
+
export default defineConfig({
|
|
8
|
+
plugins: vitestPlugins,
|
|
9
|
+
resolve: vitestResolve,
|
|
10
|
+
test: {
|
|
11
|
+
include: [
|
|
12
|
+
'__tests__/**/*.test.jsx',
|
|
13
|
+
],
|
|
14
|
+
environment: 'jsdom',
|
|
15
|
+
setupFiles: [resolvePath(__dirname, '../../tools/testing-utils/setupTests')],
|
|
16
|
+
},
|
|
17
|
+
});
|