intergalactic 15.126.1-prerelease.8 → 15.127.0-prerelease.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 +14 -0
- package/accordion/lib/cjs/Accordion.js +9 -9
- package/accordion/lib/es6/Accordion.js +9 -9
- package/accordion/lib/esm/Accordion.mjs +76 -76
- package/accordion/package.json +1 -1
- package/add-filter/package.json +1 -1
- package/animation/package.json +1 -1
- package/badge/package.json +1 -1
- package/base-trigger/package.json +1 -1
- package/breadcrumbs/package.json +1 -1
- package/breakpoints/package.json +1 -1
- package/bulk-textarea/lib/cjs/components/InputField/InputField.js +12 -12
- package/bulk-textarea/lib/es6/components/InputField/InputField.js +12 -12
- package/bulk-textarea/lib/esm/components/InputField/InputField.mjs +128 -128
- package/bulk-textarea/package.json +1 -1
- package/button/component/Button/Button.type.d.ts +6 -2
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js +1 -0
- package/button/lib/cjs/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.js +28 -27
- package/button/lib/cjs/component/Button/Button.js.map +1 -1
- package/button/lib/cjs/component/Button/Button.type.js.map +1 -1
- package/button/lib/cjs/component/Button/button.shadow.css +17 -1
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/AbstractButton/AbstractButton.js +1 -0
- package/button/lib/es6/component/AbstractButton/AbstractButton.js.map +1 -1
- package/button/lib/es6/component/Button/Button.js +28 -27
- package/button/lib/es6/component/Button/Button.js.map +1 -1
- package/button/lib/es6/component/Button/Button.type.js.map +1 -1
- package/button/lib/es6/component/Button/button.shadow.css +17 -1
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/esm/component/AbstractButton/AbstractButton.mjs +30 -30
- package/button/lib/esm/component/Button/Button.mjs +66 -65
- package/button/lib/esm/component/ButtonLink/ButtonLink.mjs +59 -59
- package/button/lib/types/component/Button/Button.type.d.ts +6 -2
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/lib/esm/Card.mjs +46 -46
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/lib/esm/Carousel.mjs +177 -177
- package/carousel/package.json +1 -1
- package/checkbox/package.json +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +24 -24
- package/color-picker/lib/cjs/components/InputColor.js +24 -24
- package/color-picker/lib/es6/ColorPicker.js +24 -24
- package/color-picker/lib/es6/PaletteManager.js +24 -24
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/color-picker/lib/esm/ColorPicker.mjs +73 -73
- package/color-picker/lib/esm/PaletteManager.mjs +42 -42
- package/color-picker/lib/esm/components/InputColor.mjs +81 -81
- package/color-picker/package.json +1 -1
- package/components.json +24 -24
- package/core/package.json +1 -1
- package/counter/package.json +1 -1
- package/d3-chart/package.json +1 -1
- 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/lib/esm/components/Calendar.mjs +126 -126
- package/date-picker/lib/esm/components/DateRangeComparatorAbstract.mjs +217 -217
- package/date-picker/lib/esm/components/InputTrigger.mjs +215 -215
- package/date-picker/lib/esm/components/PickerAbstract.mjs +114 -114
- package/date-picker/lib/esm/components/RangePickerAbstract.mjs +164 -164
- package/date-picker/package.json +1 -1
- package/divider/package.json +1 -1
- package/dot/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +17 -17
- package/drag-and-drop/lib/es6/DragAndDrop.js +17 -17
- package/drag-and-drop/lib/esm/DragAndDrop.mjs +160 -160
- package/drag-and-drop/package.json +1 -1
- package/dropdown/package.json +1 -1
- package/dropdown-menu/lib/cjs/DropdownMenu.js +18 -18
- package/dropdown-menu/lib/es6/DropdownMenu.js +18 -18
- package/dropdown-menu/lib/esm/DropdownMenu.mjs +176 -176
- package/dropdown-menu/package.json +1 -1
- package/ellipsis/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/lib/esm/Error.mjs +48 -48
- package/errors/package.json +1 -1
- package/feature-popover/lib/cjs/FeaturePopover.js +11 -11
- package/feature-popover/lib/es6/FeaturePopover.js +11 -11
- package/feature-popover/lib/esm/FeaturePopover.mjs +72 -72
- 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 +7 -7
- 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 +7 -7
- package/feedback-form/lib/esm/FeedbackForm.mjs +34 -34
- package/feedback-form/lib/esm/component/checkbox-button/CheckboxButton.mjs +23 -23
- package/feedback-form/lib/esm/component/feedback-rating/FeedbackRating.mjs +23 -23
- package/feedback-form/lib/esm/component/slider-rating/SliderRating.mjs +73 -73
- package/feedback-form/package.json +1 -1
- package/flags/package.json +1 -1
- package/flex-box/package.json +1 -1
- package/format-text/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/lib/esm/FullscreenModal.mjs +70 -70
- package/fullscreen-modal/package.json +1 -1
- package/grid/package.json +1 -1
- package/i18n-unplugin/package.json +1 -1
- package/icon/package.json +1 -1
- package/illustration/package.json +1 -1
- package/inline-edit/package.json +1 -1
- package/inline-input/lib/cjs/InlineInput.js +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- package/inline-input/lib/esm/InlineInput.mjs +107 -107
- package/inline-input/package.json +1 -1
- package/input/package.json +1 -1
- package/input-mask/package.json +1 -1
- package/input-number/package.json +1 -1
- package/input-tags/package.json +1 -1
- package/link/package.json +1 -1
- 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/lib/esm/Modal.mjs +81 -81
- package/modal/package.json +1 -1
- package/neighbor-location/package.json +1 -1
- package/notice/lib/cjs/Notice.js +18 -17
- package/notice/lib/cjs/Notice.js.map +1 -1
- package/notice/lib/es6/Notice.js +18 -17
- package/notice/lib/es6/Notice.js.map +1 -1
- package/notice/lib/esm/Notice.mjs +110 -108
- 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/lib/esm/NoticeBubble.mjs +87 -87
- package/notice-bubble/package.json +1 -1
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/notice-global/lib/esm/NoticeGlobal.mjs +46 -46
- package/notice-global/package.json +1 -1
- package/outside-click/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +12 -12
- package/pagination/lib/es6/Pagination.js +12 -12
- package/pagination/lib/esm/Pagination.mjs +123 -123
- package/pagination/package.json +1 -1
- package/pills/package.json +1 -1
- package/popper/package.json +1 -1
- package/portal/package.json +1 -1
- package/product-head/package.json +1 -1
- package/progress-bar/package.json +1 -1
- package/radio/package.json +1 -1
- package/scroll-area/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/lib/esm/InputSearch.mjs +38 -38
- package/select/lib/esm/Select.mjs +106 -106
- package/select/package.json +1 -1
- package/side-panel/lib/cjs/SidePanel.js +16 -16
- package/side-panel/lib/es6/SidePanel.js +16 -16
- package/side-panel/lib/esm/SidePanel.mjs +76 -76
- package/side-panel/package.json +1 -1
- package/skeleton/package.json +1 -1
- package/slider/package.json +1 -1
- package/spin/package.json +1 -1
- package/spin-container/package.json +1 -1
- package/sticky/package.json +1 -1
- package/switch/package.json +1 -1
- package/tab-line/package.json +1 -1
- package/tab-panel/package.json +1 -1
- package/tag/package.json +1 -1
- package/textarea/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/lib/esm/TimePicker.mjs +62 -62
- package/time-picker/package.json +1 -1
- package/tooltip/package.json +1 -1
- package/typography/package.json +1 -1
- package/utils/lib/themes/auto.css +1 -1
- package/utils/lib/themes/default.css +1 -1
- package/utils/lib/themes/default.js +1 -1
- package/utils/lib/themes/default.js.map +1 -1
- package/utils/lib/themes/default.mjs +1 -1
- package/utils/lib/themes/default.mjs.map +1 -1
- package/utils/lib/themes/light.css +1 -1
- package/utils/lib/themes/light.js +1 -1
- package/utils/lib/themes/light.js.map +1 -1
- package/utils/lib/themes/light.mjs +1 -1
- package/utils/lib/themes/light.mjs.map +1 -1
- package/widget-empty/package.json +1 -1
- package/wizard/lib/cjs/Wizard.js +12 -12
- package/wizard/lib/es6/Wizard.js +12 -12
- package/wizard/lib/esm/Wizard.mjs +83 -83
- package/wizard/package.json +1 -1
package/modal/lib/cjs/Modal.js
CHANGED
@@ -35,14 +35,14 @@ var _ThemeProvider = require("intergalactic/utils/lib/ThemeProvider");
|
|
35
35
|
var _useColorResolver = require("intergalactic/utils/lib/use/useColorResolver");
|
36
36
|
var _zIndexStacking = require("intergalactic/utils/lib/zIndexStacking");
|
37
37
|
/*__reshadow-styles__:"./style/modal.shadow.css"*/
|
38
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
39
|
-
"__SWindow": "
|
40
|
-
"_ghost": "
|
41
|
-
"__SOverlay": "
|
42
|
-
"__STitle": "
|
43
|
-
"_color": "
|
44
|
-
"--color": "--
|
45
|
-
"__SClose": "
|
38
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWindow_1vjjl_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_1vjjl_gg_:focus{outline:0}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_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);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_.__color_1vjjl_gg_{color:var(--color_1vjjl)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_.__ghost_1vjjl_gg_{right:0;top:0}.___SWindow_1vjjl_gg_.__ghost_1vjjl_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1vjjl_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;-webkit-overflow-scrolling:touch}.___SOverlay_1vjjl_gg_ .___SOverlay_1vjjl_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1vjjl_gg_{min-width:60%}.___SOverlay_1vjjl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1vjjl_gg_") /*__reshadow_css_end__*/, {
|
39
|
+
"__SWindow": "___SWindow_1vjjl_gg_",
|
40
|
+
"_ghost": "__ghost_1vjjl_gg_",
|
41
|
+
"__SOverlay": "___SOverlay_1vjjl_gg_",
|
42
|
+
"__STitle": "___STitle_1vjjl_gg_",
|
43
|
+
"_color": "__color_1vjjl_gg_",
|
44
|
+
"--color": "--color_1vjjl",
|
45
|
+
"__SClose": "___SClose_1vjjl_gg_"
|
46
46
|
});
|
47
47
|
var ModalRoot = /*#__PURE__*/function (_Component) {
|
48
48
|
(0, _inherits2["default"])(ModalRoot, _Component);
|
package/modal/lib/es6/Modal.js
CHANGED
@@ -23,14 +23,14 @@ 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
|
-
"__SOverlay": "
|
30
|
-
"__STitle": "
|
31
|
-
"_color": "
|
32
|
-
"--color": "--
|
33
|
-
"__SClose": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWindow_1vjjl_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_1vjjl_gg_:focus{outline:0}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_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);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_.__color_1vjjl_gg_{color:var(--color_1vjjl)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_.__ghost_1vjjl_gg_{right:0;top:0}.___SWindow_1vjjl_gg_.__ghost_1vjjl_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1vjjl_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;-webkit-overflow-scrolling:touch}.___SOverlay_1vjjl_gg_ .___SOverlay_1vjjl_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1vjjl_gg_{min-width:60%}.___SOverlay_1vjjl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}" /*__inner_css_end__*/, "1vjjl_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__SWindow": "___SWindow_1vjjl_gg_",
|
28
|
+
"_ghost": "__ghost_1vjjl_gg_",
|
29
|
+
"__SOverlay": "___SOverlay_1vjjl_gg_",
|
30
|
+
"__STitle": "___STitle_1vjjl_gg_",
|
31
|
+
"_color": "__color_1vjjl_gg_",
|
32
|
+
"--color": "--color_1vjjl",
|
33
|
+
"__SClose": "___SClose_1vjjl_gg_"
|
34
34
|
});
|
35
35
|
import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
|
36
36
|
import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
package/modal/lib/esm/Modal.mjs
CHANGED
@@ -1,65 +1,65 @@
|
|
1
1
|
import f from "@babel/runtime/helpers/esm/objectSpread2";
|
2
|
-
import
|
3
|
-
import
|
2
|
+
import S from "@babel/runtime/helpers/esm/classCallCheck";
|
3
|
+
import P from "@babel/runtime/helpers/esm/createClass";
|
4
4
|
import g from "@babel/runtime/helpers/esm/assertThisInitialized";
|
5
|
-
import
|
6
|
-
import
|
5
|
+
import w from "@babel/runtime/helpers/esm/inherits";
|
6
|
+
import k from "@babel/runtime/helpers/esm/createSuper";
|
7
7
|
import d from "@babel/runtime/helpers/esm/defineProperty";
|
8
|
-
import { sstyled as
|
9
|
-
import
|
10
|
-
import
|
11
|
-
import { Slide as
|
12
|
-
import
|
13
|
-
import
|
14
|
-
import
|
15
|
-
import
|
16
|
-
import
|
17
|
-
import
|
18
|
-
import { isAdvanceMode as
|
19
|
-
import
|
20
|
-
import { localizedMessages as
|
21
|
-
import
|
22
|
-
import { Text as
|
23
|
-
import
|
24
|
-
import { cssVariableEnhance as
|
25
|
-
import { useFocusLock as
|
8
|
+
import { sstyled as T } from 'intergalactic/utils/lib/core/index';
|
9
|
+
import E, { assignProps as m, Component as O, sstyled as p } from 'intergalactic/core';
|
10
|
+
import n from "react";
|
11
|
+
import { Slide as I, FadeInOut as W } from 'intergalactic/animation';
|
12
|
+
import z, { PortalProvider as M } from 'intergalactic/portal';
|
13
|
+
import C from 'intergalactic/button';
|
14
|
+
import D from 'intergalactic/outside-click';
|
15
|
+
import R from 'intergalactic/icon/Close/l';
|
16
|
+
import j from 'intergalactic/utils/lib/fire';
|
17
|
+
import A from 'intergalactic/utils/lib/use/usePreventScroll';
|
18
|
+
import { isAdvanceMode as $ } from 'intergalactic/utils/lib/findComponent';
|
19
|
+
import H from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
20
|
+
import { localizedMessages as x } from "./translations/__intergalactic-dynamic-locales.mjs";
|
21
|
+
import N from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
22
|
+
import { Text as F } from 'intergalactic/typography';
|
23
|
+
import K from 'intergalactic/utils/lib/uniqueID';
|
24
|
+
import { cssVariableEnhance as Z } from 'intergalactic/utils/lib/useCssVariable';
|
25
|
+
import { useFocusLock as q } from 'intergalactic/utils/lib/use/useFocusLock';
|
26
26
|
import { useContextTheme as B } from 'intergalactic/utils/lib/ThemeProvider';
|
27
27
|
import { useColorResolver as L } from 'intergalactic/utils/lib/use/useColorResolver';
|
28
28
|
import { ZIndexStackingContextProvider as V, useZIndexStacking as G } from 'intergalactic/utils/lib/zIndexStacking';
|
29
29
|
var J = (
|
30
30
|
/*__reshadow_css_start__*/
|
31
|
-
(
|
31
|
+
(T.insert(
|
32
32
|
/*__inner_css_start__*/
|
33
|
-
".
|
34
|
-
"
|
33
|
+
".___SWindow_1vjjl_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_1vjjl_gg_:focus{outline:0}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_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);margin-right:var(--intergalactic-spacing-4x, 16px)}.___SWindow_1vjjl_gg_ .___STitle_1vjjl_gg_.__color_1vjjl_gg_{color:var(--color_1vjjl)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_{display:inline-flex;position:absolute;right:var(--intergalactic-spacing-2x, 8px);top:var(--intergalactic-spacing-2x, 8px)}.___SWindow_1vjjl_gg_ .___SClose_1vjjl_gg_.__ghost_1vjjl_gg_{right:0;top:0}.___SWindow_1vjjl_gg_.__ghost_1vjjl_gg_{background:0 0;padding:0;box-shadow:none}.___SOverlay_1vjjl_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;-webkit-overflow-scrolling:touch}.___SOverlay_1vjjl_gg_ .___SOverlay_1vjjl_gg_{background:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}@media (max-width:767px){.___SWindow_1vjjl_gg_{min-width:60%}.___SOverlay_1vjjl_gg_{padding:var(--intergalactic-spacing-3x, 12px)}}",
|
34
|
+
"1vjjl_gg_"
|
35
35
|
), {
|
36
|
-
__SWindow: "
|
37
|
-
_ghost: "
|
38
|
-
__SOverlay: "
|
39
|
-
__STitle: "
|
40
|
-
_color: "
|
41
|
-
"--color": "--
|
42
|
-
__SClose: "
|
36
|
+
__SWindow: "___SWindow_1vjjl_gg_",
|
37
|
+
_ghost: "__ghost_1vjjl_gg_",
|
38
|
+
__SOverlay: "___SOverlay_1vjjl_gg_",
|
39
|
+
__STitle: "___STitle_1vjjl_gg_",
|
40
|
+
_color: "__color_1vjjl_gg_",
|
41
|
+
"--color": "--color_1vjjl",
|
42
|
+
__SClose: "___SClose_1vjjl_gg_"
|
43
43
|
})
|
44
|
-
),
|
45
|
-
|
46
|
-
var c =
|
44
|
+
), u = /* @__PURE__ */ function(i) {
|
45
|
+
w(r, i);
|
46
|
+
var c = k(r);
|
47
47
|
function r() {
|
48
|
-
var
|
49
|
-
|
48
|
+
var l;
|
49
|
+
S(this, r);
|
50
50
|
for (var e = arguments.length, a = new Array(e), t = 0; t < e; t++)
|
51
51
|
a[t] = arguments[t];
|
52
|
-
return
|
52
|
+
return l = c.call.apply(c, [this].concat(a)), d(g(l), "state", {
|
53
53
|
hasTitle: !1
|
54
|
-
}), d(g(
|
55
|
-
o.key === "Escape" && (o.stopPropagation(),
|
56
|
-
}), d(g(
|
57
|
-
|
58
|
-
}), d(g(
|
59
|
-
|
60
|
-
}),
|
54
|
+
}), d(g(l), "handleKeyDown", function(o) {
|
55
|
+
o.key === "Escape" && (o.stopPropagation(), j(g(l), "onClose", "onEscape", o));
|
56
|
+
}), d(g(l), "handleIconCloseClick", function(o) {
|
57
|
+
j(g(l), "onClose", "onCloseClick", o);
|
58
|
+
}), d(g(l), "handleOutsideClick", function(o) {
|
59
|
+
j(g(l), "onClose", "onOutsideClick", o);
|
60
|
+
}), l;
|
61
61
|
}
|
62
|
-
return
|
62
|
+
return P(r, [{
|
63
63
|
key: "getOverlayProps",
|
64
64
|
value: function() {
|
65
65
|
var e = this.asProps, a = e.duration, t = e.visible, o = e.animationsDisabled, s = e.disablePreventScroll;
|
@@ -74,13 +74,13 @@ var J = (
|
|
74
74
|
}, {
|
75
75
|
key: "getWindowProps",
|
76
76
|
value: function() {
|
77
|
-
var e = this.asProps, a = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, h = e.animationsDisabled,
|
77
|
+
var e = this.asProps, a = e.visible, t = e.closable, o = e.getI18nText, s = e.uid, _ = e.duration, h = e.animationsDisabled, b = this.state.hasTitle;
|
78
78
|
return {
|
79
79
|
visible: a,
|
80
80
|
closable: t,
|
81
81
|
onKeyDown: this.handleKeyDown,
|
82
|
-
"aria-label":
|
83
|
-
"aria-labelledby":
|
82
|
+
"aria-label": b ? void 0 : o("title"),
|
83
|
+
"aria-labelledby": b ? "igc-".concat(s, "-title") : void 0,
|
84
84
|
duration: _,
|
85
85
|
animationsDisabled: h
|
86
86
|
};
|
@@ -111,31 +111,31 @@ var J = (
|
|
111
111
|
}, {
|
112
112
|
key: "render",
|
113
113
|
value: function() {
|
114
|
-
var e = this.asProps, a = this.asProps, t = a.Children, o = a.disablePortal, s = a.forcedAdvancedMode, _ = a.ignorePortalsStacking, h = s ||
|
115
|
-
return /* @__PURE__ */
|
114
|
+
var e = this.asProps, a = this.asProps, t = a.Children, o = a.disablePortal, s = a.forcedAdvancedMode, _ = a.ignorePortalsStacking, h = s || $(t, [v.Overlay.displayName, v.Window.displayName]);
|
115
|
+
return /* @__PURE__ */ n.createElement(z, {
|
116
116
|
disablePortal: o,
|
117
117
|
ignorePortalsStacking: _
|
118
|
-
}, h ? /* @__PURE__ */
|
118
|
+
}, h ? /* @__PURE__ */ n.createElement(t, null) : /* @__PURE__ */ n.createElement(v.Overlay, null, /* @__PURE__ */ n.createElement(v.Window, m({}, e))));
|
119
119
|
}
|
120
120
|
}]), r;
|
121
|
-
}(
|
122
|
-
d(
|
123
|
-
d(
|
124
|
-
d(
|
121
|
+
}(O);
|
122
|
+
d(u, "displayName", "Modal");
|
123
|
+
d(u, "style", J);
|
124
|
+
d(u, "enhance", [N(x), K(), Z({
|
125
125
|
variable: "--intergalactic-duration-modal",
|
126
126
|
fallback: "200",
|
127
127
|
map: Number.parseInt,
|
128
128
|
prop: "duration"
|
129
129
|
})]);
|
130
|
-
d(
|
130
|
+
d(u, "defaultProps", {
|
131
131
|
closable: !0,
|
132
|
-
i18n:
|
132
|
+
i18n: x,
|
133
133
|
locale: "en",
|
134
134
|
disablePreventScroll: !1
|
135
135
|
});
|
136
136
|
function Q(i) {
|
137
|
-
var c = arguments[0], r,
|
138
|
-
return
|
137
|
+
var c = arguments[0], r, l = I, e = i.Children, a = i.styles, t = i.visible, o = i.closable, s = i.duration, _ = n.useRef(null);
|
138
|
+
return q(_, !0, "auto", !t, !0), r = p(a), /* @__PURE__ */ n.createElement(l, r.cn("SWindow", f({}, m({
|
139
139
|
initialAnimation: !0,
|
140
140
|
slideOrigin: "top",
|
141
141
|
visible: t,
|
@@ -143,54 +143,54 @@ function Q(i) {
|
|
143
143
|
"aria-modal": !0,
|
144
144
|
duration: s,
|
145
145
|
ref: _
|
146
|
-
}, c))), /* @__PURE__ */
|
146
|
+
}, c))), /* @__PURE__ */ n.createElement(V, r.cn("ZIndexStackingContextProvider", {
|
147
147
|
designToken: "z-index-modal"
|
148
|
-
}), /* @__PURE__ */
|
148
|
+
}), /* @__PURE__ */ n.createElement(M, r.cn("PortalProvider", {
|
149
149
|
value: _
|
150
|
-
}), o && /* @__PURE__ */
|
150
|
+
}), o && /* @__PURE__ */ n.createElement(v.Close, null), /* @__PURE__ */ n.createElement(e, r.cn("Children", {})))));
|
151
151
|
}
|
152
152
|
function U(i) {
|
153
|
-
var c = arguments[0], r,
|
154
|
-
|
153
|
+
var c = arguments[0], r, l = W, e = i.Children, a = i.styles, t = i.onOutsideClick, o = i.visible, s = n.useRef(null);
|
154
|
+
A(o, i.disablePreventScroll), B(s, o);
|
155
155
|
var _ = G("z-index-modal");
|
156
|
-
return r = p(a), /* @__PURE__ */
|
156
|
+
return r = p(a), /* @__PURE__ */ n.createElement(l, r.cn("SOverlay", f({}, m({
|
157
157
|
ref: s,
|
158
158
|
zIndex: _
|
159
|
-
}, c))), /* @__PURE__ */
|
159
|
+
}, c))), /* @__PURE__ */ n.createElement(D, r.cn("OutsideClick", {
|
160
160
|
root: s,
|
161
161
|
onOutsideClick: t
|
162
|
-
}), /* @__PURE__ */
|
162
|
+
}), /* @__PURE__ */ n.createElement(e, r.cn("Children", {}))));
|
163
163
|
}
|
164
|
-
function
|
165
|
-
var c = arguments[0], r,
|
166
|
-
return r = p(i.styles), /* @__PURE__ */
|
164
|
+
function y(i) {
|
165
|
+
var c = arguments[0], r, l = C, e = i.Children, a = i.children, t = i.getI18nText, o = i.ghost;
|
166
|
+
return r = p(i.styles), /* @__PURE__ */ n.createElement(l, r.cn("SClose", f({}, m({
|
167
167
|
use: "tertiary",
|
168
168
|
size: "l",
|
169
169
|
theme: o ? "invert" : "muted",
|
170
170
|
"aria-label": t("close")
|
171
|
-
}, c))), a ? /* @__PURE__ */
|
171
|
+
}, c))), a ? /* @__PURE__ */ n.createElement(e, r.cn("Children", {})) : /* @__PURE__ */ n.createElement(C.Addon, {
|
172
172
|
ml: "7px",
|
173
173
|
mr: "7px"
|
174
|
-
}, /* @__PURE__ */
|
174
|
+
}, /* @__PURE__ */ n.createElement(R, r.cn("CloseIcon", {
|
175
175
|
title: t("close")
|
176
176
|
}))));
|
177
177
|
}
|
178
|
-
|
178
|
+
y.enhance = [H()];
|
179
179
|
function X(i) {
|
180
|
-
var c = arguments[0], r,
|
181
|
-
return
|
182
|
-
return
|
183
|
-
}), r = p(e), /* @__PURE__ */
|
180
|
+
var c = arguments[0], r, l = i.setHasTitle, e = i.styles, a = i.color, t = F, o = L();
|
181
|
+
return n.useEffect(function() {
|
182
|
+
return l();
|
183
|
+
}), r = p(e), /* @__PURE__ */ n.createElement(t, r.cn("STitle", f({}, m({
|
184
184
|
tag: "h2",
|
185
185
|
"use:color": o(a)
|
186
186
|
}, c))));
|
187
187
|
}
|
188
|
-
var
|
188
|
+
var v = E(u, {
|
189
189
|
Window: Q,
|
190
190
|
Overlay: U,
|
191
|
-
Close:
|
191
|
+
Close: y,
|
192
192
|
Title: X
|
193
193
|
});
|
194
194
|
export {
|
195
|
-
|
195
|
+
v as default
|
196
196
|
};
|
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.55.0-prerelease.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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/button":"5.43.0-prerelease.0","@semcore/animation":"2.41.1","@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/outside-click":"3.39.1","@semcore/portal":"3.41.1","@semcore/typography":"5.52.1","@semcore/utils":"4.48.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/modal"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/neighbor-location","description":"Semrush NeighborLocation Component","version":"4.40.1
|
1
|
+
{"name":"intergalactic/neighbor-location","description":"Semrush NeighborLocation Component","version":"4.40.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 && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/utils":"4.48.1"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/neighbor-location"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
package/notice/lib/cjs/Notice.js
CHANGED
@@ -28,22 +28,22 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
|
|
28
28
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
29
29
|
var _typography = require("intergalactic/typography");
|
30
30
|
/*__reshadow-styles__:"./style/notice.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SNotice": "
|
33
|
-
"__SContent": "
|
34
|
-
"__SActions": "
|
35
|
-
"__SLabel": "
|
36
|
-
"_theme_info": "
|
37
|
-
"_theme_danger": "
|
38
|
-
"_theme_warning": "
|
39
|
-
"_theme_success": "
|
40
|
-
"_theme_muted": "
|
41
|
-
"_theme_custom": "
|
42
|
-
"--color": "--
|
43
|
-
"__SCloseIcon": "
|
44
|
-
"--backgroundColor": "--
|
45
|
-
"__STitle": "
|
46
|
-
"__SText": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SNotice_1ri00_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_1ri00_gg_._theme_info_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1ri00_gg_._theme_info_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_info_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1ri00_gg_._theme_success_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1ri00_gg_._theme_success_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_success_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1ri00_gg_._theme_info_1ri00_gg_,.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1ri00_gg_{flex:1 1 auto;width:100%}.___SActions_1ri00_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1ri00_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_1ri00_gg_._theme_danger_1ri00_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1ri00_gg_._theme_warning_1ri00_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1ri00_gg_._theme_success_1ri00_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1ri00_gg_._theme_muted_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1ri00_gg_._theme_custom_1ri00_gg_{color:var(--color_1ri00)}.___SCloseIcon_1ri00_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1ri00_gg_._theme_custom_1ri00_gg_{background-color:var(--backgroundColor_1ri00);border-color:var(--backgroundColor_1ri00)}.___STitle_1ri00_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SText_1ri00_gg_{margin-top:var(--intergalactic-spacing-1x, 4px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "1ri00_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SNotice": "___SNotice_1ri00_gg_",
|
33
|
+
"__SContent": "___SContent_1ri00_gg_",
|
34
|
+
"__SActions": "___SActions_1ri00_gg_",
|
35
|
+
"__SLabel": "___SLabel_1ri00_gg_",
|
36
|
+
"_theme_info": "_theme_info_1ri00_gg_",
|
37
|
+
"_theme_danger": "_theme_danger_1ri00_gg_",
|
38
|
+
"_theme_warning": "_theme_warning_1ri00_gg_",
|
39
|
+
"_theme_success": "_theme_success_1ri00_gg_",
|
40
|
+
"_theme_muted": "_theme_muted_1ri00_gg_",
|
41
|
+
"_theme_custom": "_theme_custom_1ri00_gg_",
|
42
|
+
"--color": "--color_1ri00",
|
43
|
+
"__SCloseIcon": "___SCloseIcon_1ri00_gg_",
|
44
|
+
"--backgroundColor": "--backgroundColor_1ri00",
|
45
|
+
"__STitle": "___STitle_1ri00_gg_",
|
46
|
+
"__SText": "___SText_1ri00_gg_"
|
47
47
|
});
|
48
48
|
function isCustomTheme(theme) {
|
49
49
|
return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
|
@@ -125,11 +125,12 @@ var RootNotice = /*#__PURE__*/function (_Component) {
|
|
125
125
|
if (theme === 'muted') {
|
126
126
|
ariaLabel = undefined;
|
127
127
|
}
|
128
|
+
var role = theme === 'muted' ? undefined : 'region';
|
128
129
|
return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SNotice, _ref9.cn("SNotice", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
129
130
|
"visible": !hidden,
|
130
131
|
"use:theme": useTheme,
|
131
132
|
"backgroundColor": color,
|
132
|
-
"role":
|
133
|
+
"role": role,
|
133
134
|
"aria-label": ariaLabel,
|
134
135
|
"ref": this.ref
|
135
136
|
}, _ref))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_typography","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","_createClass2","key","value","componentDidMount","ref","current","process","env","NODE_ENV","props","hasTitle","node","hasAttribute","logger","warn","displayName","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref9","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","color","useTheme","createElement","ariaLabel","undefined","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref17","_ref2","arguments[0]","_ref10","SLabel","Box","Title","_ref18","_ref3","_ref11","STitle","Text","NoticeText","_ref19","_ref4","_ref12","SText","Actions","_ref20","_ref5","_ref13","SActions","Content","_ref21","_ref6","_ref14","SContent","CloseIcon","_ref22","_ref7","_ref15","SCloseIcon","CloseIconM","Close","_ref23","_ref8","_ref16","Button","Notice","createComponent","_default","exports"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { Text } from '@semcore/typography';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n static displayName = 'Notice';\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: 'info',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n ref = React.createRef();\n\n componentDidMount() {\n if (\n this.ref.current &&\n process.env.NODE_ENV !== 'production' &&\n !['muted', 'danger'].includes(this.props.theme)\n ) {\n const hasTitle = (node) => {\n if (node.hasAttribute('aria-label')) return true;\n if (node.hasAttribute('aria-labelledby')) return true;\n if (node.hasAttribute('title')) return true;\n\n return false;\n };\n\n logger.warn(\n !hasTitle(this.ref.current),\n `Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification`,\n this.props['data-ui-name'] || RootNotice.displayName,\n );\n }\n }\n\n getLabelProps() {\n const { theme, resolveColor } = this.asProps;\n\n return { theme, resolveColor };\n }\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNotice = Root;\n const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n if (use === 'primary') {\n logger.warn(\n true,\n `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n RootNotice.displayName,\n );\n return <NoticeGlobal {...this.asProps} />;\n }\n\n let ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');\n\n if (theme === 'muted') {\n ariaLabel = undefined;\n }\n\n return sstyled(styles)(\n <SNotice\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role='region'\n aria-label={ariaLabel}\n ref={this.ref}\n >\n <Children />\n </SNotice>,\n );\n }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n const SLabel = Root;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Title({ styles }) {\n const STitle = Root;\n return sstyled(styles)(<STitle render={Text} tag='div' size={300} fontWeight={'bold'} />);\n}\n\nfunction NoticeText({ styles }) {\n const SText = Root;\n return sstyled(styles)(<SText render={Text} tag='div' />);\n}\n\nfunction Actions({ styles }) {\n const SActions = Root;\n return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Close({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n addonLeft={CloseIconM}\n use='tertiary'\n theme='muted'\n aria-label={getI18nText('close')}\n />,\n );\n}\n\nconst Notice = createComponent(RootNotice, {\n Label,\n Title: Title,\n Text: NoticeText,\n Actions,\n Content,\n CloseIcon,\n Close,\n});\n\nexport default Notice;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Notice.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_button","_m","_resolveColorEnhance","_animation","_logger","_noticeGlobal","_intergalacticDynamicLocales","_i18nEnhance","_useCssVariable","_typography","style","_index","sstyled","insert","isCustomTheme","theme","includes","RootNotice","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","React","createRef","_createClass2","key","value","componentDidMount","ref","current","process","env","NODE_ENV","props","hasTitle","node","hasAttribute","logger","warn","displayName","getLabelProps","_this$asProps","asProps","resolveColor","getCloseIconProps","getI18nText","getCloseProps","render","_ref","_ref9","SNotice","FadeInOut","_this$asProps2","Children","styles","hidden","use","color","useTheme","createElement","ariaLabel","undefined","role","cn","_objectSpread2","assignProps","Component","i18nEnhance","localizedMessages","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","resolveColorEnhance","i18n","locale","Label","_ref17","_ref2","arguments[0]","_ref10","SLabel","Box","Title","_ref18","_ref3","_ref11","STitle","Text","NoticeText","_ref19","_ref4","_ref12","SText","Actions","_ref20","_ref5","_ref13","SActions","Content","_ref21","_ref6","_ref14","SContent","CloseIcon","_ref22","_ref7","_ref15","SCloseIcon","CloseIconM","Close","_ref23","_ref8","_ref16","Button","Notice","createComponent","_default","exports"],"sources":["../../src/Notice.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Button from '@semcore/button';\nimport CloseIconM from '@semcore/icon/Close/m';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { FadeInOut } from '@semcore/animation';\nimport logger from '@semcore/utils/lib/logger';\nimport NoticeGlobal from '@semcore/notice-global';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\nimport { Text } from '@semcore/typography';\n\nimport style from './style/notice.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);\n}\n\nclass RootNotice extends Component {\n static displayName = 'Notice';\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: 'info',\n i18n: localizedMessages,\n locale: 'en',\n };\n\n ref = React.createRef();\n\n componentDidMount() {\n if (\n this.ref.current &&\n process.env.NODE_ENV !== 'production' &&\n !['muted', 'danger'].includes(this.props.theme)\n ) {\n const hasTitle = (node) => {\n if (node.hasAttribute('aria-label')) return true;\n if (node.hasAttribute('aria-labelledby')) return true;\n if (node.hasAttribute('title')) return true;\n\n return false;\n };\n\n logger.warn(\n !hasTitle(this.ref.current),\n `Provide unique 'title' or 'aria-label' or 'aria-labelledby' to help identify the type and importance of notification`,\n this.props['data-ui-name'] || RootNotice.displayName,\n );\n }\n }\n\n getLabelProps() {\n const { theme, resolveColor } = this.asProps;\n\n return { theme, resolveColor };\n }\n\n getCloseIconProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n getCloseProps() {\n const { getI18nText } = this.asProps;\n\n return { getI18nText };\n }\n\n render() {\n const SNotice = Root;\n const { Children, styles, hidden, theme, use, resolveColor, getI18nText } = this.asProps;\n const color = resolveColor(theme);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n\n if (use === 'primary') {\n logger.warn(\n true,\n `Deprecated property-value pair \"use=primary\", use component <NoticeGlobal/> instead`,\n RootNotice.displayName,\n );\n return <NoticeGlobal {...this.asProps} />;\n }\n\n let ariaLabel = getI18nText(theme === 'danger' ? 'criticalNotification' : 'notification');\n\n if (theme === 'muted') {\n ariaLabel = undefined;\n }\n\n const role = theme === 'muted' ? undefined : 'region';\n\n return sstyled(styles)(\n <SNotice\n render={FadeInOut}\n visible={!hidden}\n use:theme={useTheme}\n backgroundColor={color}\n role={role}\n aria-label={ariaLabel}\n ref={this.ref}\n >\n <Children />\n </SNotice>,\n );\n }\n}\n\nfunction Label({ styles, theme, resolveColor }) {\n const SLabel = Root;\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n return sstyled(styles)(<SLabel render={Box} use:theme={useTheme} color={color} />);\n}\n\nfunction Title({ styles }) {\n const STitle = Root;\n return sstyled(styles)(<STitle render={Text} tag='div' size={300} fontWeight={'bold'} />);\n}\n\nfunction NoticeText({ styles }) {\n const SText = Root;\n return sstyled(styles)(<SText render={Text} tag='div' />);\n}\n\nfunction Actions({ styles }) {\n const SActions = Root;\n return sstyled(styles)(<SActions render={Box} />);\n}\n\nfunction Content({ styles }) {\n const SContent = Root;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nfunction CloseIcon({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon render={Box} tag={CloseIconM} interactive aria-label={getI18nText('close')} />,\n );\n}\n\nfunction Close({ styles, getI18nText }) {\n const SCloseIcon = Root;\n return sstyled(styles)(\n <SCloseIcon\n render={Button}\n addonLeft={CloseIconM}\n use='tertiary'\n theme='muted'\n aria-label={getI18nText('close')}\n />,\n );\n}\n\nconst Notice = createComponent(RootNotice, {\n Label,\n Title: Title,\n Text: NoticeText,\n Actions,\n Content,\n CloseIcon,\n Close,\n});\n\nexport default Notice;\n"],"mappings":"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"}
|
package/notice/lib/es6/Notice.js
CHANGED
@@ -28,22 +28,22 @@ import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
|
28
28
|
import { cssVariableEnhance } from 'intergalactic/utils/lib/useCssVariable';
|
29
29
|
import { Text } from 'intergalactic/typography';
|
30
30
|
/*__reshadow-styles__:"./style/notice.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SNotice": "
|
33
|
-
"__SContent": "
|
34
|
-
"__SActions": "
|
35
|
-
"__SLabel": "
|
36
|
-
"_theme_info": "
|
37
|
-
"_theme_danger": "
|
38
|
-
"_theme_warning": "
|
39
|
-
"_theme_success": "
|
40
|
-
"_theme_muted": "
|
41
|
-
"_theme_custom": "
|
42
|
-
"--color": "--
|
43
|
-
"__SCloseIcon": "
|
44
|
-
"--backgroundColor": "--
|
45
|
-
"__STitle": "
|
46
|
-
"__SText": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SNotice_1ri00_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_1ri00_gg_._theme_info_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-info, #e9f7ff);border-color:var(--intergalactic-border-info, #8ecdff)}.___SNotice_1ri00_gg_._theme_info_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_info_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-critical, #fff0f7);border-color:var(--intergalactic-border-critical, #ffaeb5)}.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_danger_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-critical-hover-active, #CC3A42)}}.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-warning, #fff3d9);border-color:var(--intergalactic-border-warning, #ffb26e)}.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_warning_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-warning-hover-active, #CC5024)}}.___SNotice_1ri00_gg_._theme_success_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-success, #dbfee8);border-color:var(--intergalactic-border-success, #59ddaa)}.___SNotice_1ri00_gg_._theme_success_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_success_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-success-hover-active, #037E68)}}.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9);border-color:var(--intergalactic-border-secondary, #e0e1e9)}.___SLabel_1ri00_gg_._theme_info_1ri00_gg_,.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_ .___SCloseIcon_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}@media (hover:hover){.___SNotice_1ri00_gg_._theme_muted_1ri00_gg_ .___SCloseIcon_1ri00_gg_:hover{color:var(--intergalactic-icon-primary-neutral-hover-active, #565861)}}.___SContent_1ri00_gg_{flex:1 1 auto;width:100%}.___SActions_1ri00_gg_{flex-shrink:0;margin-top:var(--intergalactic-spacing-3x, 12px)}.___SLabel_1ri00_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_1ri00_gg_._theme_danger_1ri00_gg_{color:var(--intergalactic-icon-primary-critical, #ff4953)}.___SLabel_1ri00_gg_._theme_warning_1ri00_gg_{color:var(--intergalactic-icon-primary-warning, #ff642d)}.___SLabel_1ri00_gg_._theme_success_1ri00_gg_{color:var(--intergalactic-icon-primary-success, #009f81)}.___SLabel_1ri00_gg_._theme_muted_1ri00_gg_{color:var(--intergalactic-icon-primary-neutral, #6c6e79)}.___SLabel_1ri00_gg_._theme_custom_1ri00_gg_{color:var(--color_1ri00)}.___SCloseIcon_1ri00_gg_{flex-shrink:0;margin-left:var(--intergalactic-spacing-4x, 16px)}.___SNotice_1ri00_gg_._theme_custom_1ri00_gg_{background-color:var(--backgroundColor_1ri00);border-color:var(--backgroundColor_1ri00)}.___STitle_1ri00_gg_{margin-top:var(--intergalactic-spacing-05x, 2px);margin-bottom:var(--intergalactic-spacing-05x, 2px)}.___SText_1ri00_gg_{margin-top:var(--intergalactic-spacing-1x, 4px);margin-bottom:var(--intergalactic-spacing-1x, 4px)}" /*__inner_css_end__*/, "1ri00_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SNotice": "___SNotice_1ri00_gg_",
|
33
|
+
"__SContent": "___SContent_1ri00_gg_",
|
34
|
+
"__SActions": "___SActions_1ri00_gg_",
|
35
|
+
"__SLabel": "___SLabel_1ri00_gg_",
|
36
|
+
"_theme_info": "_theme_info_1ri00_gg_",
|
37
|
+
"_theme_danger": "_theme_danger_1ri00_gg_",
|
38
|
+
"_theme_warning": "_theme_warning_1ri00_gg_",
|
39
|
+
"_theme_success": "_theme_success_1ri00_gg_",
|
40
|
+
"_theme_muted": "_theme_muted_1ri00_gg_",
|
41
|
+
"_theme_custom": "_theme_custom_1ri00_gg_",
|
42
|
+
"--color": "--color_1ri00",
|
43
|
+
"__SCloseIcon": "___SCloseIcon_1ri00_gg_",
|
44
|
+
"--backgroundColor": "--backgroundColor_1ri00",
|
45
|
+
"__STitle": "___STitle_1ri00_gg_",
|
46
|
+
"__SText": "___SText_1ri00_gg_"
|
47
47
|
});
|
48
48
|
function isCustomTheme(theme) {
|
49
49
|
return !['danger', 'warning', 'success', 'info', 'muted'].includes(theme);
|
@@ -125,11 +125,12 @@ var RootNotice = /*#__PURE__*/function (_Component) {
|
|
125
125
|
if (theme === 'muted') {
|
126
126
|
ariaLabel = undefined;
|
127
127
|
}
|
128
|
+
var role = theme === 'muted' ? undefined : 'region';
|
128
129
|
return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SNotice, _ref9.cn("SNotice", _objectSpread({}, _assignProps({
|
129
130
|
"visible": !hidden,
|
130
131
|
"use:theme": useTheme,
|
131
132
|
"backgroundColor": color,
|
132
|
-
"role":
|
133
|
+
"role": role,
|
133
134
|
"aria-label": ariaLabel,
|
134
135
|
"ref": this.ref
|
135
136
|
}, _ref))), /*#__PURE__*/React.createElement(Children, _ref9.cn("Children", {})));
|