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
package/modal/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.
|
1
|
+
{"name":"intergalactic/modal","description":"Semrush Modal Component","version":"4.44.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/animation":"2.31.2","@semcore/flex-box":"5.31.2","@semcore/icon":"4.44.0","@semcore/outside-click":"3.29.2","@semcore/portal":"3.31.2","@semcore/typography":"5.41.0","@semcore/utils":"4.32.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/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
package/notice/lib/cjs/Notice.js
CHANGED
@@ -26,20 +26,20 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
26
26
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
27
27
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
28
28
|
/*__reshadow-styles__:"./style/notice.shadow.css"*/
|
29
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
30
|
-
"__SNotice": "
|
31
|
-
"__SContent": "
|
32
|
-
"__SActions": "
|
33
|
-
"__SLabel": "
|
34
|
-
"_theme_info": "
|
35
|
-
"_theme_danger": "
|
36
|
-
"_theme_warning": "
|
37
|
-
"_theme_success": "
|
38
|
-
"_theme_muted": "
|
39
|
-
"_theme_custom": "
|
40
|
-
"--color": "--
|
41
|
-
"__SCloseIcon": "
|
42
|
-
"--backgroundColor": "--
|
29
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_11ntz_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_11ntz_gg_._theme_info_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_11ntz_gg_._theme_info_11ntz_gg_,.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_11ntz_gg_{flex:1 1 auto;width:100%}.___SActions_11ntz_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_11ntz_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_11ntz_gg_._theme_danger_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_11ntz_gg_._theme_warning_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_11ntz_gg_._theme_success_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_11ntz_gg_._theme_muted_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_11ntz_gg_._theme_custom_11ntz_gg_{color:var(--color_11ntz)}.___SCloseIcon_11ntz_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_11ntz_gg_._theme_custom_11ntz_gg_{background-color:var(--backgroundColor_11ntz);border-color:var(--backgroundColor_11ntz)}" /*__inner_css_end__*/, "11ntz_gg_") /*__reshadow_css_end__*/, {
|
30
|
+
"__SNotice": "___SNotice_11ntz_gg_",
|
31
|
+
"__SContent": "___SContent_11ntz_gg_",
|
32
|
+
"__SActions": "___SActions_11ntz_gg_",
|
33
|
+
"__SLabel": "___SLabel_11ntz_gg_",
|
34
|
+
"_theme_info": "_theme_info_11ntz_gg_",
|
35
|
+
"_theme_danger": "_theme_danger_11ntz_gg_",
|
36
|
+
"_theme_warning": "_theme_warning_11ntz_gg_",
|
37
|
+
"_theme_success": "_theme_success_11ntz_gg_",
|
38
|
+
"_theme_muted": "_theme_muted_11ntz_gg_",
|
39
|
+
"_theme_custom": "_theme_custom_11ntz_gg_",
|
40
|
+
"--color": "--color_11ntz",
|
41
|
+
"__SCloseIcon": "___SCloseIcon_11ntz_gg_",
|
42
|
+
"--backgroundColor": "--backgroundColor_11ntz"
|
43
43
|
});
|
44
44
|
function isCustomTheme(theme) {
|
45
45
|
return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
|
package/notice/lib/es6/Notice.js
CHANGED
@@ -24,20 +24,20 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
24
24
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
25
25
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
26
26
|
/*__reshadow-styles__:"./style/notice.shadow.css"*/
|
27
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
28
|
-
"__SNotice": "
|
29
|
-
"__SContent": "
|
30
|
-
"__SActions": "
|
31
|
-
"__SLabel": "
|
32
|
-
"_theme_info": "
|
33
|
-
"_theme_danger": "
|
34
|
-
"_theme_warning": "
|
35
|
-
"_theme_success": "
|
36
|
-
"_theme_muted": "
|
37
|
-
"_theme_custom": "
|
38
|
-
"--color": "--
|
39
|
-
"__SCloseIcon": "
|
40
|
-
"--backgroundColor": "--
|
27
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_11ntz_gg_{display:flex;padding:var(--intergalactic-spacing-4x, 16px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;border-style:solid;border-width:1px;border-radius:var(--intergalactic-surface-rounded, 6px);color:var(--intergalactic-text-primary, #191b23)}.___SNotice_11ntz_gg_._theme_info_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_info_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_danger_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_warning_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_success_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_11ntz_gg_._theme_info_11ntz_gg_,.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_11ntz_gg_._theme_muted_11ntz_gg_ .___SCloseIcon_11ntz_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_11ntz_gg_{flex:1 1 auto;width:100%}.___SActions_11ntz_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_11ntz_gg_{min-height:var(--intergalactic-form-control-m, 28px);height:-moz-fit-content;height:fit-content;margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex;align-items:center}.___SLabel_11ntz_gg_._theme_danger_11ntz_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_11ntz_gg_._theme_warning_11ntz_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_11ntz_gg_._theme_success_11ntz_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_11ntz_gg_._theme_muted_11ntz_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_11ntz_gg_._theme_custom_11ntz_gg_{color:var(--color_11ntz)}.___SCloseIcon_11ntz_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_11ntz_gg_._theme_custom_11ntz_gg_{background-color:var(--backgroundColor_11ntz);border-color:var(--backgroundColor_11ntz)}" /*__inner_css_end__*/, "11ntz_gg_") /*__reshadow_css_end__*/, {
|
28
|
+
"__SNotice": "___SNotice_11ntz_gg_",
|
29
|
+
"__SContent": "___SContent_11ntz_gg_",
|
30
|
+
"__SActions": "___SActions_11ntz_gg_",
|
31
|
+
"__SLabel": "___SLabel_11ntz_gg_",
|
32
|
+
"_theme_info": "_theme_info_11ntz_gg_",
|
33
|
+
"_theme_danger": "_theme_danger_11ntz_gg_",
|
34
|
+
"_theme_warning": "_theme_warning_11ntz_gg_",
|
35
|
+
"_theme_success": "_theme_success_11ntz_gg_",
|
36
|
+
"_theme_muted": "_theme_muted_11ntz_gg_",
|
37
|
+
"_theme_custom": "_theme_custom_11ntz_gg_",
|
38
|
+
"--color": "--color_11ntz",
|
39
|
+
"__SCloseIcon": "___SCloseIcon_11ntz_gg_",
|
40
|
+
"--backgroundColor": "--backgroundColor_11ntz"
|
41
41
|
});
|
42
42
|
function isCustomTheme(theme) {
|
43
43
|
return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
|
package/notice/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.39.
|
1
|
+
{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.39.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/animation":"2.31.2","@semcore/utils":"4.32.2","@semcore/button":"5.35.2","@semcore/flex-box":"5.31.2","@semcore/icon":"4.44.0","@semcore/notice-global":"2.49.0"},"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/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
@@ -39,21 +39,21 @@ var _ref5 = require("intergalactic/utils/lib/ref");
|
|
39
39
|
var _excluded = ["focusLock"],
|
40
40
|
_excluded2 = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"];
|
41
41
|
/*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
|
42
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
43
|
-
"__SContent": "
|
44
|
-
"__SMessage": "
|
45
|
-
"__SDismiss": "
|
46
|
-
"_use": "
|
47
|
-
"__SIcon": "
|
48
|
-
"__SNoticeBubble": "
|
49
|
-
"_disablePortal": "
|
50
|
-
"__SNoticeAriaLiveWrapper": "
|
51
|
-
"@enter": "
|
52
|
-
"@exit": "
|
53
|
-
"__SBubble": "
|
54
|
-
"__SView": "
|
55
|
-
"_type_info": "
|
56
|
-
"_type_warning": "
|
42
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_4a37h{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_4a37h{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_4a37h_gg_,.___SView_4a37h_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_4a37h_gg_._type_info_4a37h_gg_,.___SView_4a37h_gg_._type_info_4a37h_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_4a37h_gg_._type_warning_4a37h_gg_,.___SView_4a37h_gg_._type_warning_4a37h_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_4a37h_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_4a37h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_4a37h_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_4a37h_gg_.__use_4a37h_gg_.__use_4a37h_gg_{padding:0 1px}.___SIcon_4a37h_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_4a37h_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_4a37h_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_4a37h_gg_.__disablePortal_4a37h_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_4a37h_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_4a37h_gg_{display:content}" /*__inner_css_end__*/, "4a37h_gg_") /*__reshadow_css_end__*/, {
|
43
|
+
"__SContent": "___SContent_4a37h_gg_",
|
44
|
+
"__SMessage": "___SMessage_4a37h_gg_",
|
45
|
+
"__SDismiss": "___SDismiss_4a37h_gg_",
|
46
|
+
"_use": "__use_4a37h_gg_",
|
47
|
+
"__SIcon": "___SIcon_4a37h_gg_",
|
48
|
+
"__SNoticeBubble": "___SNoticeBubble_4a37h_gg_",
|
49
|
+
"_disablePortal": "__disablePortal_4a37h_gg_",
|
50
|
+
"__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_4a37h_gg_",
|
51
|
+
"@enter": "enter_4a37h",
|
52
|
+
"@exit": "exit_4a37h",
|
53
|
+
"__SBubble": "___SBubble_4a37h_gg_",
|
54
|
+
"__SView": "___SView_4a37h_gg_",
|
55
|
+
"_type_info": "_type_info_4a37h_gg_",
|
56
|
+
"_type_warning": "_type_warning_4a37h_gg_"
|
57
57
|
});
|
58
58
|
var Notices = function Notices(props) {
|
59
59
|
var styles = props.styles,
|
@@ -31,21 +31,21 @@ import { useFocusLock } from 'intergalactic/utils/lib/use/useFocusLock';
|
|
31
31
|
import { Hint } from 'intergalactic/tooltip';
|
32
32
|
import { ZIndexStackingContextProvider, zIndexStackingEnhance } from 'intergalactic/utils/lib/zIndexStacking';
|
33
33
|
/*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
|
34
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes
|
35
|
-
"__SContent": "
|
36
|
-
"__SMessage": "
|
37
|
-
"__SDismiss": "
|
38
|
-
"_use": "
|
39
|
-
"__SIcon": "
|
40
|
-
"__SNoticeBubble": "
|
41
|
-
"_disablePortal": "
|
42
|
-
"__SNoticeAriaLiveWrapper": "
|
43
|
-
"@enter": "
|
44
|
-
"@exit": "
|
45
|
-
"__SBubble": "
|
46
|
-
"__SView": "
|
47
|
-
"_type_info": "
|
48
|
-
"_type_warning": "
|
34
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_4a37h{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_4a37h{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_4a37h_gg_,.___SView_4a37h_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_4a37h_gg_._type_info_4a37h_gg_,.___SView_4a37h_gg_._type_info_4a37h_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_4a37h_gg_._type_warning_4a37h_gg_,.___SView_4a37h_gg_._type_warning_4a37h_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_4a37h_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_4a37h_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_4a37h_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_4a37h_gg_.__use_4a37h_gg_.__use_4a37h_gg_{padding:0 1px}.___SIcon_4a37h_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_4a37h_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_4a37h_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_4a37h_gg_.__disablePortal_4a37h_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_4a37h_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_4a37h_gg_{display:content}" /*__inner_css_end__*/, "4a37h_gg_") /*__reshadow_css_end__*/, {
|
35
|
+
"__SContent": "___SContent_4a37h_gg_",
|
36
|
+
"__SMessage": "___SMessage_4a37h_gg_",
|
37
|
+
"__SDismiss": "___SDismiss_4a37h_gg_",
|
38
|
+
"_use": "__use_4a37h_gg_",
|
39
|
+
"__SIcon": "___SIcon_4a37h_gg_",
|
40
|
+
"__SNoticeBubble": "___SNoticeBubble_4a37h_gg_",
|
41
|
+
"_disablePortal": "__disablePortal_4a37h_gg_",
|
42
|
+
"__SNoticeAriaLiveWrapper": "___SNoticeAriaLiveWrapper_4a37h_gg_",
|
43
|
+
"@enter": "enter_4a37h",
|
44
|
+
"@exit": "exit_4a37h",
|
45
|
+
"__SBubble": "___SBubble_4a37h_gg_",
|
46
|
+
"__SView": "___SView_4a37h_gg_",
|
47
|
+
"_type_info": "_type_info_4a37h_gg_",
|
48
|
+
"_type_warning": "_type_warning_4a37h_gg_"
|
49
49
|
});
|
50
50
|
import { forkRef, useForkRef } from 'intergalactic/utils/lib/ref';
|
51
51
|
var Notices = function Notices(props) {
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.
|
1
|
+
{"name":"intergalactic/notice-bubble","description":"Semrush NoticeBubble Component","version":"5.41.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","author":"UI-kit team <ui-kit-team@semrush.com>","sideEffects":false,"license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.32.2","@semcore/icon":"4.44.0","@semcore/portal":"3.31.2","@semcore/flex-box":"5.31.2","@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/notice-bubble"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
@@ -23,19 +23,20 @@ var _findComponent = require("intergalactic/utils/lib/findComponent");
|
|
23
23
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
24
24
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
25
25
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
26
|
+
var _button = _interopRequireDefault(require("intergalactic/button"));
|
26
27
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
27
28
|
/*__reshadow-styles__:"./style/notice-global.shadow.css"*/
|
28
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
29
|
-
"__SNoticeGlobal": "
|
30
|
-
"
|
31
|
-
"
|
32
|
-
"
|
33
|
-
"
|
34
|
-
"
|
35
|
-
"
|
36
|
-
"
|
37
|
-
"
|
38
|
-
"
|
29
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1310t_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1310t_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1310t_gg_._theme_neutral_1310t_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_info_1310t_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_danger_1310t_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_warning_1310t_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_success_1310t_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_custom_1310t_gg_{background-color:var(--backgroundColor_1310t)}.___SContent_1310t_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1310t_gg_") /*__reshadow_css_end__*/, {
|
30
|
+
"__SNoticeGlobal": "___SNoticeGlobal_1310t_gg_",
|
31
|
+
"__SCloseIcon": "___SCloseIcon_1310t_gg_",
|
32
|
+
"_theme_neutral": "_theme_neutral_1310t_gg_",
|
33
|
+
"_theme_info": "_theme_info_1310t_gg_",
|
34
|
+
"_theme_danger": "_theme_danger_1310t_gg_",
|
35
|
+
"_theme_warning": "_theme_warning_1310t_gg_",
|
36
|
+
"_theme_success": "_theme_success_1310t_gg_",
|
37
|
+
"_theme_custom": "_theme_custom_1310t_gg_",
|
38
|
+
"--backgroundColor": "--backgroundColor_1310t",
|
39
|
+
"__SContent": "___SContent_1310t_gg_"
|
39
40
|
});
|
40
41
|
function isCustomTheme(theme) {
|
41
42
|
return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);
|
@@ -113,13 +114,17 @@ function CloseIcon(_ref8) {
|
|
113
114
|
var _ref3 = arguments[0],
|
114
115
|
_ref6;
|
115
116
|
var styles = _ref8.styles,
|
117
|
+
hasChildren = _ref8.children,
|
118
|
+
Children = _ref8.Children,
|
116
119
|
getI18nText = _ref8.getI18nText;
|
117
|
-
var SCloseIcon =
|
120
|
+
var SCloseIcon = _button["default"];
|
118
121
|
return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SCloseIcon, _ref6.cn("SCloseIcon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
119
|
-
"
|
120
|
-
"
|
121
|
-
"
|
122
|
-
|
122
|
+
"aria-label": getI18nText('close'),
|
123
|
+
"use": 'tertiary',
|
124
|
+
"theme": 'invert',
|
125
|
+
"size": 'm',
|
126
|
+
"addonLeft": hasChildren ? undefined : _m["default"]
|
127
|
+
}, _ref3))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})) : null);
|
123
128
|
}
|
124
129
|
CloseIcon.enhance = [(0, _keyboardFocusEnhance["default"])()];
|
125
130
|
var NoticeGlobal = (0, _core["default"])(NoticeGlobalRoot, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NoticeGlobal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_resolveColorEnhance","_animation","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_keyboardFocusEnhance","style","_index","sstyled","insert","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","FadeInOut","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","isAdvanceMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread2","assignProps","CloseIcon","onClick","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","Flex","_ref8","_ref3","_ref6","SCloseIcon","
|
1
|
+
{"version":3,"file":"NoticeGlobal.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_m","_resolveColorEnhance","_animation","_findComponent","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_button","_keyboardFocusEnhance","style","_index","sstyled","insert","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","FadeInOut","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","isAdvanceMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread2","assignProps","CloseIcon","onClick","Component","_defineProperty2","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","Flex","_ref8","_ref3","_ref6","hasChildren","children","SCloseIcon","Button","undefined","CloseM","enhance","keyboardFocusEnhance","createComponent","_default","exports"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport CloseM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport Button from '@semcore/button';\n\nimport style from './style/notice-global.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n static displayName = 'NoticeGlobal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-popper',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n resolveColorEnhance(),\n ];\n static defaultProps = {\n theme: 'neutral',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNoticeGlobal = Root;\n const {\n Children,\n styles,\n hidden,\n theme,\n closable,\n onClose,\n forcedAdvancedMode,\n resolveColor,\n getI18nText,\n } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n return sstyled(styles)(\n <SNoticeGlobal\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={isAssertive ? 'assertive' : 'polite'}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n {advancedMode ? (\n <Children />\n ) : (\n <NoticeGlobal.Content>\n <Children />\n </NoticeGlobal.Content>\n )}\n {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n </SNoticeGlobal>,\n );\n }\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Flex} />);\n}\n\nfunction CloseIcon({ styles, children: hasChildren, Children, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='invert'\n size='m'\n addonLeft={hasChildren ? undefined : CloseM}\n >\n {hasChildren ? <Children /> : null}\n </SCloseIcon>,\n );\n}\nCloseIcon.enhance = [keyboardFocusEnhance()];\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n Content,\n CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}
|
@@ -1,5 +1,6 @@
|
|
1
1
|
SNoticeGlobal {
|
2
2
|
display: flex;
|
3
|
+
align-items: center;
|
3
4
|
font-size: var(--intergalactic-fs-200, 14px);
|
4
5
|
line-height: var(--intergalactic-lh-200, 142%);
|
5
6
|
box-sizing: border-box;
|
@@ -7,13 +8,7 @@ SNoticeGlobal {
|
|
7
8
|
}
|
8
9
|
|
9
10
|
SCloseIcon {
|
10
|
-
flex-shrink: 0;
|
11
|
-
margin-top: var(--intergalactic-spacing-05x, 2px);
|
12
11
|
margin-left: var(--intergalactic-spacing-4x, 16px);
|
13
|
-
|
14
|
-
&:hover {
|
15
|
-
cursor: pointer;
|
16
|
-
}
|
17
12
|
}
|
18
13
|
|
19
14
|
SNoticeGlobal[theme='neutral'] {
|
@@ -24,53 +19,21 @@ SNoticeGlobal[theme='neutral'] {
|
|
24
19
|
SNoticeGlobal[theme='info'] {
|
25
20
|
background-color: var(--intergalactic-bg-primary-info, #008ff8);
|
26
21
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
27
|
-
|
28
|
-
& SCloseIcon {
|
29
|
-
color: var(--intergalactic-icon-primary-invert, #ffffff);
|
30
|
-
|
31
|
-
&:hover {
|
32
|
-
color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
|
33
|
-
}
|
34
|
-
}
|
35
22
|
}
|
36
23
|
|
37
24
|
SNoticeGlobal[theme='danger'] {
|
38
25
|
background-color: var(--intergalactic-bg-primary-critical, #ff4953);
|
39
26
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
40
|
-
|
41
|
-
& SCloseIcon {
|
42
|
-
color: var(--intergalactic-icon-primary-invert, #ffffff);
|
43
|
-
|
44
|
-
&:hover {
|
45
|
-
color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
|
46
|
-
}
|
47
|
-
}
|
48
27
|
}
|
49
28
|
|
50
29
|
SNoticeGlobal[theme='warning'] {
|
51
30
|
background-color: var(--intergalactic-bg-primary-warning, #ff642d);
|
52
31
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
53
|
-
|
54
|
-
& SCloseIcon {
|
55
|
-
color: var(--intergalactic-icon-primary-invert, #ffffff);
|
56
|
-
|
57
|
-
&:hover {
|
58
|
-
color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
|
59
|
-
}
|
60
|
-
}
|
61
32
|
}
|
62
33
|
|
63
34
|
SNoticeGlobal[theme='success'] {
|
64
35
|
background-color: var(--intergalactic-bg-primary-success, #009f81);
|
65
36
|
color: var(--intergalactic-text-primary-invert, #ffffff);
|
66
|
-
|
67
|
-
& SCloseIcon {
|
68
|
-
color: var(--intergalactic-icon-primary-invert, #ffffff);
|
69
|
-
|
70
|
-
&:hover {
|
71
|
-
color: var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9);
|
72
|
-
}
|
73
|
-
}
|
74
37
|
}
|
75
38
|
|
76
39
|
SNoticeGlobal[theme='custom'] {
|
@@ -10,26 +10,27 @@ import { assignProps as _assignProps2 } from 'intergalactic/core';
|
|
10
10
|
import { assignProps as _assignProps } from 'intergalactic/core';
|
11
11
|
import React from 'react';
|
12
12
|
import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
|
13
|
-
import { Flex
|
14
|
-
import
|
13
|
+
import { Flex } from 'intergalactic/flex-box';
|
14
|
+
import CloseM from 'intergalactic/icon/Close/m';
|
15
15
|
import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
16
16
|
import { FadeInOut } from 'intergalactic/animation';
|
17
17
|
import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
|
18
18
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
19
19
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
20
20
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
21
|
+
import Button from 'intergalactic/button';
|
21
22
|
/*__reshadow-styles__:"./style/notice-global.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SNoticeGlobal": "
|
24
|
-
"
|
25
|
-
"
|
26
|
-
"
|
27
|
-
"
|
28
|
-
"
|
29
|
-
"
|
30
|
-
"
|
31
|
-
"
|
32
|
-
"
|
23
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1310t_gg_{display:flex;align-items:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);box-sizing:border-box;padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-8x, 32px)}.___SCloseIcon_1310t_gg_{margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNoticeGlobal_1310t_gg_._theme_neutral_1310t_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_info_1310t_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_danger_1310t_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_warning_1310t_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_success_1310t_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1310t_gg_._theme_custom_1310t_gg_{background-color:var(--backgroundColor_1310t)}.___SContent_1310t_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1310t_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__SNoticeGlobal": "___SNoticeGlobal_1310t_gg_",
|
25
|
+
"__SCloseIcon": "___SCloseIcon_1310t_gg_",
|
26
|
+
"_theme_neutral": "_theme_neutral_1310t_gg_",
|
27
|
+
"_theme_info": "_theme_info_1310t_gg_",
|
28
|
+
"_theme_danger": "_theme_danger_1310t_gg_",
|
29
|
+
"_theme_warning": "_theme_warning_1310t_gg_",
|
30
|
+
"_theme_success": "_theme_success_1310t_gg_",
|
31
|
+
"_theme_custom": "_theme_custom_1310t_gg_",
|
32
|
+
"--backgroundColor": "--backgroundColor_1310t",
|
33
|
+
"__SContent": "___SContent_1310t_gg_"
|
33
34
|
});
|
34
35
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
35
36
|
function isCustomTheme(theme) {
|
@@ -108,13 +109,17 @@ function CloseIcon(_ref8) {
|
|
108
109
|
var _ref3 = arguments[0],
|
109
110
|
_ref6;
|
110
111
|
var styles = _ref8.styles,
|
112
|
+
hasChildren = _ref8.children,
|
113
|
+
Children = _ref8.Children,
|
111
114
|
getI18nText = _ref8.getI18nText;
|
112
|
-
var SCloseIcon =
|
115
|
+
var SCloseIcon = Button;
|
113
116
|
return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SCloseIcon, _ref6.cn("SCloseIcon", _objectSpread({}, _assignProps3({
|
114
|
-
"
|
115
|
-
"
|
116
|
-
"
|
117
|
-
|
117
|
+
"aria-label": getI18nText('close'),
|
118
|
+
"use": 'tertiary',
|
119
|
+
"theme": 'invert',
|
120
|
+
"size": 'm',
|
121
|
+
"addonLeft": hasChildren ? undefined : CloseM
|
122
|
+
}, _ref3))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref6.cn("Children", {})) : null);
|
118
123
|
}
|
119
124
|
CloseIcon.enhance = [keyboardFocusEnhance()];
|
120
125
|
var NoticeGlobal = createComponent(NoticeGlobalRoot, {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"NoticeGlobal.js","names":["React","createComponent","Component","sstyled","Root","Flex","
|
1
|
+
{"version":3,"file":"NoticeGlobal.js","names":["React","createComponent","Component","sstyled","Root","Flex","CloseM","resolveColorEnhance","FadeInOut","isAdvanceMode","localizedMessages","i18nEnhance","cssVariableEnhance","Button","style","_sstyled","insert","keyboardFocusEnhance","isCustomTheme","theme","includes","NoticeGlobalRoot","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","getCloseIconProps","getI18nText","asProps","render","_ref","_ref4","SNoticeGlobal","_this$asProps","Children","styles","hidden","closable","onClose","forcedAdvancedMode","resolveColor","isAssertive","color","useTheme","advancedMode","NoticeGlobal","Content","displayName","createElement","cn","_objectSpread","_assignProps","CloseIcon","onClick","_defineProperty","variable","fallback","map","Number","parseInt","prop","i18n","locale","_ref7","_ref2","arguments[0]","_ref5","SContent","_assignProps2","_ref8","_ref3","_ref6","hasChildren","children","SCloseIcon","_assignProps3","undefined","enhance"],"sources":["../../src/NoticeGlobal.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport CloseM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport Button from '@semcore/button';\n\nimport style from './style/notice-global.shadow.css';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);\n}\n\nclass NoticeGlobalRoot extends Component {\n static displayName = 'NoticeGlobal';\n static style = style;\n static enhance = [\n i18nEnhance(localizedMessages),\n cssVariableEnhance({\n variable: '--intergalactic-duration-popper',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n resolveColorEnhance(),\n ];\n static defaultProps = {\n theme: 'neutral',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNoticeGlobal = Root;\n const {\n Children,\n styles,\n hidden,\n theme,\n closable,\n onClose,\n forcedAdvancedMode,\n resolveColor,\n getI18nText,\n } = this.asProps;\n const isAssertive = theme === 'danger' || theme === 'warning';\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [NoticeGlobal.Content.displayName]);\n\n return sstyled(styles)(\n <SNoticeGlobal\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-live={isAssertive ? 'assertive' : 'polite'}\n aria-label={getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification')}\n >\n {advancedMode ? (\n <Children />\n ) : (\n <NoticeGlobal.Content>\n <Children />\n </NoticeGlobal.Content>\n )}\n {closable && <NoticeGlobal.CloseIcon onClick={onClose} />}\n </SNoticeGlobal>,\n );\n }\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Flex} />);\n}\n\nfunction CloseIcon({ styles, children: hasChildren, Children, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n aria-label={getI18nText('close')}\n use='tertiary'\n theme='invert'\n size='m'\n addonLeft={hasChildren ? undefined : CloseM}\n >\n {hasChildren ? <Children /> : null}\n </SCloseIcon>,\n );\n}\nCloseIcon.enhance = [keyboardFocusEnhance()];\n\nconst NoticeGlobal = createComponent(NoticeGlobalRoot, {\n Content,\n CloseIcon,\n});\n\nexport default NoticeGlobal;\n"],"mappings":"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"}
|