intergalactic 15.97.0 → 15.98.0-prerelease.0

package/errors/lib/es6/Error.js

@@ -14,15 +14,15 @@ import { Box, Flex } from 'intergalactic/flex-box';
 import createComponent, { Root, Component, sstyled } from 'intergalactic/core';
 import { getIllustrationPath } from 'intergalactic/illustration';
 /*__reshadow-styles__:"./style/errors.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_10c96_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_10c96_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_10c96_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_10c96_gg_ .___SControls_10c96_gg_{display:flex;align-items:center}.___SError_10c96_gg_ .___SControls_10c96_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SInner_10c96_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SImageWrapper_10c96_gg_,.___SImage_10c96_gg_{width:260px;height:260px}@media (max-width:320px){.___SImageWrapper_10c96_gg_,.___SImage_10c96_gg_{width:200px;height:200px}}.___SImageWrapper_10c96_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SWrapper_10c96_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___STitle_10c96_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SDescription_10c96_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "10c96_gg_") /*__reshadow_css_end__*/, {
-  "__SInner": "___SInner_10c96_gg_",
-  "__SImageWrapper": "___SImageWrapper_10c96_gg_",
-  "__SWrapper": "___SWrapper_10c96_gg_",
-  "__STitle": "___STitle_10c96_gg_",
-  "__SDescription": "___SDescription_10c96_gg_",
-  "__SError": "___SError_10c96_gg_",
-  "__SControls": "___SControls_10c96_gg_",
-  "__SImage": "___SImage_10c96_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_ii0et_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_ii0et_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_ii0et_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_ii0et_gg_ .___SControls_ii0et_gg_{display:flex;align-items:center}.___SError_ii0et_gg_ .___SControls_ii0et_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SInner_ii0et_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SImageWrapper_ii0et_gg_,.___SImage_ii0et_gg_{width:260px;height:260px}@media (max-width:320px){.___SImageWrapper_ii0et_gg_,.___SImage_ii0et_gg_{width:200px;height:200px}}.___SImageWrapper_ii0et_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SWrapper_ii0et_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___STitle_ii0et_gg_[data-errors-title]{font-size:var(--intergalactic-fs-700, 36px);line-height:var(--intergalactic-lh-700, 110%);color:var(--intergalactic-text-primary, #191b23);font-weight:var(--intergalactic-semi-bold, 600);margin:0 0 var(--intergalactic-spacing-4x, 16px)0}.___SDescription_ii0et_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);color:var(--intergalactic-text-primary, #191b23);margin:0 0 var(--intergalactic-spacing-6x, 24px)0}" /*__inner_css_end__*/, "ii0et_gg_") /*__reshadow_css_end__*/, {
+  "__SInner": "___SInner_ii0et_gg_",
+  "__SImageWrapper": "___SImageWrapper_ii0et_gg_",
+  "__SWrapper": "___SWrapper_ii0et_gg_",
+  "__STitle": "___STitle_ii0et_gg_",
+  "__SDescription": "___SDescription_ii0et_gg_",
+  "__SError": "___SError_ii0et_gg_",
+  "__SControls": "___SControls_ii0et_gg_",
+  "__SImage": "___SImage_ii0et_gg_"
 });
 export var getIconPath = function getIconPath(name) {
   return getIllustrationPath(name);

package/feature-popover/lib/cjs/FeaturePopover.js

@@ -27,17 +27,17 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_qas2h{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_qas2h{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_qas2h_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_qas2h_gg_{position:relative}.___SClose_qas2h_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_qas2h_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_qas2h;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_qas2h_gg_::after,.___SSpot_qas2h_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_qas2h_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_qas2h;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_qas2h_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_qas2h_gg_,.___SSpot_qas2h_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "qas2h_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_qas2h_gg_",
-  "__STrigger": "___STrigger_qas2h_gg_",
-  "__SClose": "___SClose_qas2h_gg_",
-  "@showTrigger": "showTrigger_qas2h",
-  "@scaleSizeAndHide": "scaleSizeAndHide_qas2h",
-  "__SSpot": "___SSpot_qas2h_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_3tkp9{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_3tkp9{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_3tkp9_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_3tkp9_gg_{position:relative}.___SClose_3tkp9_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_3tkp9_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_3tkp9;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_3tkp9_gg_::after,.___SSpot_3tkp9_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_3tkp9_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_3tkp9;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_3tkp9_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_3tkp9_gg_,.___SSpot_3tkp9_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "3tkp9_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_3tkp9_gg_",
+  "__STrigger": "___STrigger_3tkp9_gg_",
+  "__SClose": "___SClose_3tkp9_gg_",
+  "@showTrigger": "showTrigger_3tkp9",
+  "@scaleSizeAndHide": "scaleSizeAndHide_3tkp9",
+  "__SSpot": "___SSpot_3tkp9_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_ccl7h{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_ccl7h{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "ccl7h_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_ccl7h",
-  "@exit": "exit_ccl7h"
+var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1c7ti{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1c7ti{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1c7ti_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_1c7ti",
+  "@exit": "exit_1c7ti"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeaturePopover, _Component);

package/feature-popover/lib/es6/FeaturePopover.js

@@ -22,17 +22,17 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
 import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
 import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
 /*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_qas2h{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_qas2h{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_qas2h_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_qas2h_gg_{position:relative}.___SClose_qas2h_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_qas2h_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_qas2h;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_qas2h_gg_::after,.___SSpot_qas2h_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_qas2h_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_qas2h;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_qas2h_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_qas2h_gg_,.___SSpot_qas2h_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "qas2h_gg_") /*__reshadow_css_end__*/, {
-  "__SFeaturePopover": "___SFeaturePopover_qas2h_gg_",
-  "__STrigger": "___STrigger_qas2h_gg_",
-  "__SClose": "___SClose_qas2h_gg_",
-  "@showTrigger": "showTrigger_qas2h",
-  "@scaleSizeAndHide": "scaleSizeAndHide_qas2h",
-  "__SSpot": "___SSpot_qas2h_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_3tkp9{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_3tkp9{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_3tkp9_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-4x, 16px);padding-left:var(--intergalactic-spacing-4x, 16px);border-radius:var(--intergalactic-popper-rounded, 6px);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-highlight, #fce081);color:var(--intergalactic-text-primary, #191b23);box-shadow:var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15))}.___STrigger_3tkp9_gg_{position:relative}.___SClose_3tkp9_gg_{position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);cursor:pointer;color:var(--intergalactic-text-primary, #191b23);font-size:0}.___SSpot_3tkp9_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_3tkp9;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_3tkp9_gg_::after,.___SSpot_3tkp9_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_3tkp9_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_3tkp9;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:forwards;animation-delay:.5s;background-color:var(--intergalactic-feature-popover-dot-outer-border, #fce081)}.___SSpot_3tkp9_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_3tkp9_gg_,.___SSpot_3tkp9_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "3tkp9_gg_") /*__reshadow_css_end__*/, {
+  "__SFeaturePopover": "___SFeaturePopover_3tkp9_gg_",
+  "__STrigger": "___STrigger_3tkp9_gg_",
+  "__SClose": "___SClose_3tkp9_gg_",
+  "@showTrigger": "showTrigger_3tkp9",
+  "@scaleSizeAndHide": "scaleSizeAndHide_3tkp9",
+  "__SSpot": "___SSpot_3tkp9_gg_"
 });
-var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_ccl7h{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_ccl7h{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "ccl7h_gg_") /*__reshadow_css_end__*/, {
-  "@enter": "enter_ccl7h",
-  "@exit": "exit_ccl7h"
+var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1c7ti{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1c7ti{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1c7ti_gg_") /*__reshadow_css_end__*/, {
+  "@enter": "enter_1c7ti",
+  "@exit": "exit_1c7ti"
 });
 var FeaturePopover = /*#__PURE__*/function (_Component) {
   _inherits(FeaturePopover, _Component);

package/feedback-form/lib/cjs/FeedbackForm.js

@@ -28,13 +28,13 @@ var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
 var _SubmitButton = require("./component/submit-button/SubmitButton");
 var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
 /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1odos_gg_{max-width:320px}.___SCancel_1odos_gg_,.___SSubmit_1odos_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1odos_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, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_1odos_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1odos_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));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\")}" /*__inner_css_end__*/, "1odos_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_1odos_gg_",
-  "__SSubmit": "___SSubmit_1odos_gg_",
-  "__SCancel": "___SCancel_1odos_gg_",
-  "__SNotice": "___SNotice_1odos_gg_",
-  "__SSuccess": "___SSuccess_1odos_gg_",
-  "__SEmail": "___SEmail_1odos_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1cid8_gg_{max-width:320px}.___SCancel_1cid8_gg_,.___SSubmit_1cid8_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1cid8_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, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_1cid8_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1cid8_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));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\")}" /*__inner_css_end__*/, "1cid8_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_1cid8_gg_",
+  "__SSubmit": "___SSubmit_1cid8_gg_",
+  "__SCancel": "___SCancel_1cid8_gg_",
+  "__SNotice": "___SNotice_1cid8_gg_",
+  "__SSuccess": "___SSuccess_1cid8_gg_",
+  "__SEmail": "___SEmail_1cid8_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackForm, _Component);
@@ -84,8 +84,7 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
           "method": 'POST',
           "ref": forwardRef
         }, other), {}, {
-          "onSubmit": api.handleSubmit,
-          "title": 'This is feedback'
+          "onSubmit": api.handleSubmit
         })), typeof Children.origin === 'function' ? Children.origin(api) : /*#__PURE__*/_react["default"].createElement(Children, _ref4.cn("Children", {}))));
       });
     }
