intergalactic 15.116.0 → 15.117.0
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 +38 -0
- package/button/lib/cjs/component/Button/Button.js +27 -27
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/Button/Button.js +27 -27
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/package.json +1 -1
- package/color-picker/index.d.ts +2 -2
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +24 -24
- package/color-picker/lib/cjs/components/InputColor.js +24 -24
- package/color-picker/lib/cjs/index.d.js.map +1 -1
- package/color-picker/lib/es6/ColorPicker.js +24 -24
- package/color-picker/lib/es6/PaletteManager.js +24 -24
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/color-picker/lib/es6/index.d.js.map +1 -1
- package/color-picker/lib/types/index.d.ts +2 -2
- package/color-picker/package.json +1 -1
- package/components.json +21 -21
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
- package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/cjs/translations/de.json +1 -0
- package/date-picker/lib/cjs/translations/en.json +1 -1
- package/date-picker/lib/cjs/translations/es.json +1 -0
- package/date-picker/lib/cjs/translations/fr.json +1 -0
- package/date-picker/lib/cjs/translations/it.json +1 -0
- package/date-picker/lib/cjs/translations/ja.json +1 -0
- package/date-picker/lib/cjs/translations/ko.json +1 -0
- package/date-picker/lib/cjs/translations/nl.json +1 -0
- package/date-picker/lib/cjs/translations/pl.json +1 -0
- package/date-picker/lib/cjs/translations/pt.json +1 -0
- package/date-picker/lib/cjs/translations/sv.json +1 -0
- package/date-picker/lib/cjs/translations/tr.json +1 -0
- package/date-picker/lib/cjs/translations/vi.json +1 -0
- package/date-picker/lib/cjs/translations/zh.json +1 -0
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/es6/components/InputTrigger.js +29 -29
- package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/es6/translations/de.json +1 -0
- package/date-picker/lib/es6/translations/en.json +1 -1
- package/date-picker/lib/es6/translations/es.json +1 -0
- package/date-picker/lib/es6/translations/fr.json +1 -0
- package/date-picker/lib/es6/translations/it.json +1 -0
- package/date-picker/lib/es6/translations/ja.json +1 -0
- package/date-picker/lib/es6/translations/ko.json +1 -0
- package/date-picker/lib/es6/translations/nl.json +1 -0
- package/date-picker/lib/es6/translations/pl.json +1 -0
- package/date-picker/lib/es6/translations/pt.json +1 -0
- package/date-picker/lib/es6/translations/sv.json +1 -0
- package/date-picker/lib/es6/translations/tr.json +1 -0
- package/date-picker/lib/es6/translations/vi.json +1 -0
- package/date-picker/lib/es6/translations/zh.json +1 -0
- package/date-picker/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +16 -16
- package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
- package/drag-and-drop/package.json +1 -1
- package/ellipsis/lib/cjs/Ellipsis.js +14 -13
- package/ellipsis/lib/cjs/Ellipsis.js.map +1 -1
- package/ellipsis/lib/es6/Ellipsis.js +14 -13
- package/ellipsis/lib/es6/Ellipsis.js.map +1 -1
- package/ellipsis/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/package.json +1 -1
- package/feature-popover/lib/cjs/FeaturePopover.js +13 -11
- package/feature-popover/lib/cjs/FeaturePopover.js.map +1 -1
- package/feature-popover/lib/es6/FeaturePopover.js +13 -11
- package/feature-popover/lib/es6/FeaturePopover.js.map +1 -1
- package/feature-popover/package.json +1 -1
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/package.json +1 -1
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/fullscreen-modal/package.json +1 -1
- package/inline-input/lib/cjs/InlineInput.js +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- package/inline-input/package.json +1 -1
- package/input-number/lib/cjs/InputNumber.js +9 -11
- package/input-number/lib/cjs/InputNumber.js.map +1 -1
- package/input-number/lib/es6/InputNumber.js +9 -11
- package/input-number/lib/es6/InputNumber.js.map +1 -1
- package/input-number/package.json +1 -1
- package/input-tags/lib/cjs/InputTags.js +13 -13
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +13 -13
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- package/input-tags/package.json +1 -1
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/link/package.json +1 -1
- package/notice/lib/cjs/Notice.js +14 -14
- package/notice/lib/es6/Notice.js +14 -14
- package/notice/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +56 -57
- package/pagination/lib/cjs/Pagination.js.map +1 -1
- package/pagination/lib/es6/Pagination.js +56 -57
- package/pagination/lib/es6/Pagination.js.map +1 -1
- package/pagination/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/select/package.json +1 -1
- package/tag/lib/cjs/Tag.js +24 -24
- package/tag/lib/cjs/Tag.js.map +1 -1
- package/tag/lib/cjs/style/tag.shadow.css +6 -2
- package/tag/lib/es6/Tag.js +24 -24
- package/tag/lib/es6/Tag.js.map +1 -1
- package/tag/lib/es6/style/tag.shadow.css +6 -2
- package/tag/package.json +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/time-picker/package.json +1 -1
- package/tooltip/lib/cjs/Tooltip.js +9 -9
- package/tooltip/lib/cjs/style/tooltip.shadow.css +3 -1
- package/tooltip/lib/es6/Tooltip.js +9 -9
- package/tooltip/lib/es6/style/tooltip.shadow.css +3 -1
- package/tooltip/package.json +1 -1
package/ellipsis/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/ellipsis","description":"Semrush Ellipsis Component","version":"2.36.
|
1
|
+
{"name":"intergalactic/ellipsis","description":"Semrush Ellipsis Component","version":"2.36.5","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-KIT team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.43.2","@semcore/flex-box":"5.38.1","@semcore/tooltip":"6.46.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/ellipsis"}}
|
package/errors/lib/cjs/Error.js
CHANGED
@@ -18,15 +18,15 @@ var _react = _interopRequireDefault(require("react"));
|
|
18
18
|
var _flexBox = require("intergalactic/flex-box");
|
19
19
|
var _illustration = require("intergalactic/illustration");
|
20
20
|
/*__reshadow-styles__:"./style/errors.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__SInner": "
|
23
|
-
"__SImageWrapper": "
|
24
|
-
"__SWrapper": "
|
25
|
-
"__STitle": "
|
26
|
-
"__SDescription": "
|
27
|
-
"__SError": "
|
28
|
-
"__SControls": "
|
29
|
-
"__SImage": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SError_b14l9_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_b14l9_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_b14l9_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_b14l9_gg_ .___SControls_b14l9_gg_{display:flex;align-items:center}.___SError_b14l9_gg_ .___SControls_b14l9_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SInner_b14l9_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SImageWrapper_b14l9_gg_,.___SImage_b14l9_gg_{width:260px;height:260px}@media (max-width:320px){.___SImageWrapper_b14l9_gg_,.___SImage_b14l9_gg_{width:200px;height:200px}}.___SImageWrapper_b14l9_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SWrapper_b14l9_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___STitle_b14l9_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_b14l9_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__*/, "b14l9_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__SInner": "___SInner_b14l9_gg_",
|
23
|
+
"__SImageWrapper": "___SImageWrapper_b14l9_gg_",
|
24
|
+
"__SWrapper": "___SWrapper_b14l9_gg_",
|
25
|
+
"__STitle": "___STitle_b14l9_gg_",
|
26
|
+
"__SDescription": "___SDescription_b14l9_gg_",
|
27
|
+
"__SError": "___SError_b14l9_gg_",
|
28
|
+
"__SControls": "___SControls_b14l9_gg_",
|
29
|
+
"__SImage": "___SImage_b14l9_gg_"
|
30
30
|
});
|
31
31
|
var getIconPath = function getIconPath(name) {
|
32
32
|
return (0, _illustration.getIllustrationPath)(name);
|
package/errors/lib/es6/Error.js
CHANGED
@@ -14,15 +14,15 @@ import { Box, Flex } from 'intergalactic/flex-box';
|
|
14
14
|
import createComponent, { Root, Component, sstyled } from 'intergalactic/core';
|
15
15
|
import { getIllustrationPath } from 'intergalactic/illustration';
|
16
16
|
/*__reshadow-styles__:"./style/errors.shadow.css"*/
|
17
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
18
|
-
"__SInner": "
|
19
|
-
"__SImageWrapper": "
|
20
|
-
"__SWrapper": "
|
21
|
-
"__STitle": "
|
22
|
-
"__SDescription": "
|
23
|
-
"__SError": "
|
24
|
-
"__SControls": "
|
25
|
-
"__SImage": "
|
17
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SError_b14l9_gg_{padding:var(--intergalactic-spacing-20x, 80px)0;margin:0 auto;max-width:960px}@media (max-width:768px){.___SError_b14l9_gg_{padding:var(--intergalactic-spacing-20x, 80px) var(--intergalactic-spacing-8x, 32px)}}@media (max-width:320px){.___SError_b14l9_gg_{padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-20x, 80px)}}.___SError_b14l9_gg_ .___SControls_b14l9_gg_{display:flex;align-items:center}.___SError_b14l9_gg_ .___SControls_b14l9_gg_>:not(:last-child){margin-right:var(--intergalactic-spacing-3x, 12px)}.___SInner_b14l9_gg_{width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;box-sizing:border-box}.___SImageWrapper_b14l9_gg_,.___SImage_b14l9_gg_{width:260px;height:260px}@media (max-width:320px){.___SImageWrapper_b14l9_gg_,.___SImage_b14l9_gg_{width:200px;height:200px}}.___SImageWrapper_b14l9_gg_{margin-right:var(--intergalactic-spacing-10x, 40px)}.___SWrapper_b14l9_gg_{flex:1 0 300px;max-width:100%;margin-top:var(--intergalactic-spacing-8x, 32px)}.___STitle_b14l9_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_b14l9_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__*/, "b14l9_gg_") /*__reshadow_css_end__*/, {
|
18
|
+
"__SInner": "___SInner_b14l9_gg_",
|
19
|
+
"__SImageWrapper": "___SImageWrapper_b14l9_gg_",
|
20
|
+
"__SWrapper": "___SWrapper_b14l9_gg_",
|
21
|
+
"__STitle": "___STitle_b14l9_gg_",
|
22
|
+
"__SDescription": "___SDescription_b14l9_gg_",
|
23
|
+
"__SError": "___SError_b14l9_gg_",
|
24
|
+
"__SControls": "___SControls_b14l9_gg_",
|
25
|
+
"__SImage": "___SImage_b14l9_gg_"
|
26
26
|
});
|
27
27
|
export var getIconPath = function getIconPath(name) {
|
28
28
|
return getIllustrationPath(name);
|
package/errors/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/errors","description":"Semrush Errors Component","version":"4.42.
|
1
|
+
{"name":"intergalactic/errors","description":"Semrush Errors Component","version":"4.42.3","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/button":"5.39.3","@semcore/flex-box":"5.38.1","@semcore/format-text":"4.38.1","@semcore/illustration":"2.39.1","@semcore/typography":"5.47.1","@semcore/utils":"4.43.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/errors"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
@@ -28,18 +28,18 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
28
28
|
var _button = _interopRequireDefault(require("intergalactic/button"));
|
29
29
|
var _excluded = ["styles", "forwardRef", "onVisibleChange", "modifiers"];
|
30
30
|
/*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
32
|
-
"__SFeaturePopover": "
|
33
|
-
"__STrigger": "
|
34
|
-
"@showTrigger": "
|
35
|
-
"@scaleSizeAndHide": "
|
36
|
-
"__SClose": "
|
37
|
-
"__SAddon": "
|
38
|
-
"__SSpot": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1hzu2{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1hzu2{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1hzu2_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);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));position:relative}.___STrigger_1hzu2_gg_{position:relative}.___SClose_1hzu2_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1hzu2_gg_ .___SAddon_1hzu2_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1hzu2_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1hzu2;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1hzu2_gg_::after,.___SSpot_1hzu2_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1hzu2_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1hzu2;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_1hzu2_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1hzu2_gg_,.___SSpot_1hzu2_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1hzu2_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SFeaturePopover": "___SFeaturePopover_1hzu2_gg_",
|
33
|
+
"__STrigger": "___STrigger_1hzu2_gg_",
|
34
|
+
"@showTrigger": "showTrigger_1hzu2",
|
35
|
+
"@scaleSizeAndHide": "scaleSizeAndHide_1hzu2",
|
36
|
+
"__SClose": "___SClose_1hzu2_gg_",
|
37
|
+
"__SAddon": "___SAddon_1hzu2_gg_",
|
38
|
+
"__SSpot": "___SSpot_1hzu2_gg_"
|
39
39
|
});
|
40
|
-
var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
41
|
-
"@enter": "
|
42
|
-
"@exit": "
|
40
|
+
var stylePopper = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_hlhb9{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_hlhb9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "hlhb9_gg_") /*__reshadow_css_end__*/, {
|
41
|
+
"@enter": "enter_hlhb9",
|
42
|
+
"@exit": "exit_hlhb9"
|
43
43
|
});
|
44
44
|
var FeaturePopover = /*#__PURE__*/function (_Component) {
|
45
45
|
(0, _inherits2["default"])(FeaturePopover, _Component);
|
@@ -161,6 +161,7 @@ var FeaturePopoverPopper = /*#__PURE__*/function (_Component2) {
|
|
161
161
|
zIndex = _this$asProps3.zIndex,
|
162
162
|
ariaLabel = _this$asProps3['aria-label'],
|
163
163
|
ariaDescribedBy = _this$asProps3['aria-describedBy'],
|
164
|
+
ariaLabelledby = _this$asProps3['aria-labelledby'],
|
164
165
|
title = _this$asProps3.title;
|
165
166
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(_popper["default"].Popper, {
|
166
167
|
disableEnforceFocus: true,
|
@@ -170,6 +171,7 @@ var FeaturePopoverPopper = /*#__PURE__*/function (_Component2) {
|
|
170
171
|
role: 'dialog',
|
171
172
|
"aria-describedby": ariaDescribedBy,
|
172
173
|
"aria-label": ariaLabel,
|
174
|
+
"aria-labelledby": ariaLabelledby,
|
173
175
|
title: title
|
174
176
|
}, /*#__PURE__*/_react["default"].createElement(_animation.Animation, _ref6.cn("Animation", {
|
175
177
|
"visible": visible,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FeaturePopover.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_popper","_flexBox","_m","_assignProps4","_i18nEnhance","_intergalacticDynamicLocales","_button","_excluded","style","_index","sstyled","insert","stylePopper","FeaturePopover","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","name","enabled","visible","handlers","e","_createClass2","key","value","uncontrolledProps","getPopperProps","_this$asProps","asProps","getI18nText","$onCloseClick","handleCloseClick","getSpotProps","render","_ref4","_this$asProps2","styles","forwardRef","onVisibleChange","_this$asProps2$modifi","modifiers","other","_objectWithoutProperties2","createElement","cn","_objectSpread2","callAllEventHandlers","handleVisibleChange","_toConsumableArray2","defaultModifiers","Component","offset","placement","defaultVisible","onOutsideClick","interaction","i18n","localizedMessages","locale","i18nEnhance","Trigger","_ref8","_ref","arguments[0]","_ref5","Children","STrigger","Popper","assignProps","Box","FeaturePopoverPopper","_Component2","_super2","_ref2","_ref6","SFeaturePopover","SClose","Button","_this$asProps3","closeIcon","duration","animationsDisabled","zIndex","ariaLabel","ariaDescribedBy","title","disableEnforceFocus","tabIndex","autoFocus","role","Animation","CloseIcon","Spot","props","_ref3","_ref7","SSpot","_default","createComponent","parent","exports"],"sources":["../../src/FeaturePopover.jsx"],"sourcesContent":["import React from 'react';\nimport { Animation } from '@semcore/animation';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport Button from '@semcore/button';\n\nimport style from './style/feature-popover.shadow.css';\n\nconst stylePopper = sstyled.css`\n @keyframes enter {\n from {\n opacity: 0;\n transform: translateX(-10px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes exit {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-10px);\n }\n }\n`;\n\nclass FeaturePopover extends Component {\n static displayName = 'FeaturePopover';\n static style = style;\n static defaultProps = {\n offset: [0, 12],\n placement: 'bottom-start',\n defaultVisible: false,\n onOutsideClick: () => false,\n interaction: 'none',\n i18n: localizedMessages,\n locale: 'en',\n };\n static enhance = [i18nEnhance(localizedMessages)];\n\n defaultModifiers = [\n {\n name: 'flip',\n enabled: false,\n },\n ];\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n handleVisibleChange = (visible) => {\n this.handlers.visible(visible);\n };\n\n handleCloseClick = (e) => {\n this.handlers.visible(false, e);\n };\n\n getPopperProps() {\n const { visible, getI18nText } = this.asProps;\n return {\n visible,\n $onCloseClick: this.handleCloseClick,\n getI18nText,\n };\n }\n\n getSpotProps() {\n const { visible } = this.asProps;\n return { visible };\n }\n\n render() {\n const { styles, forwardRef, onVisibleChange, modifiers = [], ...other } = this.asProps;\n\n return sstyled(styles)(\n <Popper\n ref={forwardRef}\n onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n modifiers={[...this.defaultModifiers, ...modifiers]}\n {...other}\n />,\n );\n }\n}\n\nfunction Trigger({ Children, styles }) {\n const STrigger = Root;\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} tag={Box} aria-haspopup={false}>\n <Children />\n </STrigger>,\n );\n}\n\nclass FeaturePopoverPopper extends Component {\n static defaultProps = {\n closeIcon: false,\n duration: 200,\n };\n\n render() {\n const SFeaturePopover = Root;\n const SClose = Button;\n const {\n Children,\n styles,\n visible,\n closeIcon,\n duration,\n $onCloseClick,\n animationsDisabled,\n getI18nText,\n zIndex,\n 'aria-label': ariaLabel,\n 'aria-describedBy': ariaDescribedBy,\n title,\n } = this.asProps;\n\n return sstyled(styles)(\n <Popper.Popper\n disableEnforceFocus\n zIndex={zIndex}\n tabIndex={0}\n autoFocus\n role={'dialog'}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n title={title}\n >\n <Animation\n visible={visible}\n duration={duration}\n keyframes={[stylePopper['@enter'], stylePopper['@exit']]}\n initialAnimation\n animationsDisabled={animationsDisabled}\n >\n <SFeaturePopover\n render={Box}\n __excludeProps={['aria-label', 'aria-describedBy', 'title']}\n >\n {closeIcon && (\n <SClose\n aria-label={getI18nText('close')}\n onClick={$onCloseClick}\n use='tertiary'\n theme='muted'\n size='m'\n addonLeft={CloseIcon}\n type='button'\n />\n )}\n <Children />\n </SFeaturePopover>\n </Animation>\n </Popper.Popper>,\n );\n }\n}\n\nconst Spot = (props) => {\n const SSpot = Root;\n\n const { styles, visible } = props;\n\n if (!visible) return null;\n\n return sstyled(styles)(<SSpot render={Box} />);\n};\n\nexport default createComponent(\n FeaturePopover,\n {\n Trigger: Trigger,\n Popper: FeaturePopoverPopper,\n Spot,\n },\n { parent: Popper },\n);\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"FeaturePopover.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_popper","_flexBox","_m","_assignProps4","_i18nEnhance","_intergalacticDynamicLocales","_button","_excluded","style","_index","sstyled","insert","stylePopper","FeaturePopover","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","name","enabled","visible","handlers","e","_createClass2","key","value","uncontrolledProps","getPopperProps","_this$asProps","asProps","getI18nText","$onCloseClick","handleCloseClick","getSpotProps","render","_ref4","_this$asProps2","styles","forwardRef","onVisibleChange","_this$asProps2$modifi","modifiers","other","_objectWithoutProperties2","createElement","cn","_objectSpread2","callAllEventHandlers","handleVisibleChange","_toConsumableArray2","defaultModifiers","Component","offset","placement","defaultVisible","onOutsideClick","interaction","i18n","localizedMessages","locale","i18nEnhance","Trigger","_ref8","_ref","arguments[0]","_ref5","Children","STrigger","Popper","assignProps","Box","FeaturePopoverPopper","_Component2","_super2","_ref2","_ref6","SFeaturePopover","SClose","Button","_this$asProps3","closeIcon","duration","animationsDisabled","zIndex","ariaLabel","ariaDescribedBy","ariaLabelledby","title","disableEnforceFocus","tabIndex","autoFocus","role","Animation","CloseIcon","Spot","props","_ref3","_ref7","SSpot","_default","createComponent","parent","exports"],"sources":["../../src/FeaturePopover.jsx"],"sourcesContent":["import React from 'react';\nimport { Animation } from '@semcore/animation';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport Button from '@semcore/button';\n\nimport style from './style/feature-popover.shadow.css';\n\nconst stylePopper = sstyled.css`\n @keyframes enter {\n from {\n opacity: 0;\n transform: translateX(-10px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes exit {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-10px);\n }\n }\n`;\n\nclass FeaturePopover extends Component {\n static displayName = 'FeaturePopover';\n static style = style;\n static defaultProps = {\n offset: [0, 12],\n placement: 'bottom-start',\n defaultVisible: false,\n onOutsideClick: () => false,\n interaction: 'none',\n i18n: localizedMessages,\n locale: 'en',\n };\n static enhance = [i18nEnhance(localizedMessages)];\n\n defaultModifiers = [\n {\n name: 'flip',\n enabled: false,\n },\n ];\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n handleVisibleChange = (visible) => {\n this.handlers.visible(visible);\n };\n\n handleCloseClick = (e) => {\n this.handlers.visible(false, e);\n };\n\n getPopperProps() {\n const { visible, getI18nText } = this.asProps;\n return {\n visible,\n $onCloseClick: this.handleCloseClick,\n getI18nText,\n };\n }\n\n getSpotProps() {\n const { visible } = this.asProps;\n return { visible };\n }\n\n render() {\n const { styles, forwardRef, onVisibleChange, modifiers = [], ...other } = this.asProps;\n\n return sstyled(styles)(\n <Popper\n ref={forwardRef}\n onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n modifiers={[...this.defaultModifiers, ...modifiers]}\n {...other}\n />,\n );\n }\n}\n\nfunction Trigger({ Children, styles }) {\n const STrigger = Root;\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} tag={Box} aria-haspopup={false}>\n <Children />\n </STrigger>,\n );\n}\n\nclass FeaturePopoverPopper extends Component {\n static defaultProps = {\n closeIcon: false,\n duration: 200,\n };\n\n render() {\n const SFeaturePopover = Root;\n const SClose = Button;\n const {\n Children,\n styles,\n visible,\n closeIcon,\n duration,\n $onCloseClick,\n animationsDisabled,\n getI18nText,\n zIndex,\n 'aria-label': ariaLabel,\n 'aria-describedBy': ariaDescribedBy,\n 'aria-labelledby': ariaLabelledby,\n title,\n } = this.asProps;\n\n return sstyled(styles)(\n <Popper.Popper\n disableEnforceFocus\n zIndex={zIndex}\n tabIndex={0}\n autoFocus\n role={'dialog'}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n title={title}\n >\n <Animation\n visible={visible}\n duration={duration}\n keyframes={[stylePopper['@enter'], stylePopper['@exit']]}\n initialAnimation\n animationsDisabled={animationsDisabled}\n >\n <SFeaturePopover\n render={Box}\n __excludeProps={['aria-label', 'aria-describedBy', 'title']}\n >\n {closeIcon && (\n <SClose\n aria-label={getI18nText('close')}\n onClick={$onCloseClick}\n use='tertiary'\n theme='muted'\n size='m'\n addonLeft={CloseIcon}\n type='button'\n />\n )}\n <Children />\n </SFeaturePopover>\n </Animation>\n </Popper.Popper>,\n );\n }\n}\n\nconst Spot = (props) => {\n const SSpot = Root;\n\n const { styles, visible } = props;\n\n if (!visible) return null;\n\n return sstyled(styles)(<SSpot render={Box} />);\n};\n\nexport default createComponent(\n FeaturePopover,\n {\n Trigger: Trigger,\n Popper: FeaturePopoverPopper,\n Spot,\n },\n { parent: Popper },\n);\n"],"mappings":"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"}
|
@@ -23,18 +23,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
|
23
23
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
24
24
|
import Button from 'intergalactic/button';
|
25
25
|
/*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes
|
27
|
-
"__SFeaturePopover": "
|
28
|
-
"__STrigger": "
|
29
|
-
"@showTrigger": "
|
30
|
-
"@scaleSizeAndHide": "
|
31
|
-
"__SClose": "
|
32
|
-
"__SAddon": "
|
33
|
-
"__SSpot": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1hzu2{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1hzu2{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1hzu2_gg_{padding-top:var(--intergalactic-spacing-4x, 16px);padding-right:var(--intergalactic-spacing-10x, 40px);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));position:relative}.___STrigger_1hzu2_gg_{position:relative}.___SClose_1hzu2_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1hzu2_gg_ .___SAddon_1hzu2_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1hzu2_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1hzu2;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1hzu2_gg_::after,.___SSpot_1hzu2_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1hzu2_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1hzu2;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_1hzu2_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1hzu2_gg_,.___SSpot_1hzu2_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1hzu2_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SFeaturePopover": "___SFeaturePopover_1hzu2_gg_",
|
28
|
+
"__STrigger": "___STrigger_1hzu2_gg_",
|
29
|
+
"@showTrigger": "showTrigger_1hzu2",
|
30
|
+
"@scaleSizeAndHide": "scaleSizeAndHide_1hzu2",
|
31
|
+
"__SClose": "___SClose_1hzu2_gg_",
|
32
|
+
"__SAddon": "___SAddon_1hzu2_gg_",
|
33
|
+
"__SSpot": "___SSpot_1hzu2_gg_"
|
34
34
|
});
|
35
|
-
var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes
|
36
|
-
"@enter": "
|
37
|
-
"@exit": "
|
35
|
+
var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_hlhb9{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_hlhb9{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "hlhb9_gg_") /*__reshadow_css_end__*/, {
|
36
|
+
"@enter": "enter_hlhb9",
|
37
|
+
"@exit": "exit_hlhb9"
|
38
38
|
});
|
39
39
|
var FeaturePopover = /*#__PURE__*/function (_Component) {
|
40
40
|
_inherits(FeaturePopover, _Component);
|
@@ -156,6 +156,7 @@ var FeaturePopoverPopper = /*#__PURE__*/function (_Component2) {
|
|
156
156
|
zIndex = _this$asProps3.zIndex,
|
157
157
|
ariaLabel = _this$asProps3['aria-label'],
|
158
158
|
ariaDescribedBy = _this$asProps3['aria-describedBy'],
|
159
|
+
ariaLabelledby = _this$asProps3['aria-labelledby'],
|
159
160
|
title = _this$asProps3.title;
|
160
161
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(Popper.Popper, {
|
161
162
|
disableEnforceFocus: true,
|
@@ -165,6 +166,7 @@ var FeaturePopoverPopper = /*#__PURE__*/function (_Component2) {
|
|
165
166
|
role: 'dialog',
|
166
167
|
"aria-describedby": ariaDescribedBy,
|
167
168
|
"aria-label": ariaLabel,
|
169
|
+
"aria-labelledby": ariaLabelledby,
|
168
170
|
title: title
|
169
171
|
}, /*#__PURE__*/React.createElement(Animation, _ref6.cn("Animation", {
|
170
172
|
"visible": visible,
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FeaturePopover.js","names":["React","Animation","createComponent","Root","Component","sstyled","Popper","Box","CloseIcon","callAllEventHandlers","i18nEnhance","localizedMessages","Button","style","_sstyled","insert","stylePopper","FeaturePopover","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","name","enabled","visible","handlers","e","_createClass","key","value","uncontrolledProps","getPopperProps","_this$asProps","asProps","getI18nText","$onCloseClick","handleCloseClick","getSpotProps","render","_ref4","_this$asProps2","styles","forwardRef","onVisibleChange","_this$asProps2$modifi","modifiers","other","_objectWithoutProperties","_excluded","createElement","cn","_objectSpread","handleVisibleChange","_toConsumableArray","defaultModifiers","offset","placement","defaultVisible","onOutsideClick","interaction","i18n","locale","Trigger","_ref8","_ref","arguments[0]","_ref5","Children","STrigger","_assignProps","FeaturePopoverPopper","_Component2","_super2","_ref2","_ref6","SFeaturePopover","SClose","_this$asProps3","closeIcon","duration","animationsDisabled","zIndex","ariaLabel","ariaDescribedBy","title","disableEnforceFocus","tabIndex","autoFocus","role","_assignProps2","Spot","props","_ref3","_ref7","SSpot","_assignProps3","parent"],"sources":["../../src/FeaturePopover.jsx"],"sourcesContent":["import React from 'react';\nimport { Animation } from '@semcore/animation';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport Button from '@semcore/button';\n\nimport style from './style/feature-popover.shadow.css';\n\nconst stylePopper = sstyled.css`\n @keyframes enter {\n from {\n opacity: 0;\n transform: translateX(-10px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes exit {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-10px);\n }\n }\n`;\n\nclass FeaturePopover extends Component {\n static displayName = 'FeaturePopover';\n static style = style;\n static defaultProps = {\n offset: [0, 12],\n placement: 'bottom-start',\n defaultVisible: false,\n onOutsideClick: () => false,\n interaction: 'none',\n i18n: localizedMessages,\n locale: 'en',\n };\n static enhance = [i18nEnhance(localizedMessages)];\n\n defaultModifiers = [\n {\n name: 'flip',\n enabled: false,\n },\n ];\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n handleVisibleChange = (visible) => {\n this.handlers.visible(visible);\n };\n\n handleCloseClick = (e) => {\n this.handlers.visible(false, e);\n };\n\n getPopperProps() {\n const { visible, getI18nText } = this.asProps;\n return {\n visible,\n $onCloseClick: this.handleCloseClick,\n getI18nText,\n };\n }\n\n getSpotProps() {\n const { visible } = this.asProps;\n return { visible };\n }\n\n render() {\n const { styles, forwardRef, onVisibleChange, modifiers = [], ...other } = this.asProps;\n\n return sstyled(styles)(\n <Popper\n ref={forwardRef}\n onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n modifiers={[...this.defaultModifiers, ...modifiers]}\n {...other}\n />,\n );\n }\n}\n\nfunction Trigger({ Children, styles }) {\n const STrigger = Root;\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} tag={Box} aria-haspopup={false}>\n <Children />\n </STrigger>,\n );\n}\n\nclass FeaturePopoverPopper extends Component {\n static defaultProps = {\n closeIcon: false,\n duration: 200,\n };\n\n render() {\n const SFeaturePopover = Root;\n const SClose = Button;\n const {\n Children,\n styles,\n visible,\n closeIcon,\n duration,\n $onCloseClick,\n animationsDisabled,\n getI18nText,\n zIndex,\n 'aria-label': ariaLabel,\n 'aria-describedBy': ariaDescribedBy,\n title,\n } = this.asProps;\n\n return sstyled(styles)(\n <Popper.Popper\n disableEnforceFocus\n zIndex={zIndex}\n tabIndex={0}\n autoFocus\n role={'dialog'}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n title={title}\n >\n <Animation\n visible={visible}\n duration={duration}\n keyframes={[stylePopper['@enter'], stylePopper['@exit']]}\n initialAnimation\n animationsDisabled={animationsDisabled}\n >\n <SFeaturePopover\n render={Box}\n __excludeProps={['aria-label', 'aria-describedBy', 'title']}\n >\n {closeIcon && (\n <SClose\n aria-label={getI18nText('close')}\n onClick={$onCloseClick}\n use='tertiary'\n theme='muted'\n size='m'\n addonLeft={CloseIcon}\n type='button'\n />\n )}\n <Children />\n </SFeaturePopover>\n </Animation>\n </Popper.Popper>,\n );\n }\n}\n\nconst Spot = (props) => {\n const SSpot = Root;\n\n const { styles, visible } = props;\n\n if (!visible) return null;\n\n return sstyled(styles)(<SSpot render={Box} />);\n};\n\nexport default createComponent(\n FeaturePopover,\n {\n Trigger: Trigger,\n Popper: FeaturePopoverPopper,\n Spot,\n },\n { parent: Popper },\n);\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,OAAOC,eAAe,IAAIC,IAAI,EAAEC,SAAS,EAAEC,OAAO,QAAQ,eAAe;AACzE,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,SAASC,oBAAoB,QAAQ,gCAAgC;AACrE,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,OAAOC,MAAM,MAAM,iBAAiB;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIrC,IAAMC,WAAW,+BAAGX,OAAO,CAAAU,MAAI;EAAA;EAAA;AAAA,EAsB9B;AAAC,IAEIE,cAAc,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,cAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,cAAA;EAAA,SAAAA,eAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,cAAA;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,uBAcC,CACjB;MACEa,IAAI,EAAE,MAAM;MACZC,OAAO,EAAE;IACX,CAAC,CACF;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,0BAQqB,UAACe,OAAO,EAAK;MACjCf,KAAA,CAAKgB,QAAQ,CAACD,OAAO,CAACA,OAAO,CAAC;IAChC,CAAC;IAAAJ,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,uBAEkB,UAACiB,CAAC,EAAK;MACxBjB,KAAA,CAAKgB,QAAQ,CAACD,OAAO,CAAC,KAAK,EAAEE,CAAC,CAAC;IACjC,CAAC;IAAA,OAAAjB,KAAA;EAAA;EAAAkB,YAAA,CAAAvB,cAAA;IAAAwB,GAAA;IAAAC,KAAA,EAZD,SAAAC,kBAAA,EAAoB;MAClB,OAAO;QACLN,OAAO,EAAE;MACX,CAAC;IACH;EAAC;IAAAI,GAAA;IAAAC,KAAA,EAUD,SAAAE,eAAA,EAAiB;MACf,IAAAC,aAAA,GAAiC,IAAI,CAACC,OAAO;QAArCT,OAAO,GAAAQ,aAAA,CAAPR,OAAO;QAAEU,WAAW,GAAAF,aAAA,CAAXE,WAAW;MAC5B,OAAO;QACLV,OAAO,EAAPA,OAAO;QACPW,aAAa,EAAE,IAAI,CAACC,gBAAgB;QACpCF,WAAW,EAAXA;MACF,CAAC;IACH;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAQ,aAAA,EAAe;MACb,IAAQb,OAAO,GAAK,IAAI,CAACS,OAAO,CAAxBT,OAAO;MACf,OAAO;QAAEA,OAAO,EAAPA;MAAQ,CAAC;IACpB;EAAC;IAAAI,GAAA;IAAAC,KAAA,EAED,SAAAS,OAAA,EAAS;MAAA,IAAAC,KAAA;MACP,IAAAC,cAAA,GAA0E,IAAI,CAACP,OAAO;QAA9EQ,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAEC,UAAU,GAAAF,cAAA,CAAVE,UAAU;QAAEC,eAAe,GAAAH,cAAA,CAAfG,eAAe;QAAAC,qBAAA,GAAAJ,cAAA,CAAEK,SAAS;QAATA,SAAS,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;QAAKE,KAAK,GAAAC,wBAAA,CAAAP,cAAA,EAAAQ,SAAA;MAErE,OAAAT,KAAA,GAAO/C,OAAO,CAACiD,MAAM,CAAC,eACpBtD,KAAA,CAAA8D,aAAA,CAACxD,MAAM,EAAA8C,KAAA,CAAAW,EAAA,WAAAC,aAAA;QAAA,OACAT,UAAU;QAAA,mBACE9C,oBAAoB,CAAC+C,eAAe,EAAE,IAAI,CAACS,mBAAmB,CAAC;QAAA,gBAAAjC,MAAA,CAAAkC,kBAAA,CACjE,IAAI,CAACC,gBAAgB,GAAAD,kBAAA,CAAKR,SAAS;MAAA,GAC9CC,KAAK,GACT;IAEN;EAAC;EAAA,OAAA1C,cAAA;AAAA,EA5D0Bb,SAAS;AAAA6B,eAAA,CAAhChB,cAAc,iBACG,gBAAgB;AAAAgB,eAAA,CADjChB,cAAc,WAEHJ,KAAK;AAAAoB,eAAA,CAFhBhB,cAAc,kBAGI;EACpBmD,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;EACfC,SAAS,EAAE,cAAc;EACzBC,cAAc,EAAE,KAAK;EACrBC,cAAc,EAAE,SAAAA,eAAA;IAAA,OAAM,KAAK;EAAA;EAC3BC,WAAW,EAAE,MAAM;EACnBC,IAAI,EAAE9D,iBAAiB;EACvB+D,MAAM,EAAE;AACV,CAAC;AAAAzC,eAAA,CAXGhB,cAAc,aAYD,CAACP,WAAW,CAACC,iBAAiB,CAAC,CAAC;AAmDnD,SAASgE,OAAOA,CAAAC,KAAA,EAAuB;EAAA,IAAAC,IAAA,GAAAC,YAAA;IAAAC,KAAA;EAAA,IAApBC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ;IAAE1B,MAAM,GAAAsB,KAAA,CAANtB,MAAM;EACjC,IAAM2B,QAAQ,GAEM3E,MAAM,CAACqE,OAAO;EADlC,OAAAI,KAAA,GAAO1E,OAAO,CAACiD,MAAM,CAAC,eACpBtD,KAAA,CAAA8D,aAAA,CAACmB,QAAQ,EAAAF,KAAA,CAAAhB,EAAA,aAAAC,aAAA,KAAAkB,YAAA;IAAA,OAA8B3E,GAAG;IAAA,iBAAiB;EAAK,GAAAsE,IAAA,kBAC9D7E,KAAA,CAAA8D,aAAA,CAACkB,QAAQ,EAAAD,KAAA,CAAAhB,EAAA,iBAAG,CACH;AAEf;AAAC,IAEKoB,oBAAoB,0BAAAC,WAAA;EAAAjE,SAAA,CAAAgE,oBAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,GAAAhE,YAAA,CAAA8D,oBAAA;EAAA,SAAAA,qBAAA;IAAA5D,eAAA,OAAA4D,oBAAA;IAAA,OAAAE,OAAA,CAAAtD,KAAA,OAAAN,SAAA;EAAA;EAAAe,YAAA,CAAA2C,oBAAA;IAAA1C,GAAA;IAAAC,KAAA,EAMxB,SAAAS,OAAA,EAAS;MAAA,IAAAmC,KAAA,QAAAxC,OAAA;QAAAyC,KAAA;MACP,IAAMC,eAAe,GAoCLjF,GAAG;MAnCnB,IAAMkF,MAAM,GAAG7E,MAAM;MACrB,IAAA8E,cAAA,GAaI,IAAI,CAAC5C,OAAO;QAZdkC,QAAQ,GAAAU,cAAA,CAARV,QAAQ;QACR1B,MAAM,GAAAoC,cAAA,CAANpC,MAAM;QACNjB,OAAO,GAAAqD,cAAA,CAAPrD,OAAO;QACPsD,SAAS,GAAAD,cAAA,CAATC,SAAS;QACTC,QAAQ,GAAAF,cAAA,CAARE,QAAQ;QACR5C,aAAa,GAAA0C,cAAA,CAAb1C,aAAa;QACb6C,kBAAkB,GAAAH,cAAA,CAAlBG,kBAAkB;QAClB9C,WAAW,GAAA2C,cAAA,CAAX3C,WAAW;QACX+C,MAAM,GAAAJ,cAAA,CAANI,MAAM;QACQC,SAAS,GAAAL,cAAA,CAAvB,YAAY;QACQM,eAAe,GAAAN,cAAA,CAAnC,kBAAkB;QAClBO,KAAK,GAAAP,cAAA,CAALO,KAAK;MAGP,OAAAV,KAAA,GAAOlF,OAAO,CAACiD,MAAM,CAAC,eACpBtD,KAAA,CAAA8D,aAAA,CAACxD,MAAM,CAACA,MAAM;QACZ4F,mBAAmB;QACnBJ,MAAM,EAAEA,MAAO;QACfK,QAAQ,EAAE,CAAE;QACZC,SAAS;QACTC,IAAI,EAAE,QAAS;QACf,oBAAkBL,eAAgB;QAClC,cAAYD,SAAU;QACtBE,KAAK,EAAEA;MAAM,gBAEbjG,KAAA,CAAA8D,aAAA,CAAC7D,SAAS,EAAAsF,KAAA,CAAAxB,EAAA;QAAA,WACC1B,OAAO;QAAA,YACNuD,QAAQ;QAAA,aACP,CAAC5E,WAAW,CAAC,QAAQ,CAAC,EAAEA,WAAW,CAAC,OAAO,CAAC,CAAC;QAAA;QAAA,sBAEpC6E;MAAkB,iBAEtC7F,KAAA,CAAA8D,aAAA,CAAC0B,eAAe,EAAAD,KAAA,CAAAxB,EAAA,oBAAAC,aAAA,KAAAsC,aAAA;QAAA,kBAEE,CAAC,YAAY,EAAE,kBAAkB,EAAE,OAAO;MAAC,GAAAhB,KAAA,KAE1DK,SAAS,iBACR3F,KAAA,CAAA8D,aAAA,CAAC2B,MAAM,EAAAF,KAAA,CAAAxB,EAAA;QAAA,cACOhB,WAAW,CAAC,OAAO,CAAC;QAAA,WACvBC,aAAa;QAAA,OAClB,UAAU;QAAA,SACR,OAAO;QAAA,QACR,GAAG;QAAA,aACGxC,SAAS;QAAA,QACf;MAAQ,GAEhB,eACDR,KAAA,CAAA8D,aAAA,CAACkB,QAAQ,EAAAO,KAAA,CAAAxB,EAAA,iBAAG,CACI,CACR,CACE;IAEpB;EAAC;EAAA,OAAAoB,oBAAA;AAAA,EA9DgC/E,SAAS;AAAA6B,eAAA,CAAtCkD,oBAAoB,kBACF;EACpBQ,SAAS,EAAE,KAAK;EAChBC,QAAQ,EAAE;AACZ,CAAC;AA6DH,IAAMW,IAAI,GAAG,SAAPA,IAAIA,CAAIC,KAAK,EAAK;EAAA,IAAAC,KAAA,GAAA3B,YAAA;IAAA4B,KAAA;EACtB,IAAMC,KAAK,GAM2BpG,GAAG;EAJzC,IAAQ+C,MAAM,GAAckD,KAAK,CAAzBlD,MAAM;IAAEjB,OAAO,GAAKmE,KAAK,CAAjBnE,OAAO;EAEvB,IAAI,CAACA,OAAO,EAAE,OAAO,IAAI;EAEzB,OAAAqE,KAAA,GAAOrG,OAAO,CAACiD,MAAM,CAAC,eAACtD,KAAA,CAAA8D,aAAA,CAAC6C,KAAK,EAAAD,KAAA,CAAA3C,EAAA,UAAAC,aAAA,KAAA4C,aAAA,KAAAH,KAAA,IAAgB;AAC/C,CAAC;AAED,eAAevG,eAAe,CAC5Be,cAAc,EACd;EACE0D,OAAO,EAAEA,OAAO;EAChBrE,MAAM,EAAE6E,oBAAoB;EAC5BoB,IAAI,EAAJA;AACF,CAAC,EACD;EAAEM,MAAM,EAAEvG;AAAO,CAAC,CACnB"}
|
1
|
+
{"version":3,"file":"FeaturePopover.js","names":["React","Animation","createComponent","Root","Component","sstyled","Popper","Box","CloseIcon","callAllEventHandlers","i18nEnhance","localizedMessages","Button","style","_sstyled","insert","stylePopper","FeaturePopover","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","name","enabled","visible","handlers","e","_createClass","key","value","uncontrolledProps","getPopperProps","_this$asProps","asProps","getI18nText","$onCloseClick","handleCloseClick","getSpotProps","render","_ref4","_this$asProps2","styles","forwardRef","onVisibleChange","_this$asProps2$modifi","modifiers","other","_objectWithoutProperties","_excluded","createElement","cn","_objectSpread","handleVisibleChange","_toConsumableArray","defaultModifiers","offset","placement","defaultVisible","onOutsideClick","interaction","i18n","locale","Trigger","_ref8","_ref","arguments[0]","_ref5","Children","STrigger","_assignProps","FeaturePopoverPopper","_Component2","_super2","_ref2","_ref6","SFeaturePopover","SClose","_this$asProps3","closeIcon","duration","animationsDisabled","zIndex","ariaLabel","ariaDescribedBy","ariaLabelledby","title","disableEnforceFocus","tabIndex","autoFocus","role","_assignProps2","Spot","props","_ref3","_ref7","SSpot","_assignProps3","parent"],"sources":["../../src/FeaturePopover.jsx"],"sourcesContent":["import React from 'react';\nimport { Animation } from '@semcore/animation';\nimport createComponent, { Root, Component, sstyled } from '@semcore/core';\nimport Popper from '@semcore/popper';\nimport { Box } from '@semcore/flex-box';\nimport CloseIcon from '@semcore/icon/Close/m';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport Button from '@semcore/button';\n\nimport style from './style/feature-popover.shadow.css';\n\nconst stylePopper = sstyled.css`\n @keyframes enter {\n from {\n opacity: 0;\n transform: translateX(-10px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes exit {\n from {\n opacity: 1;\n transform: translateX(0);\n }\n to {\n opacity: 0;\n transform: translateX(-10px);\n }\n }\n`;\n\nclass FeaturePopover extends Component {\n static displayName = 'FeaturePopover';\n static style = style;\n static defaultProps = {\n offset: [0, 12],\n placement: 'bottom-start',\n defaultVisible: false,\n onOutsideClick: () => false,\n interaction: 'none',\n i18n: localizedMessages,\n locale: 'en',\n };\n static enhance = [i18nEnhance(localizedMessages)];\n\n defaultModifiers = [\n {\n name: 'flip',\n enabled: false,\n },\n ];\n\n uncontrolledProps() {\n return {\n visible: null,\n };\n }\n\n handleVisibleChange = (visible) => {\n this.handlers.visible(visible);\n };\n\n handleCloseClick = (e) => {\n this.handlers.visible(false, e);\n };\n\n getPopperProps() {\n const { visible, getI18nText } = this.asProps;\n return {\n visible,\n $onCloseClick: this.handleCloseClick,\n getI18nText,\n };\n }\n\n getSpotProps() {\n const { visible } = this.asProps;\n return { visible };\n }\n\n render() {\n const { styles, forwardRef, onVisibleChange, modifiers = [], ...other } = this.asProps;\n\n return sstyled(styles)(\n <Popper\n ref={forwardRef}\n onVisibleChange={callAllEventHandlers(onVisibleChange, this.handleVisibleChange)}\n modifiers={[...this.defaultModifiers, ...modifiers]}\n {...other}\n />,\n );\n }\n}\n\nfunction Trigger({ Children, styles }) {\n const STrigger = Root;\n return sstyled(styles)(\n <STrigger render={Popper.Trigger} tag={Box} aria-haspopup={false}>\n <Children />\n </STrigger>,\n );\n}\n\nclass FeaturePopoverPopper extends Component {\n static defaultProps = {\n closeIcon: false,\n duration: 200,\n };\n\n render() {\n const SFeaturePopover = Root;\n const SClose = Button;\n const {\n Children,\n styles,\n visible,\n closeIcon,\n duration,\n $onCloseClick,\n animationsDisabled,\n getI18nText,\n zIndex,\n 'aria-label': ariaLabel,\n 'aria-describedBy': ariaDescribedBy,\n 'aria-labelledby': ariaLabelledby,\n title,\n } = this.asProps;\n\n return sstyled(styles)(\n <Popper.Popper\n disableEnforceFocus\n zIndex={zIndex}\n tabIndex={0}\n autoFocus\n role={'dialog'}\n aria-describedby={ariaDescribedBy}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n title={title}\n >\n <Animation\n visible={visible}\n duration={duration}\n keyframes={[stylePopper['@enter'], stylePopper['@exit']]}\n initialAnimation\n animationsDisabled={animationsDisabled}\n >\n <SFeaturePopover\n render={Box}\n __excludeProps={['aria-label', 'aria-describedBy', 'title']}\n >\n {closeIcon && (\n <SClose\n aria-label={getI18nText('close')}\n onClick={$onCloseClick}\n use='tertiary'\n theme='muted'\n size='m'\n addonLeft={CloseIcon}\n type='button'\n />\n )}\n <Children />\n </SFeaturePopover>\n </Animation>\n </Popper.Popper>,\n );\n }\n}\n\nconst Spot = (props) => {\n const SSpot = Root;\n\n const { styles, visible } = props;\n\n if (!visible) return null;\n\n return sstyled(styles)(<SSpot render={Box} />);\n};\n\nexport default createComponent(\n FeaturePopover,\n {\n Trigger: Trigger,\n Popper: FeaturePopoverPopper,\n Spot,\n },\n { parent: Popper },\n);\n"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/feature-popover","description":"Semrush FeaturePopover Component","version":"4.49.
|
1
|
+
{"name":"intergalactic/feature-popover","description":"Semrush FeaturePopover Component","version":"4.49.1","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.43.2","@semcore/flex-box":"5.38.1","@semcore/popper":"5.44.1","@semcore/icon":"4.52.1","@semcore/animation":"2.38.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/feature-popover"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0","@semcore/button":"*","@semcore/typography":"*","@semcore/dropdown-menu":"*"}}
|
@@ -28,13 +28,13 @@ var _FeedbackItem = require("./component/feedback-item/FeedbackItem");
|
|
28
28
|
var _SubmitButton = require("./component/submit-button/SubmitButton");
|
29
29
|
var _excluded = ["Children", "styles", "forwardRef", "loading", "background", "theme"];
|
30
30
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SFeedbackForm": "
|
33
|
-
"__SSubmit": "
|
34
|
-
"__SCancel": "
|
35
|
-
"__SNotice": "
|
36
|
-
"__SSuccess": "
|
37
|
-
"__SEmail": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1issl_gg_{max-width:320px}.___SCancel_1issl_gg_,.___SSubmit_1issl_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1issl_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_1issl_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1issl_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__*/, "1issl_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SFeedbackForm": "___SFeedbackForm_1issl_gg_",
|
33
|
+
"__SSubmit": "___SSubmit_1issl_gg_",
|
34
|
+
"__SCancel": "___SCancel_1issl_gg_",
|
35
|
+
"__SNotice": "___SNotice_1issl_gg_",
|
36
|
+
"__SSuccess": "___SSuccess_1issl_gg_",
|
37
|
+
"__SEmail": "___SEmail_1issl_gg_"
|
38
38
|
});
|
39
39
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
40
40
|
(0, _inherits2["default"])(FeedbackForm, _Component);
|
@@ -20,9 +20,9 @@ var _flexBox = require("intergalactic/flex-box");
|
|
20
20
|
var _checkbox = _interopRequireDefault(require("intergalactic/checkbox"));
|
21
21
|
var _excluded = ["styles", "id", "label"];
|
22
22
|
/*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__SCheckboxButton": "
|
25
|
-
"_checked": "
|
23
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_lwobx_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_lwobx_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_lwobx_gg_.__checked_lwobx_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_lwobx_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_lwobx_gg_.__checked_lwobx_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "lwobx_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SCheckboxButton": "___SCheckboxButton_lwobx_gg_",
|
25
|
+
"_checked": "__checked_lwobx_gg_"
|
26
26
|
});
|
27
27
|
var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
|
28
28
|
(0, _inherits2["default"])(CheckboxButtonRoot, _Component);
|
@@ -41,8 +41,8 @@ var _intergalacticDynamicLocales = require("../../translations/__intergalactic-d
|
|
41
41
|
var _noticeBubble = require("intergalactic/notice-bubble");
|
42
42
|
var _excluded = ["header", "submitText", "formConfig", "notificationText", "learnMoreLink", "Children", "styles", "forwardRef", "status", "theme", "background", "rating", "visible", "onVisibleChange", "notificationVisible", "onNotificationClose", "getI18nText", "errorFeedbackEmail"];
|
43
43
|
/*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
|
44
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
45
|
-
"__SFeedbackRating": "
|
44
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_v7dpw_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_v7dpw_gg_ li{list-style:none}" /*__inner_css_end__*/, "v7dpw_gg_") /*__reshadow_css_end__*/, {
|
45
|
+
"__SFeedbackRating": "___SFeedbackRating_v7dpw_gg_"
|
46
46
|
});
|
47
47
|
var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
48
48
|
(0, _inherits2["default"])(FeedbackRatingRoot, _Component);
|
@@ -19,12 +19,12 @@ var _react = _interopRequireDefault(require("react"));
|
|
19
19
|
var _flexBox = require("intergalactic/flex-box");
|
20
20
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
21
21
|
/*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SSliderRating": "
|
24
|
-
"__SStar": "
|
25
|
-
"_keyboardFocused": "
|
26
|
-
"_readonly": "
|
27
|
-
"_filled": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSliderRating_7z3aw_gg_ .___SStar_7z3aw_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_7z3aw_gg_ .___SStar_7z3aw_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_7z3aw_gg_.__keyboardFocused_7z3aw_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_7z3aw_gg_.__readonly_7z3aw_gg_ .___SStar_7z3aw_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_7z3aw_gg_.__filled_7z3aw_gg_:active{animation:wobble .8s ease-in-out}.___SStar_7z3aw_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_7z3aw_gg_.__filled_7z3aw_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "7z3aw_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SSliderRating": "___SSliderRating_7z3aw_gg_",
|
24
|
+
"__SStar": "___SStar_7z3aw_gg_",
|
25
|
+
"_keyboardFocused": "__keyboardFocused_7z3aw_gg_",
|
26
|
+
"_readonly": "__readonly_7z3aw_gg_",
|
27
|
+
"_filled": "__filled_7z3aw_gg_"
|
28
28
|
});
|
29
29
|
var MIN = 1;
|
30
30
|
var MAX = 5;
|
@@ -23,13 +23,13 @@ import { Box } from 'intergalactic/flex-box';
|
|
23
23
|
import { FeedbackItem } from './component/feedback-item/FeedbackItem';
|
24
24
|
import { SubmitButton } from './component/submit-button/SubmitButton';
|
25
25
|
/*__reshadow-styles__:"./style/feedback-form.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SFeedbackForm": "
|
28
|
-
"__SSubmit": "
|
29
|
-
"__SCancel": "
|
30
|
-
"__SNotice": "
|
31
|
-
"__SSuccess": "
|
32
|
-
"__SEmail": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackForm_1issl_gg_{max-width:320px}.___SCancel_1issl_gg_,.___SSubmit_1issl_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_1issl_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_1issl_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_1issl_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__*/, "1issl_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SFeedbackForm": "___SFeedbackForm_1issl_gg_",
|
28
|
+
"__SSubmit": "___SSubmit_1issl_gg_",
|
29
|
+
"__SCancel": "___SCancel_1issl_gg_",
|
30
|
+
"__SNotice": "___SNotice_1issl_gg_",
|
31
|
+
"__SSuccess": "___SSuccess_1issl_gg_",
|
32
|
+
"__SEmail": "___SEmail_1issl_gg_"
|
33
33
|
});
|
34
34
|
var FeedbackForm = /*#__PURE__*/function (_Component) {
|
35
35
|
_inherits(FeedbackForm, _Component);
|
@@ -12,9 +12,9 @@ import React from 'react';
|
|
12
12
|
import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
|
13
13
|
import { Box } from 'intergalactic/flex-box';
|
14
14
|
/*__reshadow-styles__:"../../style/checkbox-button.shadow.css"*/
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
16
|
-
"__SCheckboxButton": "
|
17
|
-
"_checked": "
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SCheckboxButton_lwobx_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_lwobx_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_lwobx_gg_.__checked_lwobx_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_lwobx_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_lwobx_gg_.__checked_lwobx_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "lwobx_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SCheckboxButton": "___SCheckboxButton_lwobx_gg_",
|
17
|
+
"_checked": "__checked_lwobx_gg_"
|
18
18
|
});
|
19
19
|
import Checkbox from 'intergalactic/checkbox';
|
20
20
|
var CheckboxButtonRoot = /*#__PURE__*/function (_Component) {
|
@@ -36,8 +36,8 @@ import Input from 'intergalactic/input';
|
|
36
36
|
import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
|
37
37
|
import { NoticeBubbleContainer, NoticeBubbleManager } from 'intergalactic/notice-bubble';
|
38
38
|
/*__reshadow-styles__:"../../style/feedback-rating.shadow.css"*/
|
39
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
40
|
-
"__SFeedbackRating": "
|
39
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFeedbackRating_v7dpw_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_v7dpw_gg_ li{list-style:none}" /*__inner_css_end__*/, "v7dpw_gg_") /*__reshadow_css_end__*/, {
|
40
|
+
"__SFeedbackRating": "___SFeedbackRating_v7dpw_gg_"
|
41
41
|
});
|
42
42
|
var FeedbackRatingRoot = /*#__PURE__*/function (_Component) {
|
43
43
|
_inherits(FeedbackRatingRoot, _Component);
|
@@ -12,12 +12,12 @@ import React from 'react';
|
|
12
12
|
import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
|
13
13
|
import { Flex, Box } from 'intergalactic/flex-box';
|
14
14
|
/*__reshadow-styles__:"../../style/slider-rating.shadow.css"*/
|
15
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
16
|
-
"__SSliderRating": "
|
17
|
-
"__SStar": "
|
18
|
-
"_keyboardFocused": "
|
19
|
-
"_readonly": "
|
20
|
-
"_filled": "
|
15
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSliderRating_7z3aw_gg_ .___SStar_7z3aw_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_7z3aw_gg_ .___SStar_7z3aw_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_7z3aw_gg_.__keyboardFocused_7z3aw_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_7z3aw_gg_.__readonly_7z3aw_gg_ .___SStar_7z3aw_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_7z3aw_gg_.__filled_7z3aw_gg_:active{animation:wobble .8s ease-in-out}.___SStar_7z3aw_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_7z3aw_gg_.__filled_7z3aw_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "7z3aw_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SSliderRating": "___SSliderRating_7z3aw_gg_",
|
17
|
+
"__SStar": "___SStar_7z3aw_gg_",
|
18
|
+
"_keyboardFocused": "__keyboardFocused_7z3aw_gg_",
|
19
|
+
"_readonly": "__readonly_7z3aw_gg_",
|
20
|
+
"_filled": "__filled_7z3aw_gg_"
|
21
21
|
});
|
22
22
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
23
23
|
var MIN = 1;
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/feedback-form","description":"Semrush Feedback Form Component","version":"6.35.
|
1
|
+
{"name":"intergalactic/feedback-form","description":"Semrush Feedback Form Component","version":"6.35.3","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js,ts"},"dependencies":{"@semcore/checkbox":"7.41.1","@semcore/notice-bubble":"5.47.1","@semcore/typography":"5.47.1","@semcore/link":"5.41.2","@semcore/modal":"4.49.2","@semcore/illustration":"2.39.1","@semcore/icon":"4.52.1","@semcore/textarea":"5.37.1","@semcore/input":"4.39.1","final-form":"4.20.7","@semcore/button":"5.39.3","@semcore/flex-box":"5.38.1","@semcore/notice":"5.42.3","@semcore/spin-container":"7.39.1","@semcore/tooltip":"6.46.2","@semcore/utils":"4.43.2","final-form-focus":"1.1.2","react-final-form":"6.5.9"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/feedback-form"},"devDependencies":{"@types/react":"18.0.21","@types/final-form-focus":"1.1.7","@semcore/testing-utils":"1.0.0"},"overrides":{"final-form":{"@babel/runtime":"7.17.9"},"react-final-form":{"@babel/runtime":"7.17.9"}}}
|