intergalactic 15.50.0-prerelease.0-prerelease-a1fb0cbb → 15.51.0-prerelease-bb651a19
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 +11 -1
- package/accordion/lib/cjs/Accordion.js +6 -6
- package/accordion/lib/es6/Accordion.js +6 -6
- package/animation/index.mjs +1 -2
- package/animation/lib/cjs/Animation.js +11 -11
- package/animation/lib/cjs/Collapse.js +28 -28
- package/animation/lib/cjs/FadeInOut.js +28 -28
- package/animation/lib/cjs/Scale.js +28 -28
- package/animation/lib/cjs/Slide.js +28 -28
- package/animation/lib/cjs/Transform.js +28 -28
- package/animation/lib/es6/Animation.js +11 -11
- package/animation/lib/es6/Collapse.js +28 -28
- package/animation/lib/es6/FadeInOut.js +28 -28
- package/animation/lib/es6/Scale.js +28 -28
- package/animation/lib/es6/Slide.js +28 -28
- package/animation/lib/es6/Transform.js +28 -28
- package/badge/lib/cjs/Badge.js +6 -6
- package/badge/lib/es6/Badge.js +6 -6
- 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/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
- package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
- package/button/lib/cjs/Button.js +26 -26
- package/button/lib/es6/Button.js +26 -26
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- package/carousel/lib/cjs/Carousel.js +16 -16
- package/carousel/lib/es6/Carousel.js +16 -16
- package/checkbox/lib/cjs/Checkbox.js +16 -16
- package/checkbox/lib/es6/Checkbox.js +16 -16
- 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/components.json +71 -71
- package/counter/lib/cjs/Counter.js +10 -10
- package/counter/lib/es6/Counter.js +10 -10
- package/d3-chart/index.mjs +1 -2
- package/d3-chart/lib/cjs/Area.js +9 -9
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +8 -8
- package/d3-chart/lib/cjs/Bubble.js +10 -10
- package/d3-chart/lib/cjs/Donut.js +7 -7
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +8 -8
- 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 +17 -17
- package/d3-chart/lib/cjs/RadialTree.js +10 -10
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +7 -7
- package/d3-chart/lib/cjs/Tooltip.js +8 -8
- package/d3-chart/lib/cjs/Venn.js +7 -7
- 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 +15 -15
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +9 -9
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +8 -8
- package/d3-chart/lib/es6/Bubble.js +10 -10
- package/d3-chart/lib/es6/Donut.js +7 -7
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +8 -8
- 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 +17 -17
- package/d3-chart/lib/es6/RadialTree.js +10 -10
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +7 -7
- package/d3-chart/lib/es6/Tooltip.js +8 -8
- package/d3-chart/lib/es6/Venn.js +7 -7
- 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 +15 -15
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/Body.js +4 -4
- package/data-table/lib/cjs/DataTable.js +41 -41
- package/data-table/lib/cjs/Head.js +4 -4
- package/data-table/lib/es6/Body.js +4 -4
- package/data-table/lib/es6/DataTable.js +41 -41
- package/data-table/lib/es6/Head.js +4 -4
- package/date-picker/index.mjs +1 -2
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/cjs/components/InputTrigger.js +26 -26
- package/date-picker/lib/cjs/components/PickerAbstract.js +26 -26
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +26 -26
- package/date-picker/lib/es6/components/InputTrigger.js +26 -26
- package/date-picker/lib/es6/components/PickerAbstract.js +26 -26
- package/date-picker/lib/es6/components/RangePickerAbstract.js +26 -26
- package/divider/lib/cjs/Divider.js +9 -9
- package/divider/lib/es6/Divider.js +9 -9
- package/dot/lib/cjs/Dot.js +10 -10
- package/dot/lib/es6/Dot.js +10 -10
- package/drag-and-drop/lib/cjs/DragAndDrop.js +12 -12
- package/drag-and-drop/lib/es6/DragAndDrop.js +12 -12
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +12 -12
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +12 -12
- package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
- package/ellipsis/lib/cjs/Ellipsis.js +10 -10
- package/ellipsis/lib/es6/Ellipsis.js +10 -10
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
- package/feature-popover/lib/es6/FeaturePopover.js +10 -10
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/flags/lib/cjs/Flags.js +3 -3
- package/flags/lib/cjs/Flags.js.map +1 -1
- package/flags/lib/es6/Flags.js +3 -3
- package/flags/lib/es6/Flags.js.map +1 -1
- package/flags/lib/sprites/sprite@1x.css +256 -256
- package/flags/lib/sprites/sprite@2x.css +257 -257
- package/flex-box/index.mjs +1 -2
- package/flex-box/lib/cjs/Box/useBox.js +3 -3
- package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
- package/flex-box/lib/es6/Box/useBox.js +3 -3
- package/flex-box/lib/es6/Flex/useFlex.js +3 -3
- package/format-text/lib/cjs/FormatText.js +5 -5
- package/format-text/lib/es6/FormatText.js +5 -5
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/grid/lib/cjs/Grid.js +114 -114
- package/grid/lib/es6/Grid.js +114 -114
- 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 +5 -5
- package/icon/lib/es6/Icon.js +5 -5
- 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/illustration/lib/cjs/index.js +1 -1
- package/illustration/lib/cjs/index.js.map +1 -1
- package/illustration/lib/es6/index.js +1 -1
- package/illustration/lib/es6/index.js.map +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-input/lib/cjs/InlineInput.js +18 -18
- package/inline-input/lib/es6/InlineInput.js +18 -18
- package/input/lib/cjs/Input.js +17 -17
- package/input/lib/es6/Input.js +17 -17
- package/input-mask/lib/cjs/InputMask.js +6 -6
- package/input-mask/lib/es6/InputMask.js +6 -6
- package/input-number/lib/cjs/InputNumber.js +9 -9
- package/input-number/lib/es6/InputNumber.js +9 -9
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/modal/lib/cjs/Modal.js +7 -7
- package/modal/lib/es6/Modal.js +7 -7
- package/notice/lib/cjs/Notice.js +13 -13
- package/notice/lib/es6/Notice.js +13 -13
- package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
- package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/outside-click/lib/cjs/OutsideClick.js +3 -2
- package/outside-click/lib/cjs/OutsideClick.js.map +1 -1
- package/outside-click/lib/es6/OutsideClick.js +3 -2
- package/outside-click/lib/es6/OutsideClick.js.map +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pills/lib/cjs/Pills.js +17 -17
- package/pills/lib/es6/Pills.js +17 -17
- package/popper/lib/cjs/Popper.js +6 -6
- package/popper/lib/es6/Popper.js +6 -6
- package/product-head/lib/cjs/Info.js +4 -4
- package/product-head/lib/cjs/ProductHead.js +5 -5
- package/product-head/lib/cjs/Title.js +4 -4
- package/product-head/lib/es6/Info.js +4 -4
- package/product-head/lib/es6/ProductHead.js +5 -5
- package/product-head/lib/es6/Title.js +4 -4
- package/progress-bar/lib/cjs/ProgressBar.js +15 -15
- package/progress-bar/lib/es6/ProgressBar.js +15 -15
- package/radio/lib/cjs/Radio.js +14 -14
- package/radio/lib/es6/Radio.js +14 -14
- package/scroll-area/lib/cjs/ScrollArea.js +9 -9
- package/scroll-area/lib/cjs/ScrollBar.js +5 -5
- package/scroll-area/lib/es6/ScrollArea.js +9 -9
- package/scroll-area/lib/es6/ScrollBar.js +5 -5
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +7 -7
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +7 -7
- package/side-panel/lib/cjs/SidePanel.js +15 -15
- package/side-panel/lib/es6/SidePanel.js +15 -15
- package/skeleton/lib/cjs/Charts/Area.js +9 -9
- package/skeleton/lib/cjs/Charts/Bar.js +9 -9
- package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
- package/skeleton/lib/cjs/Charts/Donut.js +9 -9
- package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
- package/skeleton/lib/cjs/Charts/Line.js +9 -9
- package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
- package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/cjs/Charts/Venn.js +9 -9
- package/skeleton/lib/cjs/Skeleton.js +8 -8
- package/skeleton/lib/es6/Charts/Area.js +9 -9
- package/skeleton/lib/es6/Charts/Bar.js +9 -9
- package/skeleton/lib/es6/Charts/Bubble.js +9 -9
- package/skeleton/lib/es6/Charts/Donut.js +9 -9
- package/skeleton/lib/es6/Charts/Histogram.js +9 -9
- package/skeleton/lib/es6/Charts/Line.js +9 -9
- package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
- package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/es6/Charts/Venn.js +9 -9
- package/skeleton/lib/es6/Skeleton.js +8 -8
- package/slider/lib/cjs/Slider.js +7 -7
- package/slider/lib/es6/Slider.js +7 -7
- package/spin/lib/cjs/Spin.js +13 -13
- package/spin/lib/es6/Spin.js +13 -13
- package/spin-container/lib/cjs/SpinContainer.js +8 -8
- package/spin-container/lib/es6/SpinContainer.js +8 -8
- package/sticky/lib/cjs/Sticky.js +2 -2
- package/sticky/lib/es6/Sticky.js +2 -2
- package/switch/lib/cjs/Switch.js +21 -21
- package/switch/lib/es6/Switch.js +21 -21
- package/tab-line/lib/cjs/TabLine.js +13 -13
- package/tab-line/lib/es6/TabLine.js +13 -13
- package/tab-panel/lib/cjs/TabPanel.js +8 -8
- package/tab-panel/lib/es6/TabPanel.js +8 -8
- package/tag/lib/cjs/Tag.js +19 -19
- package/tag/lib/es6/Tag.js +19 -19
- package/textarea/lib/cjs/Textarea.js +8 -8
- package/textarea/lib/es6/Textarea.js +8 -8
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/tooltip/lib/cjs/Tooltip.js +6 -6
- package/tooltip/lib/es6/Tooltip.js +6 -6
- package/typography/index.mjs +1 -2
- 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/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
- package/utils/lib/getEventTarget.d.ts +1 -0
- package/utils/lib/getEventTarget.js +19 -0
- package/utils/lib/getEventTarget.js.map +1 -0
- package/utils/lib/getEventTarget.mjs +12 -0
- package/utils/lib/getEventTarget.mjs.map +1 -0
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.js.map +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/utils/lib/injectStyle.mjs.map +1 -1
- package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
- package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
package/modal/lib/es6/Modal.js
CHANGED
@@ -23,13 +23,13 @@ import usePreventScroll from 'intergalactic/utils/lib/use/usePreventScroll';
|
|
23
23
|
import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
|
24
24
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
25
25
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SWindow": "
|
28
|
-
"_ghost": "
|
29
|
-
"__SClose": "
|
30
|
-
"_keyboardFocused": "
|
31
|
-
"__STitle": "
|
32
|
-
"__SOverlay": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1cxx1_gg_{position:relative;border-radius:var(--intergalactic-modal-rounded, 12px);background:var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;margin:auto;padding:var(--intergalactic-spacing-10x, 40px);box-shadow:var(--intergalactic-box-shadow-modal, 0px 3px 8px 0px rgba(25, 27, 35, 0.2));color:var(--intergalactic-text-primary, #191b23)}.___SWindow_1cxx1_gg_:focus{outline:0}.___SWindow_1cxx1_gg_.__ghost_1cxx1_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1cxx1_gg_{position:fixed;top:0;bottom:0;left:0;right:0;margin:0;display:flex;justify-content:center;align-items:center;padding:var(--intergalactic-spacing-10x, 40px);background:var(--intergalactic-overlay-primary, rgba(25, 27, 35, 0.7));overflow:auto;z-index:var(--intergalactic-z-index-modal, 600);-webkit-overflow-scrolling:touch}.___SOverlay_1cxx1_gg_ .___SOverlay_1cxx1_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SClose_1cxx1_gg_{display:inline-flex;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-3x, 12px);color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer;z-index:1;border:0;background:0 0;outline:0}@media (hover:hover){.___SClose_1cxx1_gg_:hover{color:var(--intergalactic-icon-secondary-neutral-hover-active, #878992)}}.___SClose_1cxx1_gg_.__ghost_1cxx1_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff);border-radius:4px}@media (hover:hover){.___SClose_1cxx1_gg_.__ghost_1cxx1_gg_:hover{background-color:var(--intergalactic-control-tertiary-invert-active, rgba(255, 255, 255, 0.3))}}.___SClose_1cxx1_gg_.__keyboardFocused_1cxx1_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STitle_1cxx1_gg_{color:var(--intergalactic-text-primary, #191b23);font-size:var(--intergalactic-fs-500, 24px);line-height:var(--intergalactic-lh-500, 117%);font-weight:var(--intergalactic-semi-bold, 600);margin-bottom:var(--intergalactic-spacing-2x, 8px)}@media (max-width:767px){.___SWindow_1cxx1_gg_{min-width:60%}.___SOverlay_1cxx1_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1cxx1_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SWindow": "___SWindow_1cxx1_gg_",
|
28
|
+
"_ghost": "__ghost_1cxx1_gg_",
|
29
|
+
"__SClose": "___SClose_1cxx1_gg_",
|
30
|
+
"_keyboardFocused": "__keyboardFocused_1cxx1_gg_",
|
31
|
+
"__STitle": "___STitle_1cxx1_gg_",
|
32
|
+
"__SOverlay": "___SOverlay_1cxx1_gg_"
|
33
33
|
});
|
34
34
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
35
35
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
package/notice/lib/cjs/Notice.js
CHANGED
@@ -24,19 +24,19 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
24
24
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
25
25
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
26
26
|
/*__reshadow-styles__:"./style/notice.shadow.css"*/
|
27
|
-
var style = ( /*__reshadow_css_start__*/_core.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_custom": "
|
37
|
-
"--color": "--
|
38
|
-
"__SCloseIcon": "
|
39
|
-
"--backgroundColor": "--
|
27
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNotice_4bq1p_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_4bq1p_gg_._theme_info_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_4bq1p_gg_._theme_info_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_info_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_4bq1p_gg_._theme_danger_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_4bq1p_gg_._theme_danger_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_danger_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_4bq1p_gg_._theme_warning_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_4bq1p_gg_._theme_warning_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_warning_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_4bq1p_gg_._theme_success_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_4bq1p_gg_._theme_success_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_success_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_4bq1p_gg_{flex:1 1 auto;width:100%}.___SActions_4bq1p_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_4bq1p_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_4bq1p_gg_._theme_info_4bq1p_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_4bq1p_gg_._theme_danger_4bq1p_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_4bq1p_gg_._theme_warning_4bq1p_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_4bq1p_gg_._theme_success_4bq1p_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_4bq1p_gg_._theme_custom_4bq1p_gg_{color:var(--color_4bq1p)}.___SCloseIcon_4bq1p_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_4bq1p_gg_._theme_custom_4bq1p_gg_{background-color:var(--backgroundColor_4bq1p);border-color:var(--backgroundColor_4bq1p)}" /*__inner_css_end__*/, "4bq1p_gg_") /*__reshadow_css_end__*/, {
|
28
|
+
"__SNotice": "___SNotice_4bq1p_gg_",
|
29
|
+
"__SContent": "___SContent_4bq1p_gg_",
|
30
|
+
"__SActions": "___SActions_4bq1p_gg_",
|
31
|
+
"__SLabel": "___SLabel_4bq1p_gg_",
|
32
|
+
"_theme_info": "_theme_info_4bq1p_gg_",
|
33
|
+
"_theme_danger": "_theme_danger_4bq1p_gg_",
|
34
|
+
"_theme_warning": "_theme_warning_4bq1p_gg_",
|
35
|
+
"_theme_success": "_theme_success_4bq1p_gg_",
|
36
|
+
"_theme_custom": "_theme_custom_4bq1p_gg_",
|
37
|
+
"--color": "--color_4bq1p",
|
38
|
+
"__SCloseIcon": "___SCloseIcon_4bq1p_gg_",
|
39
|
+
"--backgroundColor": "--backgroundColor_4bq1p"
|
40
40
|
});
|
41
41
|
function isCustomTheme(theme) {
|
42
42
|
return !['danger', 'warning', 'success', 'info'].includes(theme);
|
package/notice/lib/es6/Notice.js
CHANGED
@@ -22,19 +22,19 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
22
22
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
23
23
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
24
24
|
/*__reshadow-styles__:"./style/notice.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SNotice": "
|
27
|
-
"__SContent": "
|
28
|
-
"__SActions": "
|
29
|
-
"__SLabel": "
|
30
|
-
"_theme_info": "
|
31
|
-
"_theme_danger": "
|
32
|
-
"_theme_warning": "
|
33
|
-
"_theme_success": "
|
34
|
-
"_theme_custom": "
|
35
|
-
"--color": "--
|
36
|
-
"__SCloseIcon": "
|
37
|
-
"--backgroundColor": "--
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_4bq1p_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_4bq1p_gg_._theme_info_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_4bq1p_gg_._theme_info_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_info_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_4bq1p_gg_._theme_danger_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_4bq1p_gg_._theme_danger_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_danger_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_4bq1p_gg_._theme_warning_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_4bq1p_gg_._theme_warning_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_warning_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_4bq1p_gg_._theme_success_4bq1p_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_4bq1p_gg_._theme_success_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_4bq1p_gg_._theme_success_4bq1p_gg_ .___SCloseIcon_4bq1p_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SContent_4bq1p_gg_{flex:1 1 auto;width:100%}.___SActions_4bq1p_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_4bq1p_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-right:var(--intergalactic-spacing-2x, 8px);display:inline-flex}.___SLabel_4bq1p_gg_._theme_info_4bq1p_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_4bq1p_gg_._theme_danger_4bq1p_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_4bq1p_gg_._theme_warning_4bq1p_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_4bq1p_gg_._theme_success_4bq1p_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_4bq1p_gg_._theme_custom_4bq1p_gg_{color:var(--color_4bq1p)}.___SCloseIcon_4bq1p_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_4bq1p_gg_._theme_custom_4bq1p_gg_{background-color:var(--backgroundColor_4bq1p);border-color:var(--backgroundColor_4bq1p)}" /*__inner_css_end__*/, "4bq1p_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SNotice": "___SNotice_4bq1p_gg_",
|
27
|
+
"__SContent": "___SContent_4bq1p_gg_",
|
28
|
+
"__SActions": "___SActions_4bq1p_gg_",
|
29
|
+
"__SLabel": "___SLabel_4bq1p_gg_",
|
30
|
+
"_theme_info": "_theme_info_4bq1p_gg_",
|
31
|
+
"_theme_danger": "_theme_danger_4bq1p_gg_",
|
32
|
+
"_theme_warning": "_theme_warning_4bq1p_gg_",
|
33
|
+
"_theme_success": "_theme_success_4bq1p_gg_",
|
34
|
+
"_theme_custom": "_theme_custom_4bq1p_gg_",
|
35
|
+
"--color": "--color_4bq1p",
|
36
|
+
"__SCloseIcon": "___SCloseIcon_4bq1p_gg_",
|
37
|
+
"--backgroundColor": "--backgroundColor_4bq1p"
|
38
38
|
});
|
39
39
|
function isCustomTheme(theme) {
|
40
40
|
return !['danger', 'warning', 'success', 'info'].includes(theme);
|
@@ -31,18 +31,18 @@ var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
|
31
31
|
var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
|
32
32
|
var _excluded = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action"];
|
33
33
|
/*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
|
34
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes
|
35
|
-
"__SContent": "
|
36
|
-
"__SMessage": "
|
37
|
-
"__SNoticeBubble": "
|
38
|
-
"_disablePortal": "
|
39
|
-
"@enter": "
|
40
|
-
"@exit": "
|
41
|
-
"__SBubble": "
|
42
|
-
"__SView": "
|
43
|
-
"_type_info": "
|
44
|
-
"_type_warning": "
|
45
|
-
"__SDismiss": "
|
34
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1nlcx{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1nlcx{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1nlcx_gg_,.___SView_1nlcx_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);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_1nlcx_gg_._type_info_1nlcx_gg_,.___SView_1nlcx_gg_._type_info_1nlcx_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1nlcx_gg_._type_warning_1nlcx_gg_,.___SView_1nlcx_gg_._type_warning_1nlcx_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1nlcx_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1nlcx_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1nlcx_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1nlcx_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1nlcx_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1nlcx_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1nlcx_gg_.__disablePortal_1nlcx_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1nlcx_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1nlcx_gg_") /*__reshadow_css_end__*/, {
|
35
|
+
"__SContent": "___SContent_1nlcx_gg_",
|
36
|
+
"__SMessage": "___SMessage_1nlcx_gg_",
|
37
|
+
"__SNoticeBubble": "___SNoticeBubble_1nlcx_gg_",
|
38
|
+
"_disablePortal": "__disablePortal_1nlcx_gg_",
|
39
|
+
"@enter": "enter_1nlcx",
|
40
|
+
"@exit": "exit_1nlcx",
|
41
|
+
"__SBubble": "___SBubble_1nlcx_gg_",
|
42
|
+
"__SView": "___SView_1nlcx_gg_",
|
43
|
+
"_type_info": "_type_info_1nlcx_gg_",
|
44
|
+
"_type_warning": "_type_warning_1nlcx_gg_",
|
45
|
+
"__SDismiss": "___SDismiss_1nlcx_gg_"
|
46
46
|
});
|
47
47
|
var Notices = function Notices(props) {
|
48
48
|
var styles = props.styles,
|
@@ -25,18 +25,18 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
|
25
25
|
import { useCssVariable } from 'intergalactic/utils/lib/useCssVariable';
|
26
26
|
import { contextThemeEnhance } from 'intergalactic/utils/lib/ThemeProvider';
|
27
27
|
/*__reshadow-styles__:"./style/notice-bubble.shadow.css"*/
|
28
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes
|
29
|
-
"__SContent": "
|
30
|
-
"__SMessage": "
|
31
|
-
"__SNoticeBubble": "
|
32
|
-
"_disablePortal": "
|
33
|
-
"@enter": "
|
34
|
-
"@exit": "
|
35
|
-
"__SBubble": "
|
36
|
-
"__SView": "
|
37
|
-
"_type_info": "
|
38
|
-
"_type_warning": "
|
39
|
-
"__SDismiss": "
|
28
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes enter_1nlcx{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1nlcx{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1nlcx_gg_,.___SView_1nlcx_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px) calc(var(--intergalactic-spacing-6x, 24px) + var(--intergalactic-spacing-1x, 4px)) var(--intergalactic-spacing-3x, 12px) var(--intergalactic-spacing-3x, 12px);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_1nlcx_gg_._type_info_1nlcx_gg_,.___SView_1nlcx_gg_._type_info_1nlcx_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1nlcx_gg_._type_warning_1nlcx_gg_,.___SView_1nlcx_gg_._type_warning_1nlcx_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1nlcx_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1nlcx_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-100, 133%)}.___SDismiss_1nlcx_gg_{cursor:pointer;position:absolute;right:0;top:0;padding:var(--intergalactic-spacing-2x, 8px);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SDismiss_1nlcx_gg_:hover{color:var(--intergalactic-control-primary-invert-active, #e0e1e9)}}.___SNoticeBubble_1nlcx_gg_{width:300px;position:fixed;z-index:var(--intergalactic-z-index-notice-bubble, 999);right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1nlcx_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1nlcx_gg_.__disablePortal_1nlcx_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1nlcx_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}" /*__inner_css_end__*/, "1nlcx_gg_") /*__reshadow_css_end__*/, {
|
29
|
+
"__SContent": "___SContent_1nlcx_gg_",
|
30
|
+
"__SMessage": "___SMessage_1nlcx_gg_",
|
31
|
+
"__SNoticeBubble": "___SNoticeBubble_1nlcx_gg_",
|
32
|
+
"_disablePortal": "__disablePortal_1nlcx_gg_",
|
33
|
+
"@enter": "enter_1nlcx",
|
34
|
+
"@exit": "exit_1nlcx",
|
35
|
+
"__SBubble": "___SBubble_1nlcx_gg_",
|
36
|
+
"__SView": "___SView_1nlcx_gg_",
|
37
|
+
"_type_info": "_type_info_1nlcx_gg_",
|
38
|
+
"_type_warning": "_type_warning_1nlcx_gg_",
|
39
|
+
"__SDismiss": "___SDismiss_1nlcx_gg_"
|
40
40
|
});
|
41
41
|
var Notices = function Notices(props) {
|
42
42
|
var styles = props.styles,
|
@@ -23,17 +23,17 @@ var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynam
|
|
23
23
|
var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/i18nEnhance"));
|
24
24
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
25
25
|
/*__reshadow-styles__:"./style/notice-global.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__SNoticeGlobal": "
|
28
|
-
"_theme_neutral": "
|
29
|
-
"_theme_custom": "
|
30
|
-
"--backgroundColor": "--
|
31
|
-
"__SContent": "
|
32
|
-
"__SCloseIcon": "
|
33
|
-
"_theme_info": "
|
34
|
-
"_theme_danger": "
|
35
|
-
"_theme_warning": "
|
36
|
-
"_theme_success": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1dqcd_gg_{display:flex;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_1dqcd_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_1dqcd_gg_:hover{cursor:pointer}}.___SNoticeGlobal_1dqcd_gg_._theme_neutral_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1dqcd_gg_._theme_info_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1dqcd_gg_._theme_danger_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_,.___SNoticeGlobal_1dqcd_gg_._theme_info_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_,.___SNoticeGlobal_1dqcd_gg_._theme_success_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_,.___SNoticeGlobal_1dqcd_gg_._theme_warning_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_info_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_danger_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_danger_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_warning_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_warning_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_success_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_success_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_custom_1dqcd_gg_{background-color:var(--backgroundColor_1dqcd)}.___SContent_1dqcd_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1dqcd_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SNoticeGlobal": "___SNoticeGlobal_1dqcd_gg_",
|
28
|
+
"_theme_neutral": "_theme_neutral_1dqcd_gg_",
|
29
|
+
"_theme_custom": "_theme_custom_1dqcd_gg_",
|
30
|
+
"--backgroundColor": "--backgroundColor_1dqcd",
|
31
|
+
"__SContent": "___SContent_1dqcd_gg_",
|
32
|
+
"__SCloseIcon": "___SCloseIcon_1dqcd_gg_",
|
33
|
+
"_theme_info": "_theme_info_1dqcd_gg_",
|
34
|
+
"_theme_danger": "_theme_danger_1dqcd_gg_",
|
35
|
+
"_theme_warning": "_theme_warning_1dqcd_gg_",
|
36
|
+
"_theme_success": "_theme_success_1dqcd_gg_"
|
37
37
|
});
|
38
38
|
function isCustomTheme(theme) {
|
39
39
|
return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);
|
@@ -19,17 +19,17 @@ import { localizedMessages } from './translations/__intergalactic-dynamic-locale
|
|
19
19
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
20
20
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
21
21
|
/*__reshadow-styles__:"./style/notice-global.shadow.css"*/
|
22
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
23
|
-
"__SNoticeGlobal": "
|
24
|
-
"_theme_neutral": "
|
25
|
-
"_theme_custom": "
|
26
|
-
"--backgroundColor": "--
|
27
|
-
"__SContent": "
|
28
|
-
"__SCloseIcon": "
|
29
|
-
"_theme_info": "
|
30
|
-
"_theme_danger": "
|
31
|
-
"_theme_warning": "
|
32
|
-
"_theme_success": "
|
22
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNoticeGlobal_1dqcd_gg_{display:flex;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_1dqcd_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-05x, 2px);margin-left:var(--intergalactic-spacing-4x, 16px)}@media (hover:hover){.___SCloseIcon_1dqcd_gg_:hover{cursor:pointer}}.___SNoticeGlobal_1dqcd_gg_._theme_neutral_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-muted, #6c6e79);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1dqcd_gg_._theme_info_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-info, #008ff8);color:var(--intergalactic-text-primary-invert, #ffffff)}.___SNoticeGlobal_1dqcd_gg_._theme_danger_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_,.___SNoticeGlobal_1dqcd_gg_._theme_info_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_,.___SNoticeGlobal_1dqcd_gg_._theme_success_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_,.___SNoticeGlobal_1dqcd_gg_._theme_warning_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_{color:var(--intergalactic-icon-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_info_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_danger_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-critical, #ff4953);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_danger_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_warning_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-warning, #ff642d);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_warning_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_success_1dqcd_gg_{background-color:var(--intergalactic-bg-primary-success, #009f81);color:var(--intergalactic-text-primary-invert, #ffffff)}@media (hover:hover){.___SNoticeGlobal_1dqcd_gg_._theme_success_1dqcd_gg_ .___SCloseIcon_1dqcd_gg_:hover{color:var(--intergalactic-icon-primary-invert-hover-active, #e0e1e9)}}.___SNoticeGlobal_1dqcd_gg_._theme_custom_1dqcd_gg_{background-color:var(--backgroundColor_1dqcd)}.___SContent_1dqcd_gg_{flex:1 1 auto;width:100%;justify-content:center}" /*__inner_css_end__*/, "1dqcd_gg_") /*__reshadow_css_end__*/, {
|
23
|
+
"__SNoticeGlobal": "___SNoticeGlobal_1dqcd_gg_",
|
24
|
+
"_theme_neutral": "_theme_neutral_1dqcd_gg_",
|
25
|
+
"_theme_custom": "_theme_custom_1dqcd_gg_",
|
26
|
+
"--backgroundColor": "--backgroundColor_1dqcd",
|
27
|
+
"__SContent": "___SContent_1dqcd_gg_",
|
28
|
+
"__SCloseIcon": "___SCloseIcon_1dqcd_gg_",
|
29
|
+
"_theme_info": "_theme_info_1dqcd_gg_",
|
30
|
+
"_theme_danger": "_theme_danger_1dqcd_gg_",
|
31
|
+
"_theme_warning": "_theme_warning_1dqcd_gg_",
|
32
|
+
"_theme_success": "_theme_success_1dqcd_gg_"
|
33
33
|
});
|
34
34
|
function isCustomTheme(theme) {
|
35
35
|
return !['danger', 'warning', 'success', 'info', 'neutral'].includes(theme);
|
@@ -13,6 +13,7 @@ var _ref = require("intergalactic/utils/lib/ref");
|
|
13
13
|
var _ownerDocument = _interopRequireDefault(require("intergalactic/utils/lib/ownerDocument"));
|
14
14
|
var _useEventCallback = _interopRequireDefault(require("intergalactic/utils/lib/use/useEventCallback"));
|
15
15
|
var _getOriginChildren = _interopRequireDefault(require("intergalactic/utils/lib/getOriginChildren"));
|
16
|
+
var _getEventTarget = require("intergalactic/utils/lib/getEventTarget");
|
16
17
|
var noop = function noop() {};
|
17
18
|
function OutsideClick(props) {
|
18
19
|
var Children = props.Children,
|
@@ -31,14 +32,14 @@ function OutsideClick(props) {
|
|
31
32
|
return (0, _ref.getNodeByRef)(node);
|
32
33
|
}).some(function (node) {
|
33
34
|
var _getNodeByRef;
|
34
|
-
return (_getNodeByRef = (0, _ref.getNodeByRef)(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current ||
|
35
|
+
return (_getNodeByRef = (0, _ref.getNodeByRef)(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current || (0, _getEventTarget.getEventTarget)(event));
|
35
36
|
});
|
36
37
|
if (!isTargetEvent) {
|
37
38
|
onOutsideClick === null || onOutsideClick === void 0 ? void 0 : onOutsideClick(event);
|
38
39
|
}
|
39
40
|
});
|
40
41
|
var handleMouseDown = (0, _useEventCallback["default"])(function (event) {
|
41
|
-
targetRef.current = event
|
42
|
+
targetRef.current = (0, _getEventTarget.getEventTarget)(event);
|
42
43
|
});
|
43
44
|
_react["default"].useEffect(function () {
|
44
45
|
var outsideRoot = root ? (0, _ref.getNodeByRef)(root) : (0, _ownerDocument["default"])(nodeRef.current);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"OutsideClick.js","names":["_react","_interopRequireWildcard","require","_core","_interopRequireDefault","_ref","_ownerDocument","_useEventCallback","_getOriginChildren","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","getOriginChildren","nodeRef","React","useRef","targetRef","handleRef","useForkRef","ref","handleOutsideClick","useEventCallback","event","isTargetEvent","concat","_toConsumableArray2","filter","node","getNodeByRef","some","_getNodeByRef","contains","current","
|
1
|
+
{"version":3,"file":"OutsideClick.js","names":["_react","_interopRequireWildcard","require","_core","_interopRequireDefault","_ref","_ownerDocument","_useEventCallback","_getOriginChildren","_getEventTarget","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","getOriginChildren","nodeRef","React","useRef","targetRef","handleRef","useForkRef","ref","handleOutsideClick","useEventCallback","event","isTargetEvent","concat","_toConsumableArray2","filter","node","getNodeByRef","some","_getNodeByRef","contains","current","getEventTarget","handleMouseDown","useEffect","outsideRoot","ownerDocument","addEventListener","removeEventListener","cloneElement","displayName","_default","createComponent","exports"],"sources":["../../src/OutsideClick.tsx"],"sourcesContent":["import React, { cloneElement, useEffect } from 'react';\nimport createComponent, { IFunctionProps, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { getNodeByRef, NodeByRef, useForkRef } from '@semcore/utils/lib/ref';\nimport ownerDocument from '@semcore/utils/lib/ownerDocument';\nimport useEventCallback from '@semcore/utils/lib/use/useEventCallback';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { getEventTarget } from '@semcore/utils/lib/getEventTarget';\n\n/** @deprecated */\nexport interface IOutsideClickProps extends OutsideClickProps, UnknownProperties {}\nexport type OutsideClickProps = {\n /**\n * Function called on click outside the component from excludeRefs\n * @default () => {}\n */\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n\n /**\n * List of refs that will not trigger `onOutsideClick` when clicked\n * @default []\n */\n excludeRefs?: Array<NodeByRef>;\n\n /** Root element\n * @default document\n * */\n root?: NodeByRef;\n};\n\nconst noop = () => {};\nfunction OutsideClick(props: IFunctionProps<IOutsideClickProps>) {\n const { Children, forwardRef, root, excludeRefs = [], onOutsideClick = noop } = props;\n const children = getOriginChildren(Children);\n const nodeRef = React.useRef<Node | null>(null);\n const targetRef = React.useRef<Node | null>(null);\n\n const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n const handleOutsideClick = useEventCallback((event: any) => {\n const isTargetEvent = [...(excludeRefs as any), nodeRef]\n .filter((node) => getNodeByRef(node))\n .some((node) =>\n getNodeByRef(node)?.contains(targetRef.current || (getEventTarget(event) as Node | null)),\n );\n\n if (!isTargetEvent) {\n onOutsideClick?.(event);\n }\n });\n\n const handleMouseDown = useEventCallback((event: any) => {\n targetRef.current = getEventTarget(event) as Node | null;\n });\n\n React.useEffect(() => {\n const outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current as any);\n\n // Using capture to handle event faster than OutsideClick handler\n outsideRoot?.addEventListener('mouseup', handleOutsideClick, true);\n outsideRoot?.addEventListener('mousedown', handleMouseDown, true);\n\n return () => {\n outsideRoot?.removeEventListener('mouseup', handleOutsideClick, true);\n outsideRoot?.removeEventListener('mousedown', handleMouseDown, true);\n };\n }, [root]);\n\n return children ? cloneElement(children, { ref: handleRef }) : null;\n}\n\nOutsideClick.displayName = 'OutsideClick';\n\nexport default createComponent(OutsideClick) as Intergalactic.Component<\n Intergalactic.Tag,\n OutsideClickProps\n>;\n"],"mappings":"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"}
|
@@ -5,6 +5,7 @@ import { getNodeByRef, useForkRef } from 'intergalactic/utils/lib/ref';
|
|
5
5
|
import ownerDocument from 'intergalactic/utils/lib/ownerDocument';
|
6
6
|
import useEventCallback from 'intergalactic/utils/lib/use/useEventCallback';
|
7
7
|
import getOriginChildren from 'intergalactic/utils/lib/getOriginChildren';
|
8
|
+
import { getEventTarget } from 'intergalactic/utils/lib/getEventTarget';
|
8
9
|
|
9
10
|
/** @deprecated */
|
10
11
|
|
@@ -26,14 +27,14 @@ function OutsideClick(props) {
|
|
26
27
|
return getNodeByRef(node);
|
27
28
|
}).some(function (node) {
|
28
29
|
var _getNodeByRef;
|
29
|
-
return (_getNodeByRef = getNodeByRef(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current || event
|
30
|
+
return (_getNodeByRef = getNodeByRef(node)) === null || _getNodeByRef === void 0 ? void 0 : _getNodeByRef.contains(targetRef.current || getEventTarget(event));
|
30
31
|
});
|
31
32
|
if (!isTargetEvent) {
|
32
33
|
onOutsideClick === null || onOutsideClick === void 0 ? void 0 : onOutsideClick(event);
|
33
34
|
}
|
34
35
|
});
|
35
36
|
var handleMouseDown = useEventCallback(function (event) {
|
36
|
-
targetRef.current = event
|
37
|
+
targetRef.current = getEventTarget(event);
|
37
38
|
});
|
38
39
|
React.useEffect(function () {
|
39
40
|
var outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"OutsideClick.js","names":["React","cloneElement","createComponent","getNodeByRef","useForkRef","ownerDocument","useEventCallback","getOriginChildren","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","nodeRef","useRef","targetRef","handleRef","ref","handleOutsideClick","event","isTargetEvent","concat","_toConsumableArray","filter","node","some","_getNodeByRef","contains","current","
|
1
|
+
{"version":3,"file":"OutsideClick.js","names":["React","cloneElement","createComponent","getNodeByRef","useForkRef","ownerDocument","useEventCallback","getOriginChildren","getEventTarget","noop","OutsideClick","props","Children","forwardRef","root","_props$excludeRefs","excludeRefs","_props$onOutsideClick","onOutsideClick","children","nodeRef","useRef","targetRef","handleRef","ref","handleOutsideClick","event","isTargetEvent","concat","_toConsumableArray","filter","node","some","_getNodeByRef","contains","current","handleMouseDown","useEffect","outsideRoot","addEventListener","removeEventListener","displayName"],"sources":["../../src/OutsideClick.tsx"],"sourcesContent":["import React, { cloneElement, useEffect } from 'react';\nimport createComponent, { IFunctionProps, Intergalactic, UnknownProperties } from '@semcore/core';\nimport { getNodeByRef, NodeByRef, useForkRef } from '@semcore/utils/lib/ref';\nimport ownerDocument from '@semcore/utils/lib/ownerDocument';\nimport useEventCallback from '@semcore/utils/lib/use/useEventCallback';\nimport getOriginChildren from '@semcore/utils/lib/getOriginChildren';\nimport { getEventTarget } from '@semcore/utils/lib/getEventTarget';\n\n/** @deprecated */\nexport interface IOutsideClickProps extends OutsideClickProps, UnknownProperties {}\nexport type OutsideClickProps = {\n /**\n * Function called on click outside the component from excludeRefs\n * @default () => {}\n */\n onOutsideClick?: (e?: React.SyntheticEvent) => void;\n\n /**\n * List of refs that will not trigger `onOutsideClick` when clicked\n * @default []\n */\n excludeRefs?: Array<NodeByRef>;\n\n /** Root element\n * @default document\n * */\n root?: NodeByRef;\n};\n\nconst noop = () => {};\nfunction OutsideClick(props: IFunctionProps<IOutsideClickProps>) {\n const { Children, forwardRef, root, excludeRefs = [], onOutsideClick = noop } = props;\n const children = getOriginChildren(Children);\n const nodeRef = React.useRef<Node | null>(null);\n const targetRef = React.useRef<Node | null>(null);\n\n const handleRef = useForkRef(children ? children.ref : null, nodeRef, forwardRef!);\n\n const handleOutsideClick = useEventCallback((event: any) => {\n const isTargetEvent = [...(excludeRefs as any), nodeRef]\n .filter((node) => getNodeByRef(node))\n .some((node) =>\n getNodeByRef(node)?.contains(targetRef.current || (getEventTarget(event) as Node | null)),\n );\n\n if (!isTargetEvent) {\n onOutsideClick?.(event);\n }\n });\n\n const handleMouseDown = useEventCallback((event: any) => {\n targetRef.current = getEventTarget(event) as Node | null;\n });\n\n React.useEffect(() => {\n const outsideRoot = root ? getNodeByRef(root) : ownerDocument(nodeRef.current as any);\n\n // Using capture to handle event faster than OutsideClick handler\n outsideRoot?.addEventListener('mouseup', handleOutsideClick, true);\n outsideRoot?.addEventListener('mousedown', handleMouseDown, true);\n\n return () => {\n outsideRoot?.removeEventListener('mouseup', handleOutsideClick, true);\n outsideRoot?.removeEventListener('mousedown', handleMouseDown, true);\n };\n }, [root]);\n\n return children ? cloneElement(children, { ref: handleRef }) : null;\n}\n\nOutsideClick.displayName = 'OutsideClick';\n\nexport default createComponent(OutsideClick) as Intergalactic.Component<\n Intergalactic.Tag,\n OutsideClickProps\n>;\n"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -28,16 +28,16 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
|
|
28
28
|
var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
|
29
29
|
var _excluded = ["styles", "getI18nText", "totalPages", "isLastOrSingle", "children"];
|
30
30
|
/*__reshadow-styles__:"./style/pagination.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SPagination": "
|
33
|
-
"__SNextPage": "
|
34
|
-
"__SPrevPage": "
|
35
|
-
"__SLabel": "
|
36
|
-
"__STotalPages": "
|
37
|
-
"__STotalPagesLabel": "
|
38
|
-
"__STotalLastPages": "
|
39
|
-
"__SPageInput": "
|
40
|
-
"__SPageInputAddon": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPagination_yzw4q_gg_{display:flex;justify-content:flex-start;align-items:center}.___SNextPage_yzw4q_gg_,.___SPrevPage_yzw4q_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_yzw4q_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_yzw4q_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_yzw4q_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_yzw4q_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yzw4q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_yzw4q_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_yzw4q_gg_:focus-within .___SPageInputAddon_yzw4q_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_yzw4q_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_yzw4q_gg_,.___STotalPagesLabel_yzw4q_gg_,.___STotalPages_yzw4q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "yzw4q_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SPagination": "___SPagination_yzw4q_gg_",
|
33
|
+
"__SNextPage": "___SNextPage_yzw4q_gg_",
|
34
|
+
"__SPrevPage": "___SPrevPage_yzw4q_gg_",
|
35
|
+
"__SLabel": "___SLabel_yzw4q_gg_",
|
36
|
+
"__STotalPages": "___STotalPages_yzw4q_gg_",
|
37
|
+
"__STotalPagesLabel": "___STotalPagesLabel_yzw4q_gg_",
|
38
|
+
"__STotalLastPages": "___STotalLastPages_yzw4q_gg_",
|
39
|
+
"__SPageInput": "___SPageInput_yzw4q_gg_",
|
40
|
+
"__SPageInputAddon": "___SPageInputAddon_yzw4q_gg_"
|
41
41
|
});
|
42
42
|
function formatThousands(value) {
|
43
43
|
var main = String(value);
|
@@ -29,16 +29,16 @@ import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
|
29
29
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
30
30
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
31
31
|
/*__reshadow-styles__:"./style/pagination.shadow.css"*/
|
32
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
33
|
-
"__SPagination": "
|
34
|
-
"__SNextPage": "
|
35
|
-
"__SPrevPage": "
|
36
|
-
"__SLabel": "
|
37
|
-
"__STotalPages": "
|
38
|
-
"__STotalPagesLabel": "
|
39
|
-
"__STotalLastPages": "
|
40
|
-
"__SPageInput": "
|
41
|
-
"__SPageInputAddon": "
|
32
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SPagination_yzw4q_gg_{display:flex;justify-content:flex-start;align-items:center}.___SNextPage_yzw4q_gg_,.___SPrevPage_yzw4q_gg_{align-self:center;margin-left:var(--intergalactic-spacing-2x, 8px)}.___SLabel_yzw4q_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SLabel_yzw4q_gg_:not(:first-child){margin-left:var(--intergalactic-spacing-4x, 16px)}.___STotalPages_yzw4q_gg_{align-self:center;line-height:normal;color:var(--intergalactic-text-link, #006dca)}.___STotalPagesLabel_yzw4q_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-1x, 4px);color:var(--intergalactic-text-primary, #191b23)}.___STotalLastPages_yzw4q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);color:var(--intergalactic-text-primary, #191b23)}.___SPageInput_yzw4q_gg_{max-width:68px;margin-left:var(--intergalactic-spacing-1x, 4px)}.___SPageInput_yzw4q_gg_:focus-within .___SPageInputAddon_yzw4q_gg_{opacity:1;clip:initial;position:static}.___SPageInputAddon_yzw4q_gg_{opacity:0;clip:rect(1px,1px,1px,1px);position:absolute}.___SLabel_yzw4q_gg_,.___STotalPagesLabel_yzw4q_gg_,.___STotalPages_yzw4q_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}" /*__inner_css_end__*/, "yzw4q_gg_") /*__reshadow_css_end__*/, {
|
33
|
+
"__SPagination": "___SPagination_yzw4q_gg_",
|
34
|
+
"__SNextPage": "___SNextPage_yzw4q_gg_",
|
35
|
+
"__SPrevPage": "___SPrevPage_yzw4q_gg_",
|
36
|
+
"__SLabel": "___SLabel_yzw4q_gg_",
|
37
|
+
"__STotalPages": "___STotalPages_yzw4q_gg_",
|
38
|
+
"__STotalPagesLabel": "___STotalPagesLabel_yzw4q_gg_",
|
39
|
+
"__STotalLastPages": "___STotalLastPages_yzw4q_gg_",
|
40
|
+
"__SPageInput": "___SPageInput_yzw4q_gg_",
|
41
|
+
"__SPageInputAddon": "___SPageInputAddon_yzw4q_gg_"
|
42
42
|
});
|
43
43
|
function formatThousands(value) {
|
44
44
|
var main = String(value);
|
package/pills/lib/cjs/Pills.js
CHANGED
@@ -21,23 +21,23 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
|
|
21
21
|
var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib/addonTextChildren"));
|
22
22
|
var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
|
23
23
|
/*__reshadow-styles__:"./style/pills.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__SPills": "
|
26
|
-
"__SPill": "
|
27
|
-
"_selected": "
|
28
|
-
"_keyboardFocused": "
|
29
|
-
"_behavior_auto": "
|
30
|
-
"_behavior_radio": "
|
31
|
-
"__SText": "
|
32
|
-
"__SAddon": "
|
33
|
-
"_neighborLocation_right": "
|
34
|
-
"_neighborLocation_both": "
|
35
|
-
"_neighborLocation_left": "
|
36
|
-
"_disabled": "
|
37
|
-
"_behavior_manual": "
|
38
|
-
"_behavior_tabs": "
|
39
|
-
"_size_m": "
|
40
|
-
"_size_l": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___SPill_1ccmj_gg_,.___SPills_1ccmj_gg_{display:inline-flex;align-items:center;justify-content:center;outline:0}.___SPills_1ccmj_gg_{isolation:isolate}.___SPill_1ccmj_gg_{line-height:normal;position:relative;touch-action:manipulation;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;overflow:visible;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;background:var(--intergalactic-bg-primary-neutral, #ffffff);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px)}.___SPill_1ccmj_gg_::-moz-focus-inner{border:0;padding:0}.___SPill_1ccmj_gg_:active,.___SPill_1ccmj_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SPill_1ccmj_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;background:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SPill_1ccmj_gg_.__selected_1ccmj_gg_{background:var(--intergalactic-control-secondary-info, rgba(0, 143, 248, 0.1));border-color:var(--intergalactic-border-info-active, #006dca);z-index:1}.___SPill_1ccmj_gg_.__disabled_1ccmj_gg_{cursor:default;pointer-events:none}.___SPill_1ccmj_gg_.__disabled_1ccmj_gg_>*{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SPills_1ccmj_gg_.__keyboardFocused_1ccmj_gg_._behavior_auto_1ccmj_gg_,.___SPills_1ccmj_gg_.__keyboardFocused_1ccmj_gg_._behavior_radio_1ccmj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SPills_1ccmj_gg_.__keyboardFocused_1ccmj_gg_._behavior_manual_1ccmj_gg_>.___SPill_1ccmj_gg_.__keyboardFocused_1ccmj_gg_,.___SPills_1ccmj_gg_.__keyboardFocused_1ccmj_gg_._behavior_tabs_1ccmj_gg_>.___SPill_1ccmj_gg_.__keyboardFocused_1ccmj_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_1ccmj_gg_{color:var(--intergalactic-text-primary, #191b23);display:inline-flex}.___SAddon_1ccmj_gg_{color:var(--intergalactic-text-secondary, #6c6e79);display:inline-flex;align-items:center;justify-content:center}.___SPill_1ccmj_gg_._size_m_1ccmj_gg_{height:var(--intergalactic-form-control-m, 28px);min-width:var(--intergalactic-form-control-m, 28px);font-size:var(--intergalactic-fs-200, 14px)}.___SPill_1ccmj_gg_._size_l_1ccmj_gg_ .___SText_1ccmj_gg_,.___SPill_1ccmj_gg_._size_m_1ccmj_gg_ .___SText_1ccmj_gg_{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ccmj_gg_._size_m_1ccmj_gg_ .___SAddon_1ccmj_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ccmj_gg_._size_m_1ccmj_gg_ .___SAddon_1ccmj_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ccmj_gg_._size_m_1ccmj_gg_ .___SAddon_1ccmj_gg_:only-child{margin-left:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px)}.___SPill_1ccmj_gg_._size_l_1ccmj_gg_{height:var(--intergalactic-form-control-l, 40px);min-width:var(--intergalactic-form-control-l, 40px);font-size:var(--intergalactic-fs-300, 16px)}.___SPill_1ccmj_gg_._size_l_1ccmj_gg_ .___SAddon_1ccmj_gg_:only-child,.___SPill_1ccmj_gg_._size_l_1ccmj_gg_ .___SText_1ccmj_gg_:only-child{margin-left:var(--intergalactic-spacing-3x, 12px);margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ccmj_gg_._size_l_1ccmj_gg_ .___SAddon_1ccmj_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ccmj_gg_._size_l_1ccmj_gg_ .___SAddon_1ccmj_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-3x, 12px)}.___SPill_1ccmj_gg_._neighborLocation_right_1ccmj_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SPill_1ccmj_gg_._neighborLocation_both_1ccmj_gg_{border-radius:0;margin-left:-1px}.___SPill_1ccmj_gg_._neighborLocation_left_1ccmj_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}" /*__inner_css_end__*/, "1ccmj_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__SPills": "___SPills_1ccmj_gg_",
|
26
|
+
"__SPill": "___SPill_1ccmj_gg_",
|
27
|
+
"_selected": "__selected_1ccmj_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1ccmj_gg_",
|
29
|
+
"_behavior_auto": "_behavior_auto_1ccmj_gg_",
|
30
|
+
"_behavior_radio": "_behavior_radio_1ccmj_gg_",
|
31
|
+
"__SText": "___SText_1ccmj_gg_",
|
32
|
+
"__SAddon": "___SAddon_1ccmj_gg_",
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_1ccmj_gg_",
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_1ccmj_gg_",
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_1ccmj_gg_",
|
36
|
+
"_disabled": "__disabled_1ccmj_gg_",
|
37
|
+
"_behavior_manual": "_behavior_manual_1ccmj_gg_",
|
38
|
+
"_behavior_tabs": "_behavior_tabs_1ccmj_gg_",
|
39
|
+
"_size_m": "_size_m_1ccmj_gg_",
|
40
|
+
"_size_l": "_size_l_1ccmj_gg_"
|
41
41
|
});
|
42
42
|
var RootPills = /*#__PURE__*/function (_Component) {
|
43
43
|
(0, _inherits2["default"])(RootPills, _Component);
|