intergalactic 15.126.1 → 15.127.0-prerelease.2
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 +6 -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/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/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/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/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-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/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/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/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/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/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/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/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/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/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/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/wizard/lib/cjs/Wizard.js
CHANGED
@@ -28,18 +28,18 @@ var _button = _interopRequireDefault(require("intergalactic/button"));
|
|
28
28
|
var _m2 = _interopRequireDefault(require("intergalactic/icon/ArrowRight/m"));
|
29
29
|
var _m3 = _interopRequireDefault(require("intergalactic/icon/ArrowLeft/m"));
|
30
30
|
/*__reshadow-styles__:"./style/wizard.shadow.css"*/
|
31
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
32
|
-
"__SWizard": "
|
33
|
-
"__SStepNumber": "
|
34
|
-
"__SCompleted": "
|
35
|
-
"__SContent": "
|
36
|
-
"__SSidebarMenu": "
|
37
|
-
"__SSidebar": "
|
38
|
-
"__SSidebarHeader": "
|
39
|
-
"__SStepper": "
|
40
|
-
"_active": "
|
41
|
-
"_disabled": "
|
42
|
-
"__SStepDescription": "
|
31
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWizard_lo8zs_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_lo8zs_gg_{width:44px}}.___SSidebarHeader_lo8zs_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_lo8zs_gg_{display:none}}.___SStepper_lo8zs_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_lo8zs_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_lo8zs_gg_.__active_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_lo8zs_gg_.__disabled_lo8zs_gg_,.___SStepper_lo8zs_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_lo8zs_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_lo8zs_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_lo8zs_gg_:hover .___SStepDescription_lo8zs_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_lo8zs_gg_.__active_lo8zs_gg_:hover .___SStepDescription_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_lo8zs_gg_{display:inline-block;min-width:20px}.___SCompleted_lo8zs_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_lo8zs_gg_{display:none}}.___SContent_lo8zs_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SSidebarMenu_lo8zs_gg_{display:contents}" /*__inner_css_end__*/, "lo8zs_gg_") /*__reshadow_css_end__*/, {
|
32
|
+
"__SWizard": "___SWizard_lo8zs_gg_",
|
33
|
+
"__SStepNumber": "___SStepNumber_lo8zs_gg_",
|
34
|
+
"__SCompleted": "___SCompleted_lo8zs_gg_",
|
35
|
+
"__SContent": "___SContent_lo8zs_gg_",
|
36
|
+
"__SSidebarMenu": "___SSidebarMenu_lo8zs_gg_",
|
37
|
+
"__SSidebar": "___SSidebar_lo8zs_gg_",
|
38
|
+
"__SSidebarHeader": "___SSidebarHeader_lo8zs_gg_",
|
39
|
+
"__SStepper": "___SStepper_lo8zs_gg_",
|
40
|
+
"_active": "__active_lo8zs_gg_",
|
41
|
+
"_disabled": "__disabled_lo8zs_gg_",
|
42
|
+
"__SStepDescription": "___SStepDescription_lo8zs_gg_"
|
43
43
|
});
|
44
44
|
var WizardRoot = /*#__PURE__*/function (_Component) {
|
45
45
|
(0, _inherits2["default"])(WizardRoot, _Component);
|
package/wizard/lib/es6/Wizard.js
CHANGED
@@ -27,18 +27,18 @@ import Button from 'intergalactic/button';
|
|
27
27
|
import ArrowRight from 'intergalactic/icon/ArrowRight/m';
|
28
28
|
import ArrowLeft from 'intergalactic/icon/ArrowLeft/m';
|
29
29
|
/*__reshadow-styles__:"./style/wizard.shadow.css"*/
|
30
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
31
|
-
"__SWizard": "
|
32
|
-
"__SStepNumber": "
|
33
|
-
"__SCompleted": "
|
34
|
-
"__SContent": "
|
35
|
-
"__SSidebarMenu": "
|
36
|
-
"__SSidebar": "
|
37
|
-
"__SSidebarHeader": "
|
38
|
-
"__SStepper": "
|
39
|
-
"_active": "
|
40
|
-
"_disabled": "
|
41
|
-
"__SStepDescription": "
|
30
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_lo8zs_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_lo8zs_gg_{width:44px}}.___SSidebarHeader_lo8zs_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_lo8zs_gg_{display:none}}.___SStepper_lo8zs_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_lo8zs_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_lo8zs_gg_.__active_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_lo8zs_gg_.__disabled_lo8zs_gg_,.___SStepper_lo8zs_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_lo8zs_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_lo8zs_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_lo8zs_gg_:hover .___SStepDescription_lo8zs_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_lo8zs_gg_.__active_lo8zs_gg_:hover .___SStepDescription_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_lo8zs_gg_{display:inline-block;min-width:20px}.___SCompleted_lo8zs_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_lo8zs_gg_{display:none}}.___SContent_lo8zs_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SSidebarMenu_lo8zs_gg_{display:contents}" /*__inner_css_end__*/, "lo8zs_gg_") /*__reshadow_css_end__*/, {
|
31
|
+
"__SWizard": "___SWizard_lo8zs_gg_",
|
32
|
+
"__SStepNumber": "___SStepNumber_lo8zs_gg_",
|
33
|
+
"__SCompleted": "___SCompleted_lo8zs_gg_",
|
34
|
+
"__SContent": "___SContent_lo8zs_gg_",
|
35
|
+
"__SSidebarMenu": "___SSidebarMenu_lo8zs_gg_",
|
36
|
+
"__SSidebar": "___SSidebar_lo8zs_gg_",
|
37
|
+
"__SSidebarHeader": "___SSidebarHeader_lo8zs_gg_",
|
38
|
+
"__SStepper": "___SStepper_lo8zs_gg_",
|
39
|
+
"_active": "__active_lo8zs_gg_",
|
40
|
+
"_disabled": "__disabled_lo8zs_gg_",
|
41
|
+
"__SStepDescription": "___SStepDescription_lo8zs_gg_"
|
42
42
|
});
|
43
43
|
var WizardRoot = /*#__PURE__*/function (_Component) {
|
44
44
|
_inherits(WizardRoot, _Component);
|
@@ -13,7 +13,7 @@ import U from 'intergalactic/modal';
|
|
13
13
|
import K from 'intergalactic/icon/Check/m';
|
14
14
|
import L from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
15
15
|
import O from 'intergalactic/utils/lib/enhances/i18nEnhance';
|
16
|
-
import { localizedMessages as
|
16
|
+
import { localizedMessages as P } from "./translations/__intergalactic-dynamic-locales.mjs";
|
17
17
|
import { setFocus as j } from 'intergalactic/utils/lib/use/useFocusLock';
|
18
18
|
import q from 'intergalactic/utils/lib/uniqueID';
|
19
19
|
import m from 'intergalactic/button';
|
@@ -23,20 +23,20 @@ var Q = (
|
|
23
23
|
/*__reshadow_css_start__*/
|
24
24
|
(M.insert(
|
25
25
|
/*__inner_css_start__*/
|
26
|
-
".
|
27
|
-
"
|
26
|
+
".___SWizard_lo8zs_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_lo8zs_gg_{width:44px}}.___SSidebarHeader_lo8zs_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_lo8zs_gg_{display:none}}.___SStepper_lo8zs_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_lo8zs_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_lo8zs_gg_.__active_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_lo8zs_gg_.__disabled_lo8zs_gg_,.___SStepper_lo8zs_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_lo8zs_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_lo8zs_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_lo8zs_gg_:hover .___SStepDescription_lo8zs_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_lo8zs_gg_.__active_lo8zs_gg_:hover .___SStepDescription_lo8zs_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_lo8zs_gg_{display:inline-block;min-width:20px}.___SCompleted_lo8zs_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_lo8zs_gg_{display:none}}.___SContent_lo8zs_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SSidebarMenu_lo8zs_gg_{display:contents}",
|
27
|
+
"lo8zs_gg_"
|
28
28
|
), {
|
29
|
-
__SWizard: "
|
30
|
-
__SStepNumber: "
|
31
|
-
__SCompleted: "
|
32
|
-
__SContent: "
|
33
|
-
__SSidebarMenu: "
|
34
|
-
__SSidebar: "
|
35
|
-
__SSidebarHeader: "
|
36
|
-
__SStepper: "
|
37
|
-
_active: "
|
38
|
-
_disabled: "
|
39
|
-
__SStepDescription: "
|
29
|
+
__SWizard: "___SWizard_lo8zs_gg_",
|
30
|
+
__SStepNumber: "___SStepNumber_lo8zs_gg_",
|
31
|
+
__SCompleted: "___SCompleted_lo8zs_gg_",
|
32
|
+
__SContent: "___SContent_lo8zs_gg_",
|
33
|
+
__SSidebarMenu: "___SSidebarMenu_lo8zs_gg_",
|
34
|
+
__SSidebar: "___SSidebar_lo8zs_gg_",
|
35
|
+
__SSidebarHeader: "___SSidebarHeader_lo8zs_gg_",
|
36
|
+
__SStepper: "___SStepper_lo8zs_gg_",
|
37
|
+
_active: "__active_lo8zs_gg_",
|
38
|
+
_disabled: "__disabled_lo8zs_gg_",
|
39
|
+
__SStepDescription: "___SStepDescription_lo8zs_gg_"
|
40
40
|
})
|
41
41
|
), f = /* @__PURE__ */ function(e) {
|
42
42
|
W(t, e);
|
@@ -44,28 +44,28 @@ var Q = (
|
|
44
44
|
function t() {
|
45
45
|
var r;
|
46
46
|
I(this, t);
|
47
|
-
for (var i = arguments.length, n = new Array(i),
|
48
|
-
n[
|
47
|
+
for (var i = arguments.length, n = new Array(i), o = 0; o < i; o++)
|
48
|
+
n[o] = arguments[o];
|
49
49
|
return r = _.call.apply(_, [this].concat(n)), p(u(r), "_steps", /* @__PURE__ */ new Map()), p(u(r), "modalRef", /* @__PURE__ */ a.createRef()), p(u(r), "contentRef", /* @__PURE__ */ a.createRef()), p(u(r), "state", {
|
50
50
|
highlighted: null
|
51
|
-
}), p(u(r), "stepperRefs", []), p(u(r), "stepperFocusPrev", function(
|
51
|
+
}), p(u(r), "stepperRefs", []), p(u(r), "stepperFocusPrev", function(s) {
|
52
52
|
return function() {
|
53
|
-
var
|
54
|
-
|
55
|
-
highlighted:
|
53
|
+
var l = r._steps.get(s);
|
54
|
+
l && (r.setState({
|
55
|
+
highlighted: l == null ? void 0 : l.step
|
56
56
|
}), setTimeout(function() {
|
57
|
-
var
|
58
|
-
(
|
57
|
+
var c;
|
58
|
+
(c = r.stepperRefs[s - 1]) === null || c === void 0 || c.focus();
|
59
59
|
}, 0));
|
60
60
|
};
|
61
|
-
}), p(u(r), "stepperFocusNext", function(
|
61
|
+
}), p(u(r), "stepperFocusNext", function(s) {
|
62
62
|
return function() {
|
63
|
-
var
|
64
|
-
|
65
|
-
highlighted:
|
63
|
+
var l = r._steps.get(s + 2);
|
64
|
+
l && (r.setState({
|
65
|
+
highlighted: l == null ? void 0 : l.step
|
66
66
|
}), setTimeout(function() {
|
67
|
-
var
|
68
|
-
(
|
67
|
+
var c;
|
68
|
+
(c = r.stepperRefs[s + 1]) === null || c === void 0 || c.focus();
|
69
69
|
}, 0));
|
70
70
|
};
|
71
71
|
}), r;
|
@@ -114,23 +114,23 @@ var Q = (
|
|
114
114
|
}, {
|
115
115
|
key: "getStepperProps",
|
116
116
|
value: function(i, n) {
|
117
|
-
var
|
117
|
+
var o = this, s = n + 1;
|
118
118
|
if (this._steps.has(i.step)) {
|
119
|
-
var
|
120
|
-
|
119
|
+
var l = this._steps.get(i.step);
|
120
|
+
s = l.number;
|
121
121
|
} else
|
122
122
|
this._steps.set(i.step, v({
|
123
|
-
number:
|
123
|
+
number: s
|
124
124
|
}, i));
|
125
|
-
var
|
125
|
+
var c = i.step === this.asProps.step, d = this.state.highlighted === i.step || this.state.highlighted === null && n === 0;
|
126
126
|
return {
|
127
|
-
active:
|
127
|
+
active: c,
|
128
128
|
tabIndex: d ? 0 : -1,
|
129
|
-
number:
|
129
|
+
number: s,
|
130
130
|
getI18nText: this.asProps.getI18nText,
|
131
131
|
uid: this.asProps.uid,
|
132
132
|
ref: function(x) {
|
133
|
-
|
133
|
+
o.stepperRefs[n] = x;
|
134
134
|
},
|
135
135
|
focusNext: this.stepperFocusNext(n),
|
136
136
|
focusPrev: this.stepperFocusPrev(n)
|
@@ -149,32 +149,32 @@ var Q = (
|
|
149
149
|
}, {
|
150
150
|
key: "render",
|
151
151
|
value: function() {
|
152
|
-
var i, n = this.Root,
|
153
|
-
return this._steps.clear(), i = h(
|
152
|
+
var i, n = this.Root, o = this.asProps, s = o.Children, l = o.styles, c = o.uid;
|
153
|
+
return this._steps.clear(), i = h(l), /* @__PURE__ */ a.createElement(n, i.cn("SWizard", {
|
154
154
|
render: U,
|
155
155
|
"aria-label": void 0,
|
156
156
|
ref: this.modalRef,
|
157
|
-
"aria-labelledby": "".concat(
|
158
|
-
}), /* @__PURE__ */ a.createElement(
|
157
|
+
"aria-labelledby": "".concat(c, "-title")
|
158
|
+
}), /* @__PURE__ */ a.createElement(s, i.cn("Children", {})));
|
159
159
|
}
|
160
160
|
}]), t;
|
161
161
|
}(H);
|
162
162
|
p(f, "displayName", "Wizard");
|
163
163
|
p(f, "style", Q);
|
164
|
-
p(f, "enhance", [O(
|
164
|
+
p(f, "enhance", [O(P), q()]);
|
165
165
|
p(f, "defaultProps", {
|
166
166
|
step: null,
|
167
|
-
i18n:
|
167
|
+
i18n: P,
|
168
168
|
locale: "en"
|
169
169
|
});
|
170
170
|
function V(e) {
|
171
|
-
var _ = arguments[0], t, r = e.Children, i = e.styles, n = e.title,
|
171
|
+
var _ = arguments[0], t, r = e.Children, i = e.styles, n = e.title, o = e.uid, s = b, l = "h2", c = "div";
|
172
172
|
return a.useCallback(function(d) {
|
173
|
-
}, []), t = h(i), /* @__PURE__ */ a.createElement(
|
173
|
+
}, []), t = h(i), /* @__PURE__ */ a.createElement(s, t.cn("SSidebar", v({}, S({
|
174
174
|
__excludeProps: ["title"]
|
175
|
-
}, _))), n && /* @__PURE__ */ a.createElement(
|
176
|
-
id: "".concat(
|
177
|
-
}), n), /* @__PURE__ */ a.createElement(
|
175
|
+
}, _))), n && /* @__PURE__ */ a.createElement(l, t.cn("SSidebarHeader", {
|
176
|
+
id: "".concat(o, "-title")
|
177
|
+
}), n), /* @__PURE__ */ a.createElement(c, t.cn("SSidebarMenu", {
|
178
178
|
role: "tablist",
|
179
179
|
"aria-orientation": "vertical"
|
180
180
|
}), /* @__PURE__ */ a.createElement(r, t.cn("Children", {}))));
|
@@ -182,77 +182,77 @@ function V(e) {
|
|
182
182
|
function X(e) {
|
183
183
|
var _ = arguments[0], t = b, r = e.Children, i = e.styles, n = e.active;
|
184
184
|
if (n) {
|
185
|
-
var
|
186
|
-
return
|
185
|
+
var o;
|
186
|
+
return o = h(i), /* @__PURE__ */ a.createElement(t, o.cn("SStep", v({}, S({}, _))), /* @__PURE__ */ a.createElement(r, o.cn("Children", {})));
|
187
187
|
}
|
188
188
|
return null;
|
189
189
|
}
|
190
|
-
function
|
191
|
-
var _ = arguments[0], t, r = e.Children, i = e.styles, n = e.step,
|
192
|
-
|
193
|
-
}, [n,
|
194
|
-
|
195
|
-
}, [n,
|
196
|
-
return t = h(i), /* @__PURE__ */ a.createElement(
|
190
|
+
function k(e) {
|
191
|
+
var _ = arguments[0], t, r = e.Children, i = e.styles, n = e.step, o = e.active, s = e.onActive, l = e.completed, c = e.disabled, d = e.number, z = e.getI18nText, x = e.uid, y = e.focusNext, C = e.focusPrev, w = b, E = "span", N = "span", R = K, T = a.useCallback(function(g) {
|
192
|
+
s && s(n, g);
|
193
|
+
}, [n, s]), A = a.useCallback(function(g) {
|
194
|
+
s && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), s(n, g)), g.key === "ArrowUp" && (C(), g.stopPropagation()), g.key === "ArrowDown" && (y(), g.stopPropagation());
|
195
|
+
}, [n, s, C, y]);
|
196
|
+
return t = h(i), /* @__PURE__ */ a.createElement(w, t.cn("SStepper", v({}, S({
|
197
197
|
role: "tab",
|
198
198
|
id: "".concat(x, "-stepper-").concat(n),
|
199
|
-
"aria-controls":
|
200
|
-
"aria-disabled":
|
201
|
-
"aria-selected":
|
199
|
+
"aria-controls": o ? "".concat(x, "-content-").concat(n) : void 0,
|
200
|
+
"aria-disabled": c,
|
201
|
+
"aria-selected": o,
|
202
202
|
onClick: T,
|
203
203
|
onKeyDown: A
|
204
|
-
}, _))),
|
204
|
+
}, _))), l && /* @__PURE__ */ a.createElement($, t.cn("ScreenReaderOnly", {}), z("completedStep")), /* @__PURE__ */ a.createElement(E, t.cn("SStepNumber", {
|
205
205
|
"aria-hidden": "true"
|
206
|
-
}),
|
206
|
+
}), l ? /* @__PURE__ */ a.createElement(R, t.cn("SCompleted", {})) : d), /* @__PURE__ */ a.createElement(N, t.cn("SStepDescription", {}), /* @__PURE__ */ a.createElement(r, t.cn("Children", {}))));
|
207
207
|
}
|
208
|
-
|
208
|
+
k.enhance = [L()];
|
209
209
|
function Y(e) {
|
210
|
-
var _ = arguments[0], t, r = e.Children, i = e.children, n = e.styles,
|
211
|
-
return t = h(n), /* @__PURE__ */ a.createElement(
|
210
|
+
var _ = arguments[0], t, r = e.Children, i = e.children, n = e.styles, o = e.uid, s = e.step, l = b;
|
211
|
+
return t = h(n), /* @__PURE__ */ a.createElement(l, t.cn("SContent", v({}, S({
|
212
212
|
role: "tabpanel",
|
213
|
-
"aria-labelledby": "".concat(
|
214
|
-
id: "".concat(
|
213
|
+
"aria-labelledby": "".concat(o, "-stepper-").concat(s),
|
214
|
+
id: "".concat(o, "-content-").concat(s)
|
215
215
|
}, _))), i ? /* @__PURE__ */ a.createElement(r, t.cn("Children", {})) : stepName);
|
216
216
|
}
|
217
217
|
function Z(e) {
|
218
|
-
var _ = arguments[0], t, r = m, i = e.Children, n = e.children,
|
218
|
+
var _ = arguments[0], t, r = m, i = e.Children, n = e.children, o = e.styles, s = e.getI18nText, l = e.stepName, c = a.useCallback(function() {
|
219
219
|
var d;
|
220
220
|
(d = e.onActive) === null || d === void 0 || d.call(e, e.step - 1);
|
221
221
|
}, [e.step]);
|
222
|
-
return t = h(
|
222
|
+
return t = h(o), /* @__PURE__ */ a.createElement(r, t.cn("SStepBack", v({}, S({
|
223
223
|
use: "tertiary",
|
224
224
|
size: "l",
|
225
|
-
onClick:
|
226
|
-
"aria-label":
|
227
|
-
buttonName:
|
225
|
+
onClick: c,
|
226
|
+
"aria-label": s("backButton", {
|
227
|
+
buttonName: l
|
228
228
|
})
|
229
|
-
}, _))), /* @__PURE__ */ a.createElement(m.Addon, null, /* @__PURE__ */ a.createElement(J, t.cn("ArrowLeft", {}))), /* @__PURE__ */ a.createElement(m.Text, null, n ? /* @__PURE__ */ a.createElement(i, t.cn("Children", {})) :
|
229
|
+
}, _))), /* @__PURE__ */ a.createElement(m.Addon, null, /* @__PURE__ */ a.createElement(J, t.cn("ArrowLeft", {}))), /* @__PURE__ */ a.createElement(m.Text, null, n ? /* @__PURE__ */ a.createElement(i, t.cn("Children", {})) : l));
|
230
230
|
}
|
231
231
|
function ee(e) {
|
232
|
-
var _ = arguments[0], t, r = m, i = e.Children, n = e.children,
|
232
|
+
var _ = arguments[0], t, r = m, i = e.Children, n = e.children, o = e.styles, s = e.getI18nText, l = e.stepName, c = a.useCallback(function() {
|
233
233
|
var d;
|
234
234
|
(d = e.onActive) === null || d === void 0 || d.call(e, e.step + 1);
|
235
235
|
}, [e.step]);
|
236
|
-
return t = h(
|
236
|
+
return t = h(o), /* @__PURE__ */ a.createElement(r, t.cn("SStepNext", v({}, S({
|
237
237
|
use: "tertiary",
|
238
238
|
size: "l",
|
239
|
-
onClick:
|
240
|
-
"aria-label":
|
241
|
-
buttonName:
|
239
|
+
onClick: c,
|
240
|
+
"aria-label": s("nextButton", {
|
241
|
+
buttonName: l
|
242
242
|
})
|
243
|
-
}, _))), /* @__PURE__ */ a.createElement(m.Text, null, n ? /* @__PURE__ */ a.createElement(i, t.cn("Children", {})) :
|
243
|
+
}, _))), /* @__PURE__ */ a.createElement(m.Text, null, n ? /* @__PURE__ */ a.createElement(i, t.cn("Children", {})) : l), /* @__PURE__ */ a.createElement(m.Addon, null, /* @__PURE__ */ a.createElement(G, t.cn("ArrowRight", {}))));
|
244
244
|
}
|
245
|
-
var
|
245
|
+
var ze = F(f, {
|
246
246
|
Sidebar: V,
|
247
247
|
Content: Y,
|
248
248
|
Step: X,
|
249
|
-
Stepper:
|
249
|
+
Stepper: k,
|
250
250
|
StepBack: Z,
|
251
251
|
StepNext: ee
|
252
|
-
}),
|
252
|
+
}), ye = function(_) {
|
253
253
|
return _;
|
254
254
|
};
|
255
255
|
export {
|
256
|
-
|
257
|
-
|
256
|
+
ze as default,
|
257
|
+
ye as wrapWizardStepper
|
258
258
|
};
|
package/wizard/package.json
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"name":"intergalactic/wizard","description":"Semrush Wizard Component","version":"2.
|
1
|
+
{"name":"intergalactic/wizard","description":"Semrush Wizard Component","version":"2.53.0-prerelease.2","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.2","@semcore/utils":"4.48.1","@semcore/flex-box":"5.41.1","@semcore/icon":"4.60.1","@semcore/modal":"4.55.0-prerelease.2"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/wizard"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|