@@ -150,7 +149,7 @@ function Notice(props) {
     _ref7;
   var styles = props.styles,
     _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'bg-secondary-neutral' : _props$theme,
+    theme = _props$theme === void 0 ? 'muted' : _props$theme,
     _props$use = props.use,
     use = _props$use === void 0 ? 'secondary' : _props$use;
   var SNotice = _notice.NoticeSmart;

package/feedback-form/lib/cjs/FeedbackForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_notice","_flexBox","_FeedbackItem","_SubmitButton","_excluded","style","_index","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","assignProps","Cancel","_ref2","_ref6","SCancel","Button","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","Item","FeedbackItem","Submit","SubmitButton","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n                title='This is feedback'\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'bg-secondary-neutral', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackForm.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_reactFinalForm","_finalFormFocus","_button","_spinContainer","_notice","_flexBox","_FeedbackItem","_SubmitButton","_excluded","style","_index","sstyled","insert","FeedbackForm","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","createFocusDecorator","_createClass2","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","Box","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties2","createElement","Form","_extends2","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread2","handleSubmit","origin","Component","Field","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","assignProps","Cancel","_ref2","_ref6","SCancel","Button","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","NoticeSmart","_default","createComponent","Item","FeedbackItem","Submit","SubmitButton","exports"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'muted', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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"}

package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js

@@ -20,9 +20,9 @@ var _flexBox = require("intergalactic/flex-box");
 var _checkbox = _interopRequireDefault(require("intergalactic/checkbox"));
 var _excluded = ["styles", "id", "label"];
 /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_1mrr9_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1mrr9_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1mrr9_gg_.__checked_1mrr9_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1mrr9_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1mrr9_gg_.__checked_1mrr9_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "1mrr9_gg_") /*__reshadow_css_end__*/, {
-  "__SCheckboxButton": "___SCheckboxButton_1mrr9_gg_",
-  "_checked": "__checked_1mrr9_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_pei2o_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_pei2o_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_pei2o_gg_.__checked_pei2o_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_pei2o_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_pei2o_gg_.__checked_pei2o_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "pei2o_gg_") /*__reshadow_css_end__*/, {
+  "__SCheckboxButton": "___SCheckboxButton_pei2o_gg_",
+  "_checked": "__checked_pei2o_gg_"
 });
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(CheckboxButtonRoot, _Component);

package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js

@@ -13,6 +13,7 @@ var _reactFinalForm = require("react-final-form");
 var _tooltip = _interopRequireDefault(require("intergalactic/tooltip"));
 var _pick = _interopRequireDefault(require("intergalactic/utils/lib/pick"));
 var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
+var _core = require("intergalactic/utils/lib/core");
 var _excluded = ["Children", "tag", "uid", "tooltipProps"],
   _excluded2 = ["input", "meta"];
 var deafultTooltipPropsList = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
@@ -33,11 +34,13 @@ function FeedbackItem(_ref) {
     var showError = other.validateOnBlur === false ? meta.submitFailed : true;
     var invalid = meta.invalid && meta.touched;
     var errorState = showError && invalid;
-    var inputProps = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, input), {}, {
+    var popperId = "".concat(uid, "-error-description");
+    var inputProps = (0, _core.assignProps)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, other), {}, {
       state: errorState ? 'invalid' : 'normal',
       'aria-invalid': errorState ? true : false,
-      'aria-errormessage': uid
-    });
+      'aria-errormessage': popperId,
+      'aria-describedby': errorState && meta.active ? popperId : undefined
+    }), input);
     if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
     return /*#__PURE__*/_react["default"].createElement(_tooltip["default"], (0, _extends2["default"])({
       visible: errorState && meta.active,
@@ -54,8 +57,8 @@ function FeedbackItem(_ref) {
       input: inputProps,
       meta: meta
     }, other))), /*#__PURE__*/_react["default"].createElement(_tooltip["default"].Popper, {
-      id: uid,
-      ignorePortalsStacking: true
+      w: '100%',
+      id: popperId
     }, (_meta$error = meta.error) !== null && _meta$error !== void 0 ? _meta$error : lastErrorRef.current));
   });
 }

package/feedback-form/lib/cjs/component/feedback-item/FeedbackItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackItem.js","names":["_react","_interopRequireDefault","require","_reactFinalForm","_tooltip","_pick","_uniqueID","_excluded","_excluded2","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties2","pick","lastErrorRef","React","useRef","undefined","createElement","Field","_ref2","_meta$error","input","meta","other","showError","validateOnBlur","submitFailed","invalid","touched","errorState","inputProps","_objectSpread2","state","error","current","_extends2","visible","active","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","id","ignorePortalsStacking","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const inputProps = {\n          ...input,\n          state: errorState ? 'invalid' : 'normal',\n          'aria-invalid': errorState ? true : false,\n          'aria-errormessage': uid,\n        };\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper id={uid} ignorePortalsStacking>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackItem.js","names":["_react","_interopRequireDefault","require","_reactFinalForm","_tooltip","_pick","_uniqueID","_core","_excluded","_excluded2","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties2","pick","lastErrorRef","React","useRef","undefined","createElement","Field","_ref2","_meta$error","input","meta","other","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","inputProps","assignProps","_objectSpread2","state","active","error","current","_extends2","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","w","id","enhance","uniqueIDEnhancement"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const inputProps = assignProps(\n          {\n            ...other,\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-errormessage': popperId,\n            'aria-describedby': errorState && meta.active ? popperId : undefined,\n          },\n          input,\n        );\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}

package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js

@@ -42,8 +42,8 @@ var _intergalacticDynamicLocales = require("../../translations/__intergalactic-d
 var _noticeBubble = require("intergalactic/notice-bubble");
 var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail"];
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_1btu1_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1btu1_gg_ li{list-style:none}" /*__inner_css_end__*/, "1btu1_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_1btu1_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_1i4d1_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1i4d1_gg_ li{list-style:none}" /*__inner_css_end__*/, "1i4d1_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_1i4d1_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(FeedbackRatingRoot, _Component);

package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js

@@ -19,12 +19,12 @@ var _react = _interopRequireDefault(require("react"));
 var _flexBox = require("intergalactic/flex-box");
 var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
 /*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_xvu7s_gg_ .___SStar_xvu7s_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_xvu7s_gg_ .___SStar_xvu7s_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_xvu7s_gg_.__keyboardFocused_xvu7s_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_xvu7s_gg_.__readonly_xvu7s_gg_ .___SStar_xvu7s_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_xvu7s_gg_.__filled_xvu7s_gg_:active{animation:wobble .8s ease-in-out}.___SStar_xvu7s_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_xvu7s_gg_.__filled_xvu7s_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "xvu7s_gg_") /*__reshadow_css_end__*/, {
-  "__SSliderRating": "___SSliderRating_xvu7s_gg_",
-  "__SStar": "___SStar_xvu7s_gg_",
-  "_keyboardFocused": "__keyboardFocused_xvu7s_gg_",
-  "_readonly": "__readonly_xvu7s_gg_",
-  "_filled": "__filled_xvu7s_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_17fwp_gg_ .___SStar_17fwp_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_17fwp_gg_ .___SStar_17fwp_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_17fwp_gg_.__keyboardFocused_17fwp_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_17fwp_gg_.__readonly_17fwp_gg_ .___SStar_17fwp_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_17fwp_gg_.__filled_17fwp_gg_:active{animation:wobble .8s ease-in-out}.___SStar_17fwp_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_17fwp_gg_.__filled_17fwp_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "17fwp_gg_") /*__reshadow_css_end__*/, {
+  "__SSliderRating": "___SSliderRating_17fwp_gg_",
+  "__SStar": "___SStar_17fwp_gg_",
+  "_keyboardFocused": "__keyboardFocused_17fwp_gg_",
+  "_readonly": "__readonly_17fwp_gg_",
+  "_filled": "__filled_17fwp_gg_"
 });
 var MIN = 1;
 var MAX = 5;

package/feedback-form/lib/es6/FeedbackForm.js

@@ -23,13 +23,13 @@ import { Box } from 'intergalactic/flex-box';
 import { FeedbackItem } from './component/feedback-item/FeedbackItem';
 import { SubmitButton } from './component/submit-button/SubmitButton';
 /*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1odos_gg_{max-width:320px}.___SCancel_1odos_gg_,.___SSubmit_1odos_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1odos_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, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_1odos_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1odos_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));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\")}" /*__inner_css_end__*/, "1odos_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackForm": "___SFeedbackForm_1odos_gg_",
-  "__SSubmit": "___SSubmit_1odos_gg_",
-  "__SCancel": "___SCancel_1odos_gg_",
-  "__SNotice": "___SNotice_1odos_gg_",
-  "__SSuccess": "___SSuccess_1odos_gg_",
-  "__SEmail": "___SEmail_1odos_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1cid8_gg_{max-width:320px}.___SCancel_1cid8_gg_,.___SSubmit_1cid8_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1cid8_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, 6px) var(--intergalactic-surface-rounded, 6px)}.___SSuccess_1cid8_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1cid8_gg_{margin-bottom:calc(var(--intergalactic-spacing-4x, 16px) + var(--intergalactic-spacing-05x, 2px));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\")}" /*__inner_css_end__*/, "1cid8_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackForm": "___SFeedbackForm_1cid8_gg_",
+  "__SSubmit": "___SSubmit_1cid8_gg_",
+  "__SCancel": "___SCancel_1cid8_gg_",
+  "__SNotice": "___SNotice_1cid8_gg_",
+  "__SSuccess": "___SSuccess_1cid8_gg_",
+  "__SEmail": "___SEmail_1cid8_gg_"
 });
 var FeedbackForm = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackForm, _Component);
@@ -79,8 +79,7 @@ var FeedbackForm = /*#__PURE__*/function (_Component) {
           "method": 'POST',
           "ref": forwardRef
         }, other), {}, {
-          "onSubmit": api.handleSubmit,
-          "title": 'This is feedback'
+          "onSubmit": api.handleSubmit
         })), typeof Children.origin === 'function' ? Children.origin(api) : /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {}))));
       });
     }
@@ -145,7 +144,7 @@ function Notice(props) {
     _ref7;
   var styles = props.styles,
     _props$theme = props.theme,
-    theme = _props$theme === void 0 ? 'bg-secondary-neutral' : _props$theme,
+    theme = _props$theme === void 0 ? 'muted' : _props$theme,
     _props$use = props.use,
     use = _props$use === void 0 ? 'secondary' : _props$use;
   var SNotice = NoticeSmart;

package/feedback-form/lib/es6/FeedbackForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","NoticeSmart","Box","FeedbackItem","SubmitButton","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","_assignProps","Cancel","_ref2","_ref6","SCancel","_assignProps2","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","_assignProps3","Item","Submit"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n                title='This is feedback'\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'bg-secondary-neutral', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,IAAI,QAAQ,kBAAkB;AAC9C,OAAOC,oBAAoB,MAAM,kBAAkB;AAEnD,OAAOC,eAAe,IAAIC,SAAS,EAAEC,OAAO,EAAEC,IAAI,QAAQ,eAAe;AACzE,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,aAAa,MAAM,yBAAyB;AACnD,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,SAASC,YAAY,QAAQ,wCAAwC;AACrE,SAASC,YAAY,QAAQ,wCAAwC;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAIhEC,YAAY,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,YAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,YAAA;EAAA,SAAAA,aAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,YAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,qBA2BCnB,oBAAoB,EAAE;IAAA,OAAAmB,KAAA;EAAA;EAAAa,YAAA,CAAAlB,YAAA;IAAAmB,GAAA;IAAAC,KAAA,EAEvC,SAAAC,aAAA,EAAe;MACb,IAAQC,cAAc,GAAK,IAAI,CAACC,OAAO,CAA/BD,cAAc;MAEtB,OAAO;QACLA,cAAc,EAAdA;MACF,CAAC;IACH;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,OAAA,EAAS;MACP,IAAMC,aAAa,GAAG/B,GAAG;MACzB,IAAAgC,aAAA,GAA+E,IAAI,CAACH,OAAO;QAAnFI,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEC,UAAU,GAAAH,aAAA,CAAVG,UAAU;QAAEC,OAAO,GAAAJ,aAAA,CAAPI,OAAO;QAAEC,UAAU,GAAAL,aAAA,CAAVK,UAAU;QAAEC,KAAK,GAAAN,aAAA,CAALM,KAAK;QAAKC,KAAK,GAAAC,wBAAA,CAAAR,aAAA,EAAAS,SAAA;MAE1E,oBACEpD,KAAA,CAAAqD,aAAA,CAACnD,IAAI,EAAAoD,QAAA;QAACC,UAAU,EAAE,CAAC,IAAI,CAACC,cAAc;MAAE,GAAKN,KAAK,GAC/C,UAACO,GAAG;QAAA,IAAAC,KAAA;QAAA,OAAAA,KAAA,GACHpD,OAAO,CAACuC,MAAM,CAAC,eACb7C,KAAA,CAAAqD,aAAA,CAAC5C,aAAa,EAAAiD,KAAA,CAAAC,EAAA;UAAA,cACAX,UAAU;UAAA,SACfC,KAAK;UAAA,QACP,IAAI;UAAA,WACAF,OAAO,KAAKa,SAAS,GAAGH,GAAG,CAACI,UAAU,GAAGd;QAAO,iBAEzD/C,KAAA,CAAAqD,aAAA,CAACX,aAAa,EAAAgB,KAAA,CAAAC,EAAA,kBAAAG,aAAA,CAAAA,aAAA;UAAA,OACR,MAAM;UAAA;UAAA,UAEH,MAAM;UAAA,OACRhB;QAAU,GACXI,KAAK;UAAA,YACCO,GAAG,CAACM,YAAY;UAAA,SACpB;QAAkB,KAEvB,OAAOnB,QAAQ,CAACoB,MAAM,KAAK,UAAU,GAAGpB,QAAQ,CAACoB,MAAM,CAACP,GAAG,CAAC,gBAAGzD,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAAc,KAAA,CAAAC,EAAA,iBAAG,CAC9D,CACF;MAAA,CACjB,CAEE;IAEX;EAAC;EAAA,OAAA1C,YAAA;AAAA,EAnEwBZ,SAAS;AAAA4B,eAAA,CAA9BhB,YAAY,iBACK,cAAc;AAAAgB,eAAA,CAD/BhB,YAAY,WAEDH,KAAK;AAAAmB,eAAA,CAFhBhB,YAAY,eAGG;EACjBhB,KAAK,EAALA,KAAK;EACLC,IAAI,EAAJA;AACF,CAAC;AAAA+B,eAAA,CANGhB,YAAY,kBAQM;EACpBgD,QAAQ,EAAE,SAAAA,SAAA,EAAM,CAAC;AACnB,CAAC;AAAAhC,eAAA,CAVGhB,YAAY,cAYE;EAChBiD,WAAW,EAAE,SAAAA,YAACC,KAAK;IAAA,OAAK,YAAgB;MAAA,IAAf9B,KAAK,GAAAZ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmC,SAAA,GAAAnC,SAAA,MAAG,EAAE;MACjC,IAAM2C,KAAK,GAAG/B,KAAK,CAACgC,KAAK,CAAC,KAAK,CAAC;MAChC,IAAMC,OAAO,GAAGF,KAAK,CAACG,IAAI,CAAC,GAAG,CAAC;MAC/B,IAAID,OAAO,CAAC5C,MAAM,GAAG,EAAE,IAAI0C,KAAK,CAAC1C,MAAM,GAAG,CAAC,EAAE;QAC3C,OAAOyC,KAAK;MACd;IACF,CAAC;EAAA;EACDK,KAAK,EAAE,SAAAA,MAACL,KAAK;IAAA,OAAK,YAAgB;MAAA,IAAf9B,KAAK,GAAAZ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAmC,SAAA,GAAAnC,SAAA,MAAG,EAAE;MAC3B,IAAI,CAAC,YAAY,CAACgD,IAAI,CAACC,MAAM,CAACrC,KAAK,CAAC,CAACsC,WAAW,EAAE,CAAC,EAAE;QACnD,OAAOR,KAAK;MACd;IACF,CAAC;EAAA;AACH,CAAC;AA6CH,SAASS,OAAOA,CAACC,KAAK,EAAE;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQpC,QAAQ,GAAaiC,KAAK,CAA1BjC,QAAQ;IAAEC,MAAM,GAAKgC,KAAK,CAAhBhC,MAAM;EACxB,IAAMoC,QAAQ,GAIMtE,GAAG;EAHvB,IAAMuE,MAAM,GAAG,KAAK;EAEpB,OAAAF,KAAA,GAAO1E,OAAO,CAACuC,MAAM,CAAC,eACpB7C,KAAA,CAAAqD,aAAA,CAAC4B,QAAQ,EAAAD,KAAA,CAAArB,EAAA,aAAAG,aAAA,KAAAqB,YAAA,KAAAL,IAAA,kBACP9E,KAAA,CAAAqD,aAAA,CAAC6B,MAAM,EAAAF,KAAA,CAAArB,EAAA;IAAA,eAAc;EAAI,GAAI,eAC7B3D,KAAA,CAAAqD,aAAA,SAAA2B,KAAA,CAAArB,EAAA,2BACE3D,KAAA,CAAAqD,aAAA,CAACT,QAAQ,EAAAoC,KAAA,CAAArB,EAAA,iBAAG,CACP,CACE;AAEf;AACA;AACAiB,OAAO,CAAC9D,KAAK,GAAGA,KAAK;AAErB,SAASsE,MAAMA,CAACP,KAAK,EAAE;EAAA,IAAAQ,KAAA,GAAAN,YAAA;IAAAO,KAAA;EACrB,IAAQzC,MAAM,GAAKgC,KAAK,CAAhBhC,MAAM;EACd,IAAM0C,OAAO,GAC2B/E,MAAM;EAA9C,OAAA8E,KAAA,GAAOhF,OAAO,CAACuC,MAAM,CAAC,eAAC7C,KAAA,CAAAqD,aAAA,CAACkC,OAAO,EAAAD,KAAA,CAAA3B,EAAA,YAAAG,aAAA,KAAA0B,aAAA;IAAA,QAAsB,OAAO;IAAA,OAAK,WAAW;IAAA,SAAO;EAAO,GAAAH,KAAA,IAAG;AAC/F;AAEA,SAASI,MAAMA,CAACZ,KAAK,EAAE;EAAA,IAAAa,KAAA,GAAAX,YAAA;IAAAY,KAAA;EACrB,IAAQ9C,MAAM,GAAwDgC,KAAK,CAAnEhC,MAAM;IAAA+C,YAAA,GAAwDf,KAAK,CAA3D5B,KAAK;IAALA,KAAK,GAAA2C,YAAA,cAAG,sBAAsB,GAAAA,YAAA;IAAAC,UAAA,GAAwBhB,KAAK,CAA3BiB,GAAG;IAAHA,GAAG,GAAAD,UAAA,cAAG,WAAW,GAAAA,UAAA;EACjE,IAAME,OAAO,GAC2BrF,WAAW;EAAnD,OAAAiF,KAAA,GAAOrF,OAAO,CAACuC,MAAM,CAAC,eAAC7C,KAAA,CAAAqD,aAAA,CAAC0C,OAAO,EAAAJ,KAAA,CAAAhC,EAAA,YAAAG,aAAA,KAAAkC,aAAA;IAAA,SAA6B/C,KAAK;IAAA,OAAO6C;EAAG,GAAAJ,KAAA,IAAI;AACjF;AAEA,eAAetF,eAAe,CAACa,YAAY,EAAE;EAC3CgF,IAAI,EAAErF,YAAY;EAClBgE,OAAO,EAAPA,OAAO;EACPsB,MAAM,EAAErF,YAAY;EACpBuE,MAAM,EAANA,MAAM;EACNK,MAAM,EAANA;AACF,CAAC,CAAC"}
+{"version":3,"file":"FeedbackForm.js","names":["React","Field","Form","createFocusDecorator","createComponent","Component","sstyled","Root","Button","SpinContainer","NoticeSmart","Box","FeedbackItem","SubmitButton","style","_sstyled","insert","FeedbackForm","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_createClass","key","value","getItemProps","validateOnBlur","asProps","render","SFeedbackForm","_this$asProps","Children","styles","forwardRef","loading","background","theme","other","_objectWithoutProperties","_excluded","createElement","_extends","decorators","focusDecorator","api","_ref4","cn","undefined","submitting","_objectSpread","handleSubmit","origin","onSubmit","description","error","words","split","symbols","join","email","test","String","toLowerCase","Success","props","_ref","arguments[0]","_ref5","SSuccess","SEmail","_assignProps","Cancel","_ref2","_ref6","SCancel","_assignProps2","Notice","_ref3","_ref7","_props$theme","_props$use","use","SNotice","_assignProps3","Item","Submit"],"sources":["../../src/FeedbackForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field, Form } from 'react-final-form';\nimport createFocusDecorator from 'final-form-focus';\n\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport Button from '@semcore/button';\nimport SpinContainer from '@semcore/spin-container';\nimport { NoticeSmart } from '@semcore/notice';\nimport { Box } from '@semcore/flex-box';\n\nimport { FeedbackItem } from './component/feedback-item/FeedbackItem';\nimport { SubmitButton } from './component/submit-button/SubmitButton';\n\nimport style from './style/feedback-form.shadow.css';\n\nclass FeedbackForm extends Component {\n  static displayName = 'FeedbackForm';\n  static style = style;\n  static FinalForm = {\n    Field,\n    Form,\n  };\n\n  static defaultProps = {\n    onSubmit: () => {},\n  };\n\n  static validate = {\n    description: (error) => (value = '') => {\n      const words = value.split(/\\s+/);\n      const symbols = words.join(' ');\n      if (symbols.length < 10 || words.length < 3) {\n        return error;\n      }\n    },\n    email: (error) => (value = '') => {\n      if (!/.+@.+\\..+/i.test(String(value).toLowerCase())) {\n        return error;\n      }\n    },\n  };\n\n  focusDecorator = createFocusDecorator();\n\n  getItemProps() {\n    const { validateOnBlur } = this.asProps;\n\n    return {\n      validateOnBlur,\n    };\n  }\n\n  render() {\n    const SFeedbackForm = Box;\n    const { Children, styles, forwardRef, loading, background, theme, ...other } = this.asProps;\n\n    return (\n      <Form decorators={[this.focusDecorator]} {...other}>\n        {(api) =>\n          sstyled(styles)(\n            <SpinContainer\n              background={background}\n              theme={theme}\n              size='xl'\n              loading={loading === undefined ? api.submitting : loading}\n            >\n              <SFeedbackForm\n                tag='form'\n                noValidate\n                method='POST'\n                ref={forwardRef}\n                {...other}\n                onSubmit={api.handleSubmit}\n              >\n                {typeof Children.origin === 'function' ? Children.origin(api) : <Children />}\n              </SFeedbackForm>\n            </SpinContainer>,\n          )\n        }\n      </Form>\n    );\n  }\n}\n\nfunction Success(props) {\n  const { Children, styles } = props;\n  const SSuccess = Root;\n  const SEmail = 'div';\n\n  return sstyled(styles)(\n    <SSuccess render={Box}>\n      <SEmail aria-hidden={true} />\n      <span>\n        <Children />\n      </span>\n    </SSuccess>,\n  );\n}\n// because it is used without a wrapper\nSuccess.style = style;\n\nfunction Cancel(props) {\n  const { styles } = props;\n  const SCancel = Root;\n  return sstyled(styles)(<SCancel render={Button} type='reset' use='secondary' theme='muted' />);\n}\n\nfunction Notice(props) {\n  const { styles, theme = 'muted', use = 'secondary' } = props;\n  const SNotice = Root;\n  return sstyled(styles)(<SNotice render={NoticeSmart} theme={theme} use={use} />);\n}\n\nexport default createComponent(FeedbackForm, {\n  Item: FeedbackItem,\n  Success,\n  Submit: SubmitButton,\n  Cancel,\n  Notice,\n});\n"],"mappings":"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"}

package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js

@@ -12,9 +12,9 @@ import React from 'react';
 import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
 import { Box } from 'intergalactic/flex-box';
 /*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_1mrr9_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_1mrr9_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_1mrr9_gg_.__checked_1mrr9_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_1mrr9_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_1mrr9_gg_.__checked_1mrr9_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "1mrr9_gg_") /*__reshadow_css_end__*/, {
-  "__SCheckboxButton": "___SCheckboxButton_1mrr9_gg_",
-  "_checked": "__checked_1mrr9_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_pei2o_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_pei2o_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_pei2o_gg_.__checked_pei2o_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_pei2o_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_pei2o_gg_.__checked_pei2o_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "pei2o_gg_") /*__reshadow_css_end__*/, {
+  "__SCheckboxButton": "___SCheckboxButton_pei2o_gg_",
+  "_checked": "__checked_pei2o_gg_"
 });
 import Checkbox from 'intergalactic/checkbox';
 var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {

package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js

@@ -8,6 +8,7 @@ import { Field } from 'react-final-form';
 import Tooltip from 'intergalactic/tooltip';
 import pick from 'intergalactic/utils/lib/pick';
 import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import { assignProps } from 'intergalactic/utils/lib/core';
 var deafultTooltipPropsList = ['title', 'theme', 'strategy', 'modifiers', 'placement', 'interaction', 'timeout', 'visible', 'defaultVisible', 'onVisibleChange', 'offset', 'preventOverflow', 'arrow', 'flip', 'computeStyles', 'eventListeners', 'onFirstUpdate'];
 export function FeedbackItem(_ref) {
   var Children = _ref.Children,
@@ -26,11 +27,13 @@ export function FeedbackItem(_ref) {
     var showError = other.validateOnBlur === false ? meta.submitFailed : true;
     var invalid = meta.invalid && meta.touched;
     var errorState = showError && invalid;
-    var inputProps = _objectSpread(_objectSpread({}, input), {}, {
+    var popperId = "".concat(uid, "-error-description");
+    var inputProps = assignProps(_objectSpread(_objectSpread({}, other), {}, {
       state: errorState ? 'invalid' : 'normal',
       'aria-invalid': errorState ? true : false,
-      'aria-errormessage': uid
-    });
+      'aria-errormessage': popperId,
+      'aria-describedby': errorState && meta.active ? popperId : undefined
+    }), input);
     if (meta !== null && meta !== void 0 && meta.error) lastErrorRef.current = meta.error;
     return /*#__PURE__*/React.createElement(Tooltip, _extends({
       visible: errorState && meta.active,
@@ -47,8 +50,8 @@ export function FeedbackItem(_ref) {
       input: inputProps,
       meta: meta
     }, other))), /*#__PURE__*/React.createElement(Tooltip.Popper, {
-      id: uid,
-      ignorePortalsStacking: true
+      w: '100%',
+      id: popperId
     }, (_meta$error = meta.error) !== null && _meta$error !== void 0 ? _meta$error : lastErrorRef.current));
   });
 }

package/feedback-form/lib/es6/component/feedback-item/FeedbackItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackItem.js","names":["React","Field","Tooltip","pick","uniqueIDEnhancement","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties","_excluded","lastErrorRef","useRef","undefined","createElement","_ref2","_meta$error","input","meta","other","_excluded2","showError","validateOnBlur","submitFailed","invalid","touched","errorState","inputProps","_objectSpread","state","error","current","_extends","visible","active","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","id","ignorePortalsStacking","enhance"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const inputProps = {\n          ...input,\n          state: errorState ? 'invalid' : 'normal',\n          'aria-invalid': errorState ? true : false,\n          'aria-errormessage': uid,\n        };\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper id={uid} ignorePortalsStacking>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}
+{"version":3,"file":"FeedbackItem.js","names":["React","Field","Tooltip","pick","uniqueIDEnhancement","assignProps","deafultTooltipPropsList","FeedbackItem","_ref","Children","tag","uid","_ref$tooltipProps","tooltipProps","tooltipPropsList","props","_objectWithoutProperties","_excluded","lastErrorRef","useRef","undefined","createElement","_ref2","_meta$error","input","meta","other","_excluded2","showError","validateOnBlur","submitFailed","invalid","touched","errorState","popperId","concat","inputProps","_objectSpread","state","active","error","current","_extends","visible","theme","placement","flip","fallbackPlacements","Trigger","inline","role","origin","Popper","w","id","enhance"],"sources":["../../../../src/component/feedback-item/FeedbackItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Field } from 'react-final-form';\nimport Tooltip from '@semcore/tooltip';\nimport pick from '@semcore/utils/lib/pick';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport { assignProps } from '@semcore/utils/lib/core';\n\nconst deafultTooltipPropsList = [\n  'title',\n  'theme',\n  'strategy',\n  'modifiers',\n  'placement',\n  'interaction',\n  'timeout',\n  'visible',\n  'defaultVisible',\n  'onVisibleChange',\n  'offset',\n  'preventOverflow',\n  'arrow',\n  'flip',\n  'computeStyles',\n  'eventListeners',\n  'onFirstUpdate',\n];\n\nexport function FeedbackItem({\n  Children,\n  tag,\n  uid,\n  tooltipProps: tooltipPropsList = deafultTooltipPropsList,\n  ...props\n}: any) {\n  const tooltipProps = pick(props, tooltipPropsList);\n  const lastErrorRef = React.useRef(undefined);\n\n  return (\n    <Field {...props}>\n      {({ input, meta, ...other }) => {\n        const showError = other.validateOnBlur === false ? meta.submitFailed : true;\n        const invalid = meta.invalid && meta.touched;\n        const errorState = showError && invalid;\n        const popperId = `${uid}-error-description`;\n        const inputProps = assignProps(\n          {\n            ...other,\n            state: errorState ? 'invalid' : 'normal',\n            'aria-invalid': errorState ? true : false,\n            'aria-errormessage': popperId,\n            'aria-describedby': errorState && meta.active ? popperId : undefined,\n          },\n          input,\n        );\n        if (meta?.error) lastErrorRef.current = meta.error;\n\n        return (\n          <Tooltip\n            visible={errorState && meta.active}\n            theme='warning'\n            placement='left'\n            flip={{\n              fallbackPlacements: ['right', 'bottom'],\n            }}\n            {...tooltipProps}\n          >\n            <Tooltip.Trigger inline={false} role={undefined} tag={tag} {...(tag ? inputProps : {})}>\n              {typeof Children.origin === 'function' &&\n                Children.origin({\n                  input: inputProps,\n                  meta,\n                  ...other,\n                })}\n            </Tooltip.Trigger>\n            <Tooltip.Popper w={'100%'} id={popperId}>\n              {meta.error ?? lastErrorRef.current}\n            </Tooltip.Popper>\n          </Tooltip>\n        );\n      }}\n    </Field>\n  );\n}\nFeedbackItem.enhance = [uniqueIDEnhancement()];\n"],"mappings":"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"}

package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js

@@ -37,8 +37,8 @@ import Input from 'intergalactic/input';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
 import { NoticeBubbleContainer, NoticeBubbleManager } from 'intergalactic/notice-bubble';
 /*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_1btu1_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1btu1_gg_ li{list-style:none}" /*__inner_css_end__*/, "1btu1_gg_") /*__reshadow_css_end__*/, {
-  "__SFeedbackRating": "___SFeedbackRating_1btu1_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_1i4d1_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1i4d1_gg_ li{list-style:none}" /*__inner_css_end__*/, "1i4d1_gg_") /*__reshadow_css_end__*/, {
+  "__SFeedbackRating": "___SFeedbackRating_1i4d1_gg_"
 });
 var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
   _inherits(FeedbackRatingRoot, _Component);