intergalactic 15.105.0 → 15.106.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 +43 -0
- package/accordion/lib/cjs/Accordion.js +9 -9
- package/accordion/lib/es6/Accordion.js +9 -9
- package/accordion/package.json +1 -1
- package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
- package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +18 -18
- package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
- package/base-trigger/lib/es6/FilterTrigger.js +7 -7
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/base-trigger/package.json +1 -1
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +8 -8
- package/breadcrumbs/lib/es6/Breadcrumbs.js +8 -8
- package/breadcrumbs/package.json +1 -1
- package/button/lib/cjs/Button.js +26 -26
- package/button/lib/es6/Button.js +26 -26
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- 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/lib/cjs/ColorPicker.js +23 -23
- package/color-picker/lib/cjs/PaletteManager.js +23 -23
- package/color-picker/lib/cjs/components/InputColor.js +23 -23
- package/color-picker/lib/es6/ColorPicker.js +23 -23
- package/color-picker/lib/es6/PaletteManager.js +23 -23
- package/color-picker/lib/es6/components/InputColor.js +23 -23
- package/color-picker/package.json +1 -1
- package/components.json +36 -36
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +16 -16
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +16 -16
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +12 -12
- package/d3-chart/lib/cjs/Reference.js +12 -12
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +16 -16
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +16 -16
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +12 -12
- package/d3-chart/lib/es6/Reference.js +12 -12
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/package.json +1 -1
- package/data-table/lib/cjs/Body.js +3 -3
- package/data-table/lib/cjs/DataTable.js +36 -36
- package/data-table/lib/es6/Body.js +3 -3
- package/data-table/lib/es6/DataTable.js +36 -36
- package/data-table/package.json +1 -1
- 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/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/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/dropdown/lib/cjs/Dropdown.js +25 -12
- package/dropdown/lib/cjs/Dropdown.js.map +1 -1
- package/dropdown/lib/es6/Dropdown.js +26 -12
- package/dropdown/lib/es6/Dropdown.js.map +1 -1
- package/dropdown/package.json +1 -1
- package/dropdown-menu/lib/cjs/DropdownMenu.js +25 -24
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/es6/DropdownMenu.js +25 -24
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- package/dropdown-menu/package.json +1 -1
- package/ellipsis/lib/cjs/Ellipsis.js +10 -10
- package/ellipsis/lib/es6/Ellipsis.js +10 -10
- 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 +19 -13
- package/feature-popover/lib/cjs/FeaturePopover.js.map +1 -1
- package/feature-popover/lib/cjs/style/feature-popover.shadow.css +10 -7
- package/feature-popover/lib/es6/FeaturePopover.js +20 -14
- package/feature-popover/lib/es6/FeaturePopover.js.map +1 -1
- package/feature-popover/lib/es6/style/feature-popover.shadow.css +10 -7
- 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/icon/TikTok/l/index.d.ts +6 -0
- package/icon/TikTok/l/index.js +38 -0
- package/icon/TikTok/l/index.mjs +26 -0
- package/icon/TikTok/m/index.d.ts +6 -0
- package/icon/TikTok/m/index.js +38 -0
- package/icon/TikTok/m/index.mjs +26 -0
- package/icon/color/Confluence/l/index.js +4 -4
- package/icon/color/Confluence/l/index.mjs +4 -4
- package/icon/color/Confluence/m/index.js +4 -4
- package/icon/color/Confluence/m/index.mjs +4 -4
- package/icon/color/MicrosoftOffice/l/index.js +10 -10
- package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
- package/icon/color/MicrosoftOffice/m/index.js +10 -10
- package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
- package/icon/lib/cjs/Icon.js +8 -6
- package/icon/lib/cjs/Icon.js.map +1 -1
- package/icon/lib/cjs/style/icon.shadow.css +5 -1
- package/icon/lib/es6/Icon.js +8 -6
- package/icon/lib/es6/Icon.js.map +1 -1
- package/icon/lib/es6/style/icon.shadow.css +5 -1
- package/icon/package.json +1 -1
- package/icon/pay/Discover/l/index.js +1 -1
- package/icon/pay/Discover/l/index.mjs +1 -1
- package/icon/pay/Discover/m/index.js +1 -1
- package/icon/pay/Discover/m/index.mjs +1 -1
- package/icon/pay/JCB/l/index.js +10 -10
- package/icon/pay/JCB/l/index.mjs +10 -10
- package/icon/pay/JCB/m/index.js +10 -10
- package/icon/pay/JCB/m/index.mjs +10 -10
- package/icon/pay/Visa/l/index.js +2 -2
- package/icon/pay/Visa/l/index.mjs +2 -2
- package/icon/pay/Visa/m/index.js +2 -2
- package/icon/pay/Visa/m/index.mjs +2 -2
- 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/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/link/package.json +1 -1
- package/mini-chart/component/score/Line.d.ts +2 -15
- package/mini-chart/component/score/Line.types.d.ts +48 -0
- package/mini-chart/lib/cjs/component/score/Donut.js +10 -10
- package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/cjs/component/score/Line.js +70 -31
- package/mini-chart/lib/cjs/component/score/Line.js.map +1 -1
- package/mini-chart/lib/cjs/component/score/Line.types.js +2 -0
- package/mini-chart/lib/cjs/component/score/Line.types.js.map +1 -0
- package/mini-chart/lib/cjs/component/score/line.shadow.css +14 -18
- package/mini-chart/lib/cjs/component/trend/Bar.js +8 -8
- package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
- package/mini-chart/lib/es6/component/score/Donut.js +10 -10
- package/mini-chart/lib/es6/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Line.js +72 -31
- package/mini-chart/lib/es6/component/score/Line.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Line.types.js +2 -0
- package/mini-chart/lib/es6/component/score/Line.types.js.map +1 -0
- package/mini-chart/lib/es6/component/score/line.shadow.css +14 -18
- package/mini-chart/lib/es6/component/trend/Bar.js +8 -8
- package/mini-chart/lib/es6/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/mini-chart/lib/types/component/score/Line.d.ts +2 -15
- package/mini-chart/lib/types/component/score/Line.types.d.ts +48 -0
- package/mini-chart/package.json +1 -1
- package/modal/lib/cjs/Modal.js +8 -8
- package/modal/lib/es6/Modal.js +8 -8
- package/modal/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/notice-bubble/lib/cjs/NoticeBubble.js +15 -15
- package/notice-bubble/lib/es6/NoticeBubble.js +15 -15
- package/notice-bubble/package.json +1 -1
- package/notice-global/lib/cjs/NoticeGlobal.js +21 -16
- package/notice-global/lib/cjs/NoticeGlobal.js.map +1 -1
- package/notice-global/lib/cjs/style/notice-global.shadow.css +1 -38
- package/notice-global/lib/es6/NoticeGlobal.js +23 -18
- package/notice-global/lib/es6/NoticeGlobal.js.map +1 -1
- package/notice-global/lib/es6/style/notice-global.shadow.css +1 -38
- package/notice-global/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pagination/package.json +1 -1
- package/popper/lib/cjs/Popper.js +7 -10
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/es6/Popper.js +7 -10
- package/popper/lib/es6/Popper.js.map +1 -1
- package/popper/package.json +1 -1
- package/radio/lib/cjs/Radio.js +16 -16
- package/radio/lib/cjs/style/radio.shadow.css +24 -5
- package/radio/lib/es6/Radio.js +16 -16
- package/radio/lib/es6/style/radio.shadow.css +24 -5
- package/radio/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/side-panel/lib/cjs/SidePanel.js +19 -19
- package/side-panel/lib/es6/SidePanel.js +19 -19
- package/side-panel/package.json +1 -1
- package/tag/lib/cjs/Tag.js +23 -23
- package/tag/lib/es6/Tag.js +23 -23
- 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 +14 -20
- package/tooltip/lib/cjs/Tooltip.js.map +1 -1
- package/tooltip/lib/es6/Tooltip.js +14 -20
- package/tooltip/lib/es6/Tooltip.js.map +1 -1
- package/tooltip/package.json +1 -1
- package/typography/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +5 -5
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +5 -5
- package/typography/lib/es6/Text.js +34 -34
- package/typography/package.json +1 -1
- package/utils/lib/themes/auto.css +2 -2
- package/utils/lib/themes/dark.css +1 -1
- package/utils/lib/themes/dark.json +1 -1
- package/utils/lib/themes/default.css +1 -1
- package/utils/lib/themes/default.json +1 -1
- package/utils/lib/themes/light.css +1 -1
- package/utils/lib/themes/light.json +1 -1
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
- package/wizard/package.json +1 -1
@@ -17,22 +17,24 @@ import { Animation } from 'intergalactic/animation';
|
|
17
17
|
import createComponent, { Root, Component, sstyled } from 'intergalactic/core';
|
18
18
|
import Popper from 'intergalactic/popper';
|
19
19
|
import { Box } from 'intergalactic/flex-box';
|
20
|
-
import
|
20
|
+
import CloseIcon from 'intergalactic/icon/Close/m';
|
21
21
|
import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
|
22
22
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
23
23
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
24
|
+
import Button from 'intergalactic/button';
|
24
25
|
/*__reshadow-styles__:"./style/feature-popover.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes
|
26
|
-
"__SFeaturePopover": "
|
27
|
-
"__STrigger": "
|
28
|
-
"
|
29
|
-
"@
|
30
|
-
"
|
31
|
-
"
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes showTrigger_1faem{0%{opacity:0}to{opacity:1}}@keyframes scaleSizeAndHide_1faem{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.___SFeaturePopover_1faem_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_1faem_gg_{position:relative}.___SClose_1faem_gg_{position:absolute;z-index:1;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SClose_1faem_gg_ .___SAddon_1faem_gg_:only-child{margin-left:calc(var(--intergalactic-spacing-2x, 8px) - 1px);margin-right:calc(var(--intergalactic-spacing-2x, 8px) - 1px)}.___SSpot_1faem_gg_{position:absolute;bottom:calc(-1*var(--intergalactic-spacing-1x, 4px));right:calc(-1*var(--intergalactic-spacing-1x, 4px));animation-name:showTrigger_1faem;animation-duration:.2s;animation-timing-function:ease-in;animation-delay:.4s;animation-fill-mode:forwards;width:12px;height:12px}.___SSpot_1faem_gg_::after,.___SSpot_1faem_gg_::before{content:\"\";position:absolute;top:0;left:0;border-radius:50%;width:12px;height:12px}.___SSpot_1faem_gg_::before{transform-origin:50%;animation-name:scaleSizeAndHide_1faem;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_1faem_gg_::after{background-color:var(--intergalactic-bg-primary-highlight, #fce081)}@media (prefers-reduced-motion){.___SSpot_1faem_gg_,.___SSpot_1faem_gg_::before{animation-name:none}}" /*__inner_css_end__*/, "1faem_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SFeaturePopover": "___SFeaturePopover_1faem_gg_",
|
28
|
+
"__STrigger": "___STrigger_1faem_gg_",
|
29
|
+
"@showTrigger": "showTrigger_1faem",
|
30
|
+
"@scaleSizeAndHide": "scaleSizeAndHide_1faem",
|
31
|
+
"__SClose": "___SClose_1faem_gg_",
|
32
|
+
"__SAddon": "___SAddon_1faem_gg_",
|
33
|
+
"__SSpot": "___SSpot_1faem_gg_"
|
32
34
|
});
|
33
|
-
var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes
|
34
|
-
"@enter": "
|
35
|
-
"@exit": "
|
35
|
+
var stylePopper = ( /*__reshadow_css_start__*/sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1jym4{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes exit_1jym4{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-10px)}}" /*__inner_css_end__*/, "1jym4_gg_") /*__reshadow_css_end__*/, {
|
36
|
+
"@enter": "enter_1jym4",
|
37
|
+
"@exit": "exit_1jym4"
|
36
38
|
});
|
37
39
|
var FeaturePopover = /*#__PURE__*/function (_Component) {
|
38
40
|
_inherits(FeaturePopover, _Component);
|
@@ -143,7 +145,7 @@ var FeaturePopoverPopper = /*#__PURE__*/function (_Component2) {
|
|
143
145
|
var _ref2 = this.asProps,
|
144
146
|
_ref6;
|
145
147
|
var SFeaturePopover = Box;
|
146
|
-
var SClose =
|
148
|
+
var SClose = Button;
|
147
149
|
var _this$asProps3 = this.asProps,
|
148
150
|
Children = _this$asProps3.Children,
|
149
151
|
styles = _this$asProps3.styles,
|
@@ -166,9 +168,13 @@ var FeaturePopoverPopper = /*#__PURE__*/function (_Component2) {
|
|
166
168
|
}), /*#__PURE__*/React.createElement(SFeaturePopover, _ref6.cn("SFeaturePopover", _objectSpread({}, _assignProps2({
|
167
169
|
"aria-live": 'polite'
|
168
170
|
}, _ref2))), closeIcon && /*#__PURE__*/React.createElement(SClose, _ref6.cn("SClose", {
|
169
|
-
"
|
171
|
+
"aria-label": getI18nText('close'),
|
170
172
|
"onClick": $onCloseClick,
|
171
|
-
"
|
173
|
+
"use": 'tertiary',
|
174
|
+
"theme": 'muted',
|
175
|
+
"size": 'm',
|
176
|
+
"addonLeft": CloseIcon,
|
177
|
+
"type": 'button'
|
172
178
|
})), /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})))));
|
173
179
|
}
|
174
180
|
}]);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"FeaturePopover.js","names":["React","Animation","createComponent","Root","Component","sstyled","Popper","Box","Close","callAllEventHandlers","i18nEnhance","localizedMessages","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","trigger","popper","i18n","locale","Trigger","_ref8","_ref","arguments[0]","_ref5","Children","STrigger","_assignProps","FeaturePopoverPopper","_Component2","_super2","_ref2","_ref6","SFeaturePopover","SClose","_this$asProps3","closeIcon","duration","animationsDisabled","zIndex","disableEnforceFocus","_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 Close 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';\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: {\n trigger: [['onClick']],\n popper: [],\n },\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}>\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 = Close;\n const {\n Children,\n styles,\n visible,\n closeIcon,\n duration,\n $onCloseClick,\n animationsDisabled,\n getI18nText,\n zIndex,\n } = this.asProps;\n\n return sstyled(styles)(\n <Popper.Popper disableEnforceFocus zIndex={zIndex}>\n <Animation\n visible={visible}\n duration={duration}\n keyframes={[stylePopper['@enter'], stylePopper['@exit']]}\n initialAnimation\n animationsDisabled={animationsDisabled}\n >\n <SFeaturePopover render={Box} aria-live='polite'>\n {closeIcon && (\n <SClose interactive onClick={$onCloseClick} aria-label={getI18nText('close')} />\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":["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","trigger","popper","i18n","locale","Trigger","_ref8","_ref","arguments[0]","_ref5","Children","STrigger","_assignProps","FeaturePopoverPopper","_Component2","_super2","_ref2","_ref6","SFeaturePopover","SClose","_this$asProps3","closeIcon","duration","animationsDisabled","zIndex","disableEnforceFocus","_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: {\n trigger: [['onClick']],\n popper: [],\n },\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}>\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 } = this.asProps;\n\n return sstyled(styles)(\n <Popper.Popper disableEnforceFocus zIndex={zIndex}>\n <Animation\n visible={visible}\n duration={duration}\n keyframes={[stylePopper['@enter'], stylePopper['@exit']]}\n initialAnimation\n animationsDisabled={animationsDisabled}\n >\n <SFeaturePopover render={Box} aria-live='polite'>\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,6 +1,6 @@
|
|
1
1
|
SFeaturePopover {
|
2
2
|
padding-top: var(--intergalactic-spacing-4x, 16px);
|
3
|
-
padding-right: var(--intergalactic-spacing-
|
3
|
+
padding-right: var(--intergalactic-spacing-10x, 40px);
|
4
4
|
padding-bottom: var(--intergalactic-spacing-4x, 16px);
|
5
5
|
padding-left: var(--intergalactic-spacing-4x, 16px);
|
6
6
|
border-radius: var(--intergalactic-popper-rounded, 6px);
|
@@ -8,6 +8,7 @@ SFeaturePopover {
|
|
8
8
|
background-color: var(--intergalactic-bg-primary-highlight, #fce081);
|
9
9
|
color: var(--intergalactic-text-primary, #191b23);
|
10
10
|
box-shadow: var(--intergalactic-box-shadow-popper, 0px 1px 12px 0px rgba(25, 27, 35, 0.15));
|
11
|
+
position: relative;
|
11
12
|
}
|
12
13
|
|
13
14
|
STrigger {
|
@@ -16,12 +17,14 @@ STrigger {
|
|
16
17
|
|
17
18
|
SClose {
|
18
19
|
position: absolute;
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
20
|
+
z-index: 1;
|
21
|
+
right: var(--intergalactic-spacing-2x, 8px);
|
22
|
+
top: var(--intergalactic-spacing-2x, 8px);
|
23
|
+
|
24
|
+
& SAddon:only-child {
|
25
|
+
margin-left: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
26
|
+
margin-right: calc(var(--intergalactic-spacing-2x, 8px) - 1px);
|
27
|
+
}
|
25
28
|
}
|
26
29
|
|
27
30
|
@keyframes showTrigger {
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/feature-popover","description":"Semrush FeaturePopover Component","version":"4.
|
1
|
+
{"name":"intergalactic/feature-popover","description":"Semrush FeaturePopover Component","version":"4.43.0","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.32.2","@semcore/flex-box":"5.31.2","@semcore/popper":"5.39.4","@semcore/icon":"4.44.0","@semcore/animation":"2.31.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/feature-popover"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
@@ -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_zvl0a_gg_{max-width:320px}.___SCancel_zvl0a_gg_,.___SSubmit_zvl0a_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_zvl0a_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_zvl0a_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_zvl0a_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__*/, "zvl0a_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SFeedbackForm": "___SFeedbackForm_zvl0a_gg_",
|
33
|
+
"__SSubmit": "___SSubmit_zvl0a_gg_",
|
34
|
+
"__SCancel": "___SCancel_zvl0a_gg_",
|
35
|
+
"__SNotice": "___SNotice_zvl0a_gg_",
|
36
|
+
"__SSuccess": "___SSuccess_zvl0a_gg_",
|
37
|
+
"__SEmail": "___SEmail_zvl0a_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_h6fv6_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_h6fv6_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_h6fv6_gg_.__checked_h6fv6_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_h6fv6_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_h6fv6_gg_.__checked_h6fv6_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "h6fv6_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SCheckboxButton": "___SCheckboxButton_h6fv6_gg_",
|
25
|
+
"_checked": "__checked_h6fv6_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_1ftaz_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1ftaz_gg_ li{list-style:none}" /*__inner_css_end__*/, "1ftaz_gg_") /*__reshadow_css_end__*/, {
|
45
|
+
"__SFeedbackRating": "___SFeedbackRating_1ftaz_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_197rg_gg_ .___SStar_197rg_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_197rg_gg_ .___SStar_197rg_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_197rg_gg_.__keyboardFocused_197rg_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_197rg_gg_.__readonly_197rg_gg_ .___SStar_197rg_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_197rg_gg_.__filled_197rg_gg_:active{animation:wobble .8s ease-in-out}.___SStar_197rg_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_197rg_gg_.__filled_197rg_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "197rg_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SSliderRating": "___SSliderRating_197rg_gg_",
|
24
|
+
"__SStar": "___SStar_197rg_gg_",
|
25
|
+
"_keyboardFocused": "__keyboardFocused_197rg_gg_",
|
26
|
+
"_readonly": "__readonly_197rg_gg_",
|
27
|
+
"_filled": "__filled_197rg_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_zvl0a_gg_{max-width:320px}.___SCancel_zvl0a_gg_,.___SSubmit_zvl0a_gg_{display:inline-flex;margin-right:var(--intergalactic-spacing-2x, 8px)}.___SNotice_zvl0a_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_zvl0a_gg_{display:flex;align-items:center;flex-direction:column;width:320px;padding:var(--intergalactic-spacing-10x, 40px);box-sizing:border-box}.___SEmail_zvl0a_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__*/, "zvl0a_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SFeedbackForm": "___SFeedbackForm_zvl0a_gg_",
|
28
|
+
"__SSubmit": "___SSubmit_zvl0a_gg_",
|
29
|
+
"__SCancel": "___SCancel_zvl0a_gg_",
|
30
|
+
"__SNotice": "___SNotice_zvl0a_gg_",
|
31
|
+
"__SSuccess": "___SSuccess_zvl0a_gg_",
|
32
|
+
"__SEmail": "___SEmail_zvl0a_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_h6fv6_gg_{margin-top:var(--intergalactic-spacing-2x, 8px);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-rounded-medium, 6px)}.___SCheckboxButton_h6fv6_gg_ label{width:100%;padding:var(--intergalactic-spacing-3x, 12px);box-sizing:border-box}.___SCheckboxButton_h6fv6_gg_.__checked_h6fv6_gg_{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}@media (hover:hover){.___SCheckboxButton_h6fv6_gg_:hover{cursor:pointer;border-color:var(--intergalactic-border-info-active, #006dca);background-color:rgba(0,143,248,.1)}.___SCheckboxButton_h6fv6_gg_.__checked_h6fv6_gg_:hover{background-color:rgba(0,143,248,.2)}}" /*__inner_css_end__*/, "h6fv6_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SCheckboxButton": "___SCheckboxButton_h6fv6_gg_",
|
17
|
+
"_checked": "__checked_h6fv6_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_1ftaz_gg_ ul{margin:0;padding:0;list-style:none}.___SFeedbackRating_1ftaz_gg_ li{list-style:none}" /*__inner_css_end__*/, "1ftaz_gg_") /*__reshadow_css_end__*/, {
|
40
|
+
"__SFeedbackRating": "___SFeedbackRating_1ftaz_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_197rg_gg_ .___SStar_197rg_gg_{transition:all calc(var(--intergalactic-duration-control, 200)*1ms) ease-out}@media (hover:hover){.___SSliderRating_197rg_gg_ .___SStar_197rg_gg_:hover{cursor:pointer;transform:scale(1.3)}}.___SSliderRating_197rg_gg_.__keyboardFocused_197rg_gg_{outline:0;box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}@media (hover:hover){.___SSliderRating_197rg_gg_.__readonly_197rg_gg_ .___SStar_197rg_gg_:hover{cursor:default;transform:none;transition:none}}.___SStar_197rg_gg_.__filled_197rg_gg_:active{animation:wobble .8s ease-in-out}.___SStar_197rg_gg_ path{fill:transparent;stroke:var(--intergalactic-slider-rating-normal, #a9abb6);stroke-width:2}.___SStar_197rg_gg_.__filled_197rg_gg_ path{stroke-width:0;fill:var(--intergalactic-slider-rating-hover-active, #fdc23c)}" /*__inner_css_end__*/, "197rg_gg_") /*__reshadow_css_end__*/, {
|
16
|
+
"__SSliderRating": "___SSliderRating_197rg_gg_",
|
17
|
+
"__SStar": "___SStar_197rg_gg_",
|
18
|
+
"_keyboardFocused": "__keyboardFocused_197rg_gg_",
|
19
|
+
"_readonly": "__readonly_197rg_gg_",
|
20
|
+
"_filled": "__filled_197rg_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.33.
|
1
|
+
{"name":"intergalactic/feedback-form","description":"Semrush Feedback Form Component","version":"6.33.6","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.34.2","@semcore/notice-bubble":"5.41.0","@semcore/typography":"5.41.0","@semcore/link":"5.36.4","@semcore/modal":"4.44.0","@semcore/illustration":"2.32.0","@semcore/icon":"4.44.0","@semcore/textarea":"5.30.2","@semcore/input":"4.32.2","final-form":"4.20.7","@semcore/button":"5.35.2","@semcore/flex-box":"5.31.2","@semcore/notice":"5.39.1","@semcore/spin-container":"7.32.2","@semcore/tooltip":"6.40.4","@semcore/utils":"4.32.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"}}}
|
@@ -28,19 +28,19 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
|
|
28
28
|
var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
|
29
29
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
30
30
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SFullscreenOverlay": "
|
33
|
-
"__SFullscreenModal": "
|
34
|
-
"__SClose": "
|
35
|
-
"__SBack": "
|
36
|
-
"_keyboardFocused": "
|
37
|
-
"__SBackText": "
|
38
|
-
"__STitle": "
|
39
|
-
"__SDescription": "
|
40
|
-
"__SHeader": "
|
41
|
-
"__SFooter": "
|
42
|
-
"__SBody": "
|
43
|
-
"__SSection": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1d2y6_gg_{padding:0}.___SFullscreenModal_1d2y6_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1d2y6_gg_{position:absolute;top:17px;right:24px}.___SBack_1d2y6_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1d2y6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1d2y6_gg_.__keyboardFocused_1d2y6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1d2y6_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1d2y6_gg_,.___SDescription_1d2y6_gg_,.___STitle_1d2y6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1d2y6_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1d2y6_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1d2y6_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1d2y6_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1d2y6_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1d2y6_gg_{display:flex;height:100%;overflow:auto}.___SSection_1d2y6_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1d2y6_gg_{transition:none}}" /*__inner_css_end__*/, "1d2y6_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1d2y6_gg_",
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_1d2y6_gg_",
|
34
|
+
"__SClose": "___SClose_1d2y6_gg_",
|
35
|
+
"__SBack": "___SBack_1d2y6_gg_",
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1d2y6_gg_",
|
37
|
+
"__SBackText": "___SBackText_1d2y6_gg_",
|
38
|
+
"__STitle": "___STitle_1d2y6_gg_",
|
39
|
+
"__SDescription": "___SDescription_1d2y6_gg_",
|
40
|
+
"__SHeader": "___SHeader_1d2y6_gg_",
|
41
|
+
"__SFooter": "___SFooter_1d2y6_gg_",
|
42
|
+
"__SBody": "___SBody_1d2y6_gg_",
|
43
|
+
"__SSection": "___SSection_1d2y6_gg_"
|
44
44
|
});
|
45
45
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
46
46
|
(0, _inherits2["default"])(FullscreenModalRoot, _Component);
|
@@ -28,19 +28,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
28
28
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
29
29
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
30
30
|
/*__reshadow-styles__:"./style/fullscreen-modal.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SFullscreenOverlay": "
|
33
|
-
"__SFullscreenModal": "
|
34
|
-
"__SClose": "
|
35
|
-
"__SBack": "
|
36
|
-
"_keyboardFocused": "
|
37
|
-
"__SBackText": "
|
38
|
-
"__STitle": "
|
39
|
-
"__SDescription": "
|
40
|
-
"__SHeader": "
|
41
|
-
"__SFooter": "
|
42
|
-
"__SBody": "
|
43
|
-
"__SSection": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SFullscreenOverlay_1d2y6_gg_{padding:0}.___SFullscreenModal_1d2y6_gg_{height:100%;display:flex;flex-direction:column;width:100%;background:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:0;padding:0}.___SClose_1d2y6_gg_{position:absolute;top:17px;right:24px}.___SBack_1d2y6_gg_{cursor:pointer;position:absolute;z-index:1;top:8px;left:32px;display:flex;align-items:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-primary-neutral, #6c6e79);font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);background:0 0;padding:0;border:0;outline:0}@media (hover:hover){.___SBack_1d2y6_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SBack_1d2y6_gg_.__keyboardFocused_1d2y6_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SBackText_1d2y6_gg_{margin-left:var(--intergalactic-spacing-1x, 4px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SBackText_1d2y6_gg_,.___SDescription_1d2y6_gg_,.___STitle_1d2y6_gg_{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___STitle_1d2y6_gg_{font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-bold, 700);color:var(--intergalactic-text-primary, #191b23)}.___SDescription_1d2y6_gg_{display:flex;align-items:baseline;font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%);color:var(--intergalactic-text-secondary, #6c6e79)}.___SDescription_1d2y6_gg_::before{content:\"\";position:relative;top:var(--intergalactic-spacing-1x, 4px);display:block;margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px);height:24px;width:1px;background-color:var(--intergalactic-border-primary, #c4c7cf)}.___SHeader_1d2y6_gg_{display:flex;align-items:baseline;padding-left:var(--intergalactic-spacing-8x, 32px);padding-bottom:var(--intergalactic-spacing-2x, 8px);padding-right:calc(var(--intergalactic-spacing-20x, 80px) - var(--intergalactic-spacing-2x, 8px));padding-top:var(--intergalactic-spacing-10x, 40px);min-height:76px;box-shadow:inset 0-1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SFooter_1d2y6_gg_{min-height:52px;box-shadow:inset 0 1px 1px 0 var(--intergalactic-border-primary, #c4c7cf);box-sizing:border-box}.___SBody_1d2y6_gg_{display:flex;height:100%;overflow:auto}.___SSection_1d2y6_gg_{padding-top:var(--intergalactic-spacing-6x, 24px);padding-bottom:var(--intergalactic-spacing-6x, 24px);padding-left:var(--intergalactic-spacing-8x, 32px);padding-right:var(--intergalactic-spacing-8x, 32px);flex:1 1 auto}@media (prefers-reduced-motion){.___SBackText_1d2y6_gg_{transition:none}}" /*__inner_css_end__*/, "1d2y6_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SFullscreenOverlay": "___SFullscreenOverlay_1d2y6_gg_",
|
33
|
+
"__SFullscreenModal": "___SFullscreenModal_1d2y6_gg_",
|
34
|
+
"__SClose": "___SClose_1d2y6_gg_",
|
35
|
+
"__SBack": "___SBack_1d2y6_gg_",
|
36
|
+
"_keyboardFocused": "__keyboardFocused_1d2y6_gg_",
|
37
|
+
"__SBackText": "___SBackText_1d2y6_gg_",
|
38
|
+
"__STitle": "___STitle_1d2y6_gg_",
|
39
|
+
"__SDescription": "___SDescription_1d2y6_gg_",
|
40
|
+
"__SHeader": "___SHeader_1d2y6_gg_",
|
41
|
+
"__SFooter": "___SFooter_1d2y6_gg_",
|
42
|
+
"__SBody": "___SBody_1d2y6_gg_",
|
43
|
+
"__SSection": "___SSection_1d2y6_gg_"
|
44
44
|
});
|
45
45
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
46
46
|
var FullscreenModalRoot = /*#__PURE__*/function (_Component) {
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/fullscreen-modal","description":"Semrush FullscreenModal Component","version":"3.43.
|
1
|
+
{"name":"intergalactic/fullscreen-modal","description":"Semrush FullscreenModal Component","version":"3.43.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.32.2","@semcore/icon":"4.44.0","@semcore/modal":"4.44.0","@semcore/typography":"5.41.0","@semcore/flex-box":"5.31.2","@semcore/button":"5.35.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/fullscreen-modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
@@ -0,0 +1,38 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports["default"] = void 0;
|
8
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
10
|
+
var _react = _interopRequireDefault(require("react"));
|
11
|
+
var _core = require("intergalactic/core");
|
12
|
+
var _icon = _interopRequireDefault(require("intergalactic/icon"));
|
13
|
+
var _excluded = ["width", "height", "viewBox"];
|
14
|
+
function TikTok(_ref, ref) {
|
15
|
+
var _ref$width = _ref.width,
|
16
|
+
width = _ref$width === void 0 ? '24' : _ref$width,
|
17
|
+
_ref$height = _ref.height,
|
18
|
+
height = _ref$height === void 0 ? '24' : _ref$height,
|
19
|
+
_ref$viewBox = _ref.viewBox,
|
20
|
+
viewBox = _ref$viewBox === void 0 ? '0 0 24 24' : _ref$viewBox,
|
21
|
+
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
22
|
+
return /*#__PURE__*/_react["default"].createElement(_icon["default"], (0, _extends2["default"])({
|
23
|
+
ref: ref,
|
24
|
+
"data-name": "TikTok",
|
25
|
+
"data-group": "l",
|
26
|
+
width: width,
|
27
|
+
height: height,
|
28
|
+
viewBox: viewBox
|
29
|
+
}, props), /*#__PURE__*/_react["default"].createElement("path", {
|
30
|
+
fillRule: "evenodd",
|
31
|
+
d: "M16.935 1.051a5.748 5.748 0 0 0 2.576 3.764l.001.001c.921.587 2.02.929 3.198.929V9.87c-2.19 0-4.219-.684-5.875-1.846v8.385c0 4.188-3.487 7.595-7.772 7.595a7.851 7.851 0 0 1-4.455-1.377l-.002-.002C2.603 21.25 1.29 18.977 1.29 16.41c0-4.188 3.487-7.595 7.773-7.595.355 0 .704.029 1.047.074v4.213a3.575 3.575 0 0 0-1.047-.16c-1.958 0-3.55 1.556-3.55 3.468 0 1.332.773 2.49 1.903 3.07a3.59 3.59 0 0 0 1.646.399c1.913 0 3.472-1.486 3.543-3.338L12.612.004h4.223c0 .358.035.707.1 1.047Z",
|
32
|
+
clipRule: "evenodd",
|
33
|
+
shapeRendering: "geometricPrecision"
|
34
|
+
}));
|
35
|
+
}
|
36
|
+
TikTok.displayName = 'TikTok';
|
37
|
+
var _default = (0, _core.createBaseComponent)(TikTok);
|
38
|
+
exports["default"] = _default;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
2
|
+
import React from 'react';
|
3
|
+
import { createBaseComponent } from 'intergalactic/core';
|
4
|
+
import Icon from 'intergalactic/icon';
|
5
|
+
function TikTok({
|
6
|
+
width = '24',
|
7
|
+
height = '24',
|
8
|
+
viewBox = '0 0 24 24',
|
9
|
+
...props
|
10
|
+
}, ref) {
|
11
|
+
return /*#__PURE__*/React.createElement(Icon, _extends({
|
12
|
+
ref: ref,
|
13
|
+
"data-name": "TikTok",
|
14
|
+
"data-group": "l",
|
15
|
+
width: width,
|
16
|
+
height: height,
|
17
|
+
viewBox: viewBox
|
18
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
19
|
+
fillRule: "evenodd",
|
20
|
+
d: "M16.935 1.051a5.748 5.748 0 0 0 2.576 3.764l.001.001c.921.587 2.02.929 3.198.929V9.87c-2.19 0-4.219-.684-5.875-1.846v8.385c0 4.188-3.487 7.595-7.772 7.595a7.851 7.851 0 0 1-4.455-1.377l-.002-.002C2.603 21.25 1.29 18.977 1.29 16.41c0-4.188 3.487-7.595 7.773-7.595.355 0 .704.029 1.047.074v4.213a3.575 3.575 0 0 0-1.047-.16c-1.958 0-3.55 1.556-3.55 3.468 0 1.332.773 2.49 1.903 3.07a3.59 3.59 0 0 0 1.646.399c1.913 0 3.472-1.486 3.543-3.338L12.612.004h4.223c0 .358.035.707.1 1.047Z",
|
21
|
+
clipRule: "evenodd",
|
22
|
+
shapeRendering: "geometricPrecision"
|
23
|
+
}));
|
24
|
+
}
|
25
|
+
TikTok.displayName = 'TikTok';
|
26
|
+
export default createBaseComponent(TikTok);
|