intergalactic 15.94.1 → 15.95.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 +33 -0
- package/accordion/lib/cjs/Accordion.js +7 -7
- package/accordion/lib/es6/Accordion.js +7 -7
- 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 +8 -8
- package/breadcrumbs/lib/es6/Breadcrumbs.js +8 -8
- 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 +33 -28
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/es6/Carousel.js +33 -28
- package/carousel/lib/es6/Carousel.js.map +1 -1
- package/checkbox/lib/cjs/Checkbox.js +18 -18
- package/checkbox/lib/es6/Checkbox.js +18 -18
- 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 +73 -73
- package/counter/lib/cjs/Counter.js +10 -10
- package/counter/lib/es6/Counter.js +10 -10
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/Reference.js +12 -12
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +10 -10
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/Reference.js +12 -12
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/data-table/lib/cjs/DataTable.js +37 -37
- package/data-table/lib/es6/DataTable.js +37 -37
- 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/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 +16 -16
- package/drag-and-drop/lib/es6/DragAndDrop.js +16 -16
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +27 -25
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +27 -25
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- 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/component/feedback-rating/FeedbackRating.d.ts +13 -0
- 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 +3 -3
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js.map +1 -1
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/cjs/translations/de.json +2 -1
- package/feedback-form/lib/cjs/translations/es.json +2 -1
- package/feedback-form/lib/cjs/translations/fr.json +2 -1
- package/feedback-form/lib/cjs/translations/it.json +2 -1
- package/feedback-form/lib/cjs/translations/ja.json +5 -4
- package/feedback-form/lib/cjs/translations/ko.json +5 -4
- package/feedback-form/lib/cjs/translations/nl.json +2 -1
- package/feedback-form/lib/cjs/translations/pl.json +2 -1
- package/feedback-form/lib/cjs/translations/pt.json +2 -1
- package/feedback-form/lib/cjs/translations/sv.json +2 -1
- package/feedback-form/lib/cjs/translations/tr.json +5 -4
- package/feedback-form/lib/cjs/translations/vi.json +2 -1
- package/feedback-form/lib/cjs/translations/zh.json +3 -2
- 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 +3 -3
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js.map +1 -1
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/es6/translations/de.json +2 -1
- package/feedback-form/lib/es6/translations/es.json +2 -1
- package/feedback-form/lib/es6/translations/fr.json +2 -1
- package/feedback-form/lib/es6/translations/it.json +2 -1
- package/feedback-form/lib/es6/translations/ja.json +5 -4
- package/feedback-form/lib/es6/translations/ko.json +5 -4
- package/feedback-form/lib/es6/translations/nl.json +2 -1
- package/feedback-form/lib/es6/translations/pl.json +2 -1
- package/feedback-form/lib/es6/translations/pt.json +2 -1
- package/feedback-form/lib/es6/translations/sv.json +2 -1
- package/feedback-form/lib/es6/translations/tr.json +5 -4
- package/feedback-form/lib/es6/translations/vi.json +2 -1
- package/feedback-form/lib/es6/translations/zh.json +3 -2
- package/feedback-form/lib/types/component/feedback-rating/FeedbackRating.d.ts +13 -0
- package/feedback-form/lib/types/translations/__intergalactic-dynamic-locales.d.ts +13 -0
- package/feedback-form/translations/__intergalactic-dynamic-locales.d.ts +13 -0
- package/flags/lib/cjs/Flags.js +3 -3
- package/flags/lib/es6/Flags.js +3 -3
- package/flags/lib/sprites/sprite@1x.css +256 -256
- package/flags/lib/sprites/sprite@2x.css +257 -257
- package/flex-box/lib/cjs/Box/useBox.js +3 -3
- package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
- package/flex-box/lib/es6/Box/useBox.js +3 -3
- package/flex-box/lib/es6/Flex/useFlex.js +3 -3
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
- 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/Facebook/l/index.js +1 -1
- package/icon/Facebook/l/index.mjs +1 -1
- package/icon/Facebook/m/index.js +1 -1
- package/icon/Facebook/m/index.mjs +1 -1
- 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/es6/index.js +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 +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- 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/mini-chart/lib/cjs/component/score/Donut.js +9 -9
- package/mini-chart/lib/cjs/component/score/Line.js +17 -17
- package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
- package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
- package/mini-chart/lib/es6/component/score/Donut.js +9 -9
- package/mini-chart/lib/es6/component/score/Line.js +17 -17
- package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/modal/lib/cjs/Modal.js +9 -9
- package/modal/lib/es6/Modal.js +9 -9
- package/notice/lib/cjs/Notice.js +13 -13
- package/notice/lib/es6/Notice.js +13 -13
- package/notice-bubble/lib/cjs/NoticeBubble.js +37 -27
- package/notice-bubble/lib/cjs/NoticeBubble.js.map +1 -1
- package/notice-bubble/lib/cjs/utils.js +3 -0
- package/notice-bubble/lib/cjs/utils.js.map +1 -1
- package/notice-bubble/lib/es6/NoticeBubble.js +37 -27
- package/notice-bubble/lib/es6/NoticeBubble.js.map +1 -1
- package/notice-bubble/lib/es6/utils.js +3 -0
- package/notice-bubble/lib/es6/utils.js.map +1 -1
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- 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 +13 -13
- package/pills/lib/es6/Pills.js +13 -13
- 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 +16 -16
- package/radio/lib/es6/Radio.js +16 -16
- package/scroll-area/lib/cjs/ScrollArea.js +21 -21
- package/scroll-area/lib/cjs/ScrollBar.js +6 -6
- package/scroll-area/lib/es6/ScrollArea.js +21 -21
- package/scroll-area/lib/es6/ScrollBar.js +6 -6
- 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/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 +8 -8
- package/slider/lib/es6/Slider.js +8 -8
- 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/index.d.ts +8 -1
- package/switch/lib/cjs/Switch.js +21 -25
- package/switch/lib/cjs/Switch.js.map +1 -1
- package/switch/lib/cjs/index.d.js.map +1 -1
- package/switch/lib/es6/Switch.js +21 -25
- package/switch/lib/es6/Switch.js.map +1 -1
- package/switch/lib/es6/index.d.js.map +1 -1
- package/switch/lib/types/index.d.ts +8 -1
- 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 +20 -20
- package/tag/lib/es6/Tag.js +20 -20
- 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 +8 -8
- package/tooltip/lib/es6/Tooltip.js +8 -8
- 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/core/enhancement/hoistProps.js +3 -9
- package/utils/lib/core/enhancement/hoistProps.js.map +1 -1
- package/utils/lib/core/enhancement/hoistProps.mjs +3 -6
- package/utils/lib/core/enhancement/hoistProps.mjs.map +1 -1
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.mjs +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/sticky/lib/cjs/Sticky.js
CHANGED
@@ -17,8 +17,8 @@ var _core = _interopRequireWildcard(require("intergalactic/core"));
|
|
17
17
|
var _react = _interopRequireDefault(require("react"));
|
18
18
|
var _flexBox = require("intergalactic/flex-box");
|
19
19
|
/*__reshadow-styles__:"./style/sticky.shadow.css"*/
|
20
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
21
|
-
"__SSticky": "
|
20
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSticky_nqou9_gg_{position:sticky}" /*__inner_css_end__*/, "nqou9_gg_") /*__reshadow_css_end__*/, {
|
21
|
+
"__SSticky": "___SSticky_nqou9_gg_"
|
22
22
|
});
|
23
23
|
/** @deprecated */
|
24
24
|
var StickyRoot = /*#__PURE__*/function (_Component) {
|
package/sticky/lib/es6/Sticky.js
CHANGED
@@ -10,8 +10,8 @@ import React from 'react';
|
|
10
10
|
import { Box } from 'intergalactic/flex-box';
|
11
11
|
import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
|
12
12
|
/*__reshadow-styles__:"./style/sticky.shadow.css"*/
|
13
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
14
|
-
"__SSticky": "
|
13
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSticky_nqou9_gg_{position:sticky}" /*__inner_css_end__*/, "nqou9_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SSticky": "___SSticky_nqou9_gg_"
|
15
15
|
});
|
16
16
|
/** @deprecated */
|
17
17
|
var StickyRoot = /*#__PURE__*/function (_Component) {
|
package/switch/index.d.ts
CHANGED
@@ -43,7 +43,14 @@ export type SwitchValueProps = BoxProps &
|
|
43
43
|
|
44
44
|
/** @deprecated */
|
45
45
|
export interface ISwitchAddonProps extends SwitchAddonProps, UnknownProperties {}
|
46
|
-
export type SwitchAddonProps = BoxProps &
|
46
|
+
export type SwitchAddonProps = BoxProps &
|
47
|
+
NeighborItemProps & {
|
48
|
+
/** @deprecated
|
49
|
+
* You shouldn't use Switch with two addons if one of them has hidden prop.
|
50
|
+
* Just use one Addon with text which could be read as On or Off.
|
51
|
+
* */
|
52
|
+
hidden?: boolean;
|
53
|
+
};
|
47
54
|
|
48
55
|
/** @deprecated */
|
49
56
|
export interface ISwitchContext extends SwitchContext, UnknownProperties {}
|
package/switch/lib/cjs/Switch.js
CHANGED
@@ -34,27 +34,27 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
|
|
34
34
|
var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
|
35
35
|
var _excluded = ["Children", "forwardRef", "styles", "includeInputProps", "keyboardFocused", "neighborLocation", "theme", "uid", "active", "resolveColor"];
|
36
36
|
/*__reshadow-styles__:"./style/switch.shadow.css"*/
|
37
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
38
|
-
"__SSwitch": "
|
39
|
-
"__SToggle": "
|
40
|
-
"_checked": "
|
41
|
-
"_theme_info": "
|
42
|
-
"_theme_success": "
|
43
|
-
"_theme_custom": "
|
44
|
-
"--color": "--
|
45
|
-
"_keyboardFocused": "
|
46
|
-
"_neighborLocation_left": "
|
47
|
-
"_neighborLocation_both": "
|
48
|
-
"_neighborLocation_right": "
|
49
|
-
"__SInput": "
|
50
|
-
"__SAddon": "
|
51
|
-
"__SSlider": "
|
52
|
-
"_size": "
|
53
|
-
"_size_m": "
|
54
|
-
"_size_l": "
|
55
|
-
"_size_xl": "
|
56
|
-
"_disabled": "
|
57
|
-
"_active": "
|
37
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSwitch_18wm0_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_18wm0_gg_.__size_18wm0_gg_ .___SToggle_18wm0_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_18wm0_gg_._size_m_18wm0_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_18wm0_gg_._size_m_18wm0_gg_ .___SToggle_18wm0_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_18wm0_gg_._size_m_18wm0_gg_ .___SSlider_18wm0_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_18wm0_gg_._size_l_18wm0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_18wm0_gg_._size_l_18wm0_gg_ .___SToggle_18wm0_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_18wm0_gg_._size_l_18wm0_gg_ .___SSlider_18wm0_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_18wm0_gg_._size_xl_18wm0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_18wm0_gg_._size_xl_18wm0_gg_ .___SToggle_18wm0_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_18wm0_gg_._size_xl_18wm0_gg_ .___SSlider_18wm0_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_18wm0_gg_.__disabled_18wm0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_18wm0_gg_.__disabled_18wm0_gg_ .___SAddon_18wm0_gg_,.___SSwitch_18wm0_gg_.__disabled_18wm0_gg_ .___SToggle_18wm0_gg_{cursor:default}.___SSlider_18wm0_gg_,.___SToggle_18wm0_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_18wm0_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_18wm0_gg_.__checked_18wm0_gg_._theme_info_18wm0_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_18wm0_gg_.__checked_18wm0_gg_._theme_success_18wm0_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_18wm0_gg_.__checked_18wm0_gg_._theme_custom_18wm0_gg_{color:var(--color_18wm0);background-color:var(--color_18wm0)}.___SToggle_18wm0_gg_.__keyboardFocused_18wm0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_18wm0_gg_._neighborLocation_left_18wm0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_18wm0_gg_._neighborLocation_both_18wm0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_18wm0_gg_._neighborLocation_right_18wm0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_18wm0_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_18wm0_gg_.__checked_18wm0_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_18wm0_gg_.__active_18wm0_gg_ .___SSlider_18wm0_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_18wm0_gg_.__active_18wm0_gg_ .___SSlider_18wm0_gg_.__checked_18wm0_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_18wm0_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_18wm0_gg_{cursor:pointer}.___SAddon_18wm0_gg_._neighborLocation_right_18wm0_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_18wm0_gg_._neighborLocation_left_18wm0_gg_,.___SSwitch_18wm0_gg_.__checked_18wm0_gg_ .___SAddon_18wm0_gg_._neighborLocation_right_18wm0_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_18wm0_gg_._neighborLocation_left_18wm0_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_18wm0_gg_.__checked_18wm0_gg_ .___SAddon_18wm0_gg_._neighborLocation_right_18wm0_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_18wm0_gg_.__checked_18wm0_gg_ .___SAddon_18wm0_gg_._neighborLocation_left_18wm0_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_18wm0_gg_{transition:none}}" /*__inner_css_end__*/, "18wm0_gg_") /*__reshadow_css_end__*/, {
|
38
|
+
"__SSwitch": "___SSwitch_18wm0_gg_",
|
39
|
+
"__SToggle": "___SToggle_18wm0_gg_",
|
40
|
+
"_checked": "__checked_18wm0_gg_",
|
41
|
+
"_theme_info": "_theme_info_18wm0_gg_",
|
42
|
+
"_theme_success": "_theme_success_18wm0_gg_",
|
43
|
+
"_theme_custom": "_theme_custom_18wm0_gg_",
|
44
|
+
"--color": "--color_18wm0",
|
45
|
+
"_keyboardFocused": "__keyboardFocused_18wm0_gg_",
|
46
|
+
"_neighborLocation_left": "_neighborLocation_left_18wm0_gg_",
|
47
|
+
"_neighborLocation_both": "_neighborLocation_both_18wm0_gg_",
|
48
|
+
"_neighborLocation_right": "_neighborLocation_right_18wm0_gg_",
|
49
|
+
"__SInput": "___SInput_18wm0_gg_",
|
50
|
+
"__SAddon": "___SAddon_18wm0_gg_",
|
51
|
+
"__SSlider": "___SSlider_18wm0_gg_",
|
52
|
+
"_size": "__size_18wm0_gg_",
|
53
|
+
"_size_m": "_size_m_18wm0_gg_",
|
54
|
+
"_size_l": "_size_l_18wm0_gg_",
|
55
|
+
"_size_xl": "_size_xl_18wm0_gg_",
|
56
|
+
"_disabled": "__disabled_18wm0_gg_",
|
57
|
+
"_active": "__active_18wm0_gg_"
|
58
58
|
});
|
59
59
|
function isCustomTheme(theme) {
|
60
60
|
return !['info', 'success'].includes(theme);
|
@@ -228,7 +228,6 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
228
228
|
toggleProps = _getInputProps2[1];
|
229
229
|
var useTheme = isCustomTheme(theme) ? 'custom' : theme;
|
230
230
|
var color = resolveColor(theme);
|
231
|
-
var labelledBy = inputProps.checked ? "igc-".concat(uid, "-switch-addon-left") : "igc-".concat(uid, "-switch-addon-right");
|
232
231
|
return /*#__PURE__*/_react["default"].createElement(_neighborLocation["default"].Detect, {
|
233
232
|
neighborLocation: neighborLocation
|
234
233
|
}, function (neighborLocation) {
|
@@ -245,8 +244,6 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
245
244
|
"type": 'checkbox',
|
246
245
|
"ref": forwardRef,
|
247
246
|
"role": 'switch',
|
248
|
-
"aria-labelledby": labelledBy,
|
249
|
-
"aria-checked": inputProps.checked,
|
250
247
|
"aria-readonly": inputProps.disabled
|
251
248
|
}, inputProps), {}, {
|
252
249
|
"onClick": (0, _assignProps3.callAllEventHandlers)(_this4.handlerInputClick, inputProps.click),
|
@@ -278,7 +275,6 @@ function Addon(props) {
|
|
278
275
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SAddon, _ref5.cn("SAddon", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
279
276
|
"tag": 'span',
|
280
277
|
"neighborLocation": neighborLocation,
|
281
|
-
"aria-hidden": 'true',
|
282
278
|
"id": "igc-".concat(uid, "-switch-addon-").concat(neighborLocation)
|
283
279
|
}, _ref2))));
|
284
280
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_assignProps3","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass2","key","value","componentWillUnmount","canUseDOM","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","Box","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread2","assignProps","handleMouseDown","Component","uniqueIDEnhancement","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","inputProps","toggleProps","useTheme","color","labelledBy","Detect","_ref4","disabled","callAllEventHandlers","handlerInputClick","click","handleKeyDown","onKeyDown","keyboardFocusEnhance","resolveColorEnhance","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_default","createComponent","exports"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n static displayName = 'Switch';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n static defaultProps = {\n theme: 'info',\n size: 'm',\n };\n\n inputRef = React.createRef();\n state = { active: false };\n\n constructor(props) {\n super(props);\n this.forceUpdate = this.forceUpdate.bind(this);\n }\n\n componentWillUnmount() {\n if (!canUseDOM()) return;\n window.removeEventListener('mouseup', this.handleMouseUp);\n }\n handleMouseUp = () => {\n this.setState({ active: false });\n window.removeEventListener('mouseup', this.handleMouseUp);\n };\n handleMouseDown = (event) => {\n if (event?.button !== 0) return;\n this.setState({ active: true });\n window.addEventListener('mouseup', this.handleMouseUp);\n };\n\n getValueProps() {\n const { theme, uid } = this.asProps;\n const { active } = this.state;\n\n return {\n theme,\n ref: this.inputRef,\n $rootForceUpdate: this.forceUpdate,\n uid,\n active,\n };\n }\n\n getAddonProps() {\n const { uid } = this.asProps;\n\n return { uid };\n }\n\n render() {\n const SSwitch = Root;\n const { Children, styles, controlsLength } = this.asProps;\n const checked = this.inputRef.current?.checked;\n\n return sstyled(styles)(\n <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n </SSwitch>,\n );\n }\n}\n\nclass Value extends Component {\n static hoistProps = ['checked', 'disabled'];\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n timer = null;\n\n uncontrolledProps() {\n return {\n checked: [\n (e) => e.target.checked,\n () => {\n // TODO: bad crutch for updating the DOM node\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.asProps.$rootForceUpdate();\n }, 0);\n },\n ],\n };\n }\n\n componentDidMount() {\n this.asProps.$rootForceUpdate();\n }\n\n componentDidUpdate(prevProps) {\n const { checked } = prevProps;\n // TODO: bad crutch for updating the DOM node\n if (checked !== undefined && checked !== this.asProps.checked) {\n this.asProps.$rootForceUpdate();\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n }\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.handlers.checked(!this.asProps.checked, event);\n }\n };\n\n // because clicking on label causes a click on input\n handlerInputClick = (e) => e.stopPropagation();\n\n render() {\n const SToggle = Box;\n const SInput = Box;\n const SSlider = Box;\n const {\n Children,\n forwardRef,\n styles,\n includeInputProps,\n keyboardFocused,\n neighborLocation,\n theme,\n uid,\n active,\n resolveColor,\n ...other\n } = this.asProps;\n\n const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n\n const labelledBy = inputProps.checked\n ? `igc-${uid}-switch-addon-left`\n : `igc-${uid}-switch-addon-right`;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SToggle\n keyboardFocused={keyboardFocused}\n neighborLocation={neighborLocation}\n checked={inputProps.checked}\n active={active}\n use:theme={useTheme}\n use:color={color}\n {...toggleProps}\n >\n <SInput\n tag='input'\n type='checkbox'\n ref={forwardRef}\n role='switch'\n aria-labelledby={labelledBy}\n aria-checked={inputProps.checked}\n aria-readonly={inputProps.disabled}\n {...inputProps}\n onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n />\n <SSlider checked={inputProps.checked}>\n <Children />\n </SSlider>\n </SToggle>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles, neighborLocation, uid } = props;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SAddon\n render={Box}\n tag='span'\n neighborLocation={neighborLocation}\n aria-hidden='true'\n id={`igc-${uid}-switch-addon-${neighborLocation}`}\n />,\n )\n }\n </NeighborLocation.Detect>\n );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n Value,\n Addon,\n});\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Switch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_assignProps3","_uniqueID","_canUseDOM","_excluded","style","_index","sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits2","_super","_createSuper2","props","_this","_classCallCheck2","call","_defineProperty2","_assertThisInitialized2","React","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass2","key","value","componentWillUnmount","canUseDOM","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","Box","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread2","assignProps","handleMouseDown","Component","uniqueIDEnhancement","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties2","_getInputProps","getInputProps","_getInputProps2","_slicedToArray2","inputProps","toggleProps","useTheme","color","Detect","_ref4","disabled","callAllEventHandlers","handlerInputClick","click","handleKeyDown","onKeyDown","keyboardFocusEnhance","resolveColorEnhance","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_default","createComponent","exports"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n static displayName = 'Switch';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n static defaultProps = {\n theme: 'info',\n size: 'm',\n };\n\n inputRef = React.createRef();\n state = { active: false };\n\n constructor(props) {\n super(props);\n this.forceUpdate = this.forceUpdate.bind(this);\n }\n\n componentWillUnmount() {\n if (!canUseDOM()) return;\n window.removeEventListener('mouseup', this.handleMouseUp);\n }\n handleMouseUp = () => {\n this.setState({ active: false });\n window.removeEventListener('mouseup', this.handleMouseUp);\n };\n handleMouseDown = (event) => {\n if (event?.button !== 0) return;\n this.setState({ active: true });\n window.addEventListener('mouseup', this.handleMouseUp);\n };\n\n getValueProps() {\n const { theme, uid } = this.asProps;\n const { active } = this.state;\n\n return {\n theme,\n ref: this.inputRef,\n $rootForceUpdate: this.forceUpdate,\n uid,\n active,\n };\n }\n\n getAddonProps() {\n const { uid } = this.asProps;\n\n return { uid };\n }\n\n render() {\n const SSwitch = Root;\n const { Children, styles, controlsLength } = this.asProps;\n const checked = this.inputRef.current?.checked;\n\n return sstyled(styles)(\n <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n </SSwitch>,\n );\n }\n}\n\nclass Value extends Component {\n static hoistProps = ['checked', 'disabled'];\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n timer = null;\n\n uncontrolledProps() {\n return {\n checked: [\n (e) => e.target.checked,\n () => {\n // TODO: bad crutch for updating the DOM node\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.asProps.$rootForceUpdate();\n }, 0);\n },\n ],\n };\n }\n\n componentDidMount() {\n this.asProps.$rootForceUpdate();\n }\n\n componentDidUpdate(prevProps) {\n const { checked } = prevProps;\n // TODO: bad crutch for updating the DOM node\n if (checked !== undefined && checked !== this.asProps.checked) {\n this.asProps.$rootForceUpdate();\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n }\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.handlers.checked(!this.asProps.checked, event);\n }\n };\n\n // because clicking on label causes a click on input\n handlerInputClick = (e) => e.stopPropagation();\n\n render() {\n const SToggle = Box;\n const SInput = Box;\n const SSlider = Box;\n const {\n Children,\n forwardRef,\n styles,\n includeInputProps,\n keyboardFocused,\n neighborLocation,\n theme,\n uid,\n active,\n resolveColor,\n ...other\n } = this.asProps;\n\n const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SToggle\n keyboardFocused={keyboardFocused}\n neighborLocation={neighborLocation}\n checked={inputProps.checked}\n active={active}\n use:theme={useTheme}\n use:color={color}\n {...toggleProps}\n >\n <SInput\n tag='input'\n type='checkbox'\n ref={forwardRef}\n role='switch'\n aria-readonly={inputProps.disabled}\n {...inputProps}\n onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n />\n <SSlider checked={inputProps.checked}>\n <Children />\n </SSlider>\n </SToggle>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles, neighborLocation, uid } = props;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SAddon\n render={Box}\n tag='span'\n neighborLocation={neighborLocation}\n id={`igc-${uid}-switch-addon-${neighborLocation}`}\n />,\n )\n }\n </NeighborLocation.Detect>\n );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n Value,\n Addon,\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,qBAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,oBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,WAAA,GAAAR,uBAAA,CAAAC,OAAA;AACA,IAAAQ,aAAA,GAAAR,OAAA;AACA,IAAAS,SAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,UAAA,GAAAR,sBAAA,CAAAF,OAAA;AAAqD,IAAAW,SAAA;AAAA;AAAA,IAAAC,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAIrD,SAASC,aAAaA,CAACC,KAAK,EAAE;EAC5B,OAAO,CAAC,CAAC,MAAM,EAAE,SAAS,CAAC,CAACC,QAAQ,CAACD,KAAK,CAAC;AAC7C;AAAC,IAEKE,MAAM,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,MAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,MAAA;EAYV,SAAAA,OAAYK,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAP,MAAA;IACjBM,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,KAAK;IAAE,IAAAI,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,4BAJJK,iBAAK,CAACC,SAAS,EAAE;IAAA,IAAAH,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,YACpB;MAAEO,MAAM,EAAE;IAAM,CAAC;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,oBAWT,YAAM;MACpBA,KAAA,CAAKQ,QAAQ,CAAC;QAAED,MAAM,EAAE;MAAM,CAAC,CAAC;MAChCE,MAAM,CAACC,mBAAmB,CAAC,SAAS,EAAEV,KAAA,CAAKW,aAAa,CAAC;IAC3D,CAAC;IAAA,IAAAR,gBAAA,iBAAAC,uBAAA,aAAAJ,KAAA,sBACiB,UAACY,KAAK,EAAK;MAC3B,IAAI,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,MAAM,MAAK,CAAC,EAAE;MACzBb,KAAA,CAAKQ,QAAQ,CAAC;QAAED,MAAM,EAAE;MAAK,CAAC,CAAC;MAC/BE,MAAM,CAACK,gBAAgB,CAAC,SAAS,EAAEd,KAAA,CAAKW,aAAa,CAAC;IACxD,CAAC;IAfCX,KAAA,CAAKe,WAAW,GAAGf,KAAA,CAAKe,WAAW,CAACC,IAAI,KAAAZ,uBAAA,aAAAJ,KAAA,EAAM;IAAC,OAAAA,KAAA;EACjD;EAAC,IAAAiB,aAAA,aAAAvB,MAAA;IAAAwB,GAAA;IAAAC,KAAA,EAED,SAAAC,qBAAA,EAAuB;MACrB,IAAI,CAAC,IAAAC,qBAAS,GAAE,EAAE;MAClBZ,MAAM,CAACC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAACC,aAAa,CAAC;IAC3D;EAAC;IAAAO,GAAA;IAAAC,KAAA,EAWD,SAAAG,cAAA,EAAgB;MACd,IAAAC,aAAA,GAAuB,IAAI,CAACC,OAAO;QAA3BhC,KAAK,GAAA+B,aAAA,CAAL/B,KAAK;QAAEiC,GAAG,GAAAF,aAAA,CAAHE,GAAG;MAClB,IAAQlB,MAAM,GAAK,IAAI,CAACmB,KAAK,CAArBnB,MAAM;MAEd,OAAO;QACLf,KAAK,EAALA,KAAK;QACLmC,GAAG,EAAE,IAAI,CAACC,QAAQ;QAClBC,gBAAgB,EAAE,IAAI,CAACd,WAAW;QAClCU,GAAG,EAAHA,GAAG;QACHlB,MAAM,EAANA;MACF,CAAC;IACH;EAAC;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAW,cAAA,EAAgB;MACd,IAAQL,GAAG,GAAK,IAAI,CAACD,OAAO,CAApBC,GAAG;MAEX,OAAO;QAAEA,GAAG,EAAHA;MAAI,CAAC;IAChB;EAAC;IAAAP,GAAA;IAAAC,KAAA,EAED,SAAAY,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAR,OAAA;QAAAS,KAAA;QAAAC,qBAAA;MACP,IAAMC,OAAO,GAKMC,YAAG;MAJtB,IAAAC,cAAA,GAA6C,IAAI,CAACb,OAAO;QAAjDc,QAAQ,GAAAD,cAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,cAAA,CAANE,MAAM;QAAEC,cAAc,GAAAH,cAAA,CAAdG,cAAc;MACxC,IAAMC,OAAO,IAAAP,qBAAA,GAAG,IAAI,CAACN,QAAQ,CAACc,OAAO,cAAAR,qBAAA,uBAArBA,qBAAA,CAAuBO,OAAO;MAE9C,OAAAR,KAAA,GAAO,IAAA5C,aAAO,EAACkD,MAAM,CAAC,eACpB/D,MAAA,YAAAmE,aAAA,CAACR,OAAO,EAAAF,KAAA,CAAAW,EAAA,gBAAAC,cAAA,qBAAAxE,KAAA,CAAAyE,WAAA;QAAA,OAAkB,OAAO;QAAA,WAAUL,OAAO;QAAA,eAAe,IAAI,CAACM;MAAe,GAAAf,IAAA,kBACnFxD,MAAA,YAAAmE,aAAA,CAAChE,iBAAA,WAAgB,EAAAsD,KAAA,CAAAW,EAAA;QAAA,kBAAiBJ;MAAc,iBAC9ChE,MAAA,YAAAmE,aAAA,CAACL,QAAQ,EAAAL,KAAA,CAAAW,EAAA,iBAAG,CACK,CACX;IAEd;EAAC;EAAA,OAAAlD,MAAA;AAAA,EA9DkBsD,eAAS;AAAA,IAAA7C,gBAAA,aAAxBT,MAAM,iBACW,QAAQ;AAAA,IAAAS,gBAAA,aADzBT,MAAM,WAEKP,KAAK;AAAA,IAAAgB,gBAAA,aAFhBT,MAAM,aAGO,CAAC,IAAAuD,oBAAmB,GAAE,CAAC;AAAA,IAAA9C,gBAAA,aAHpCT,MAAM,kBAIY;EACpBF,KAAK,EAAE,MAAM;EACb0D,IAAI,EAAE;AACR,CAAC;AAAA,IA0DGC,KAAK,0BAAAC,WAAA;EAAA,IAAAxD,UAAA,aAAAuD,KAAA,EAAAC,WAAA;EAAA,IAAAC,OAAA,OAAAvD,aAAA,aAAAqD,KAAA;EAAA,SAAAA,MAAA;IAAA,IAAAG,MAAA;IAAA,IAAArD,gBAAA,mBAAAkD,KAAA;IAAA,SAAAI,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAN,MAAA,GAAAD,OAAA,CAAAnD,IAAA,CAAA2D,KAAA,CAAAR,OAAA,SAAAS,MAAA,CAAAJ,IAAA;IAAA,IAAAvD,gBAAA,iBAAAC,uBAAA,aAAAkD,MAAA,YAQD,IAAI;IAAA,IAAAnD,gBAAA,iBAAAC,uBAAA,aAAAkD,MAAA,oBAiCI,UAAC1C,KAAK,EAAK;MACzB,IAAIA,KAAK,CAACM,GAAG,KAAK,OAAO,IAAIN,KAAK,CAACM,GAAG,KAAK,GAAG,EAAE;QAC9CN,KAAK,CAACmD,cAAc,EAAE;QACtBT,MAAA,CAAKU,QAAQ,CAACvB,OAAO,CAAC,CAACa,MAAA,CAAK9B,OAAO,CAACiB,OAAO,EAAE7B,KAAK,CAAC;MACrD;IACF,CAAC;IAED;IAAA,IAAAT,gBAAA,iBAAAC,uBAAA,aAAAkD,MAAA,wBACoB,UAACW,CAAC;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE;IAAA;IAAA,OAAAZ,MAAA;EAAA;EAAA,IAAArC,aAAA,aAAAkC,KAAA;IAAAjC,GAAA;IAAAC,KAAA,EAvC9C,SAAAgD,kBAAA,EAAoB;MAAA,IAAAC,MAAA;MAClB,OAAO;QACL3B,OAAO,EAAE,CACP,UAACwB,CAAC;UAAA,OAAKA,CAAC,CAACI,MAAM,CAAC5B,OAAO;QAAA,GACvB,YAAM;UACJ;UACA6B,YAAY,CAACF,MAAI,CAACG,KAAK,CAAC;UACxBH,MAAI,CAACG,KAAK,GAAGC,UAAU,CAAC,YAAM;YAC5BJ,MAAI,CAAC5C,OAAO,CAACK,gBAAgB,EAAE;UACjC,CAAC,EAAE,CAAC,CAAC;QACP,CAAC;MAEL,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAsD,kBAAA,EAAoB;MAClB,IAAI,CAACjD,OAAO,CAACK,gBAAgB,EAAE;IACjC;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAuD,mBAAmBC,SAAS,EAAE;MAC5B,IAAQlC,OAAO,GAAKkC,SAAS,CAArBlC,OAAO;MACf;MACA,IAAIA,OAAO,KAAKmC,SAAS,IAAInC,OAAO,KAAK,IAAI,CAACjB,OAAO,CAACiB,OAAO,EAAE;QAC7D,IAAI,CAACjB,OAAO,CAACK,gBAAgB,EAAE;MACjC;IACF;EAAC;IAAAX,GAAA;IAAAC,KAAA,EAED,SAAAC,qBAAA,EAAuB;MACrBkD,YAAY,CAAC,IAAI,CAACC,KAAK,CAAC;IAC1B;EAAC;IAAArD,GAAA;IAAAC,KAAA,EAYD,SAAAY,OAAA,EAAS;MAAA,IAAA8C,MAAA;MACP,IAAMC,OAAO,GAAG1C,YAAG;MACnB,IAAM2C,MAAM,GAAG3C,YAAG;MAClB,IAAM4C,OAAO,GAAG5C,YAAG;MACnB,IAAA6C,cAAA,GAYI,IAAI,CAACzD,OAAO;QAXdc,QAAQ,GAAA2C,cAAA,CAAR3C,QAAQ;QACR4C,UAAU,GAAAD,cAAA,CAAVC,UAAU;QACV3C,MAAM,GAAA0C,cAAA,CAAN1C,MAAM;QACN4C,iBAAiB,GAAAF,cAAA,CAAjBE,iBAAiB;QACjBC,eAAe,GAAAH,cAAA,CAAfG,eAAe;QACfC,gBAAgB,GAAAJ,cAAA,CAAhBI,gBAAgB;QAChB7F,KAAK,GAAAyF,cAAA,CAALzF,KAAK;QACLiC,GAAG,GAAAwD,cAAA,CAAHxD,GAAG;QACHlB,MAAM,GAAA0E,cAAA,CAAN1E,MAAM;QACN+E,YAAY,GAAAL,cAAA,CAAZK,YAAY;QACTC,KAAK,OAAAC,yBAAA,aAAAP,cAAA,EAAA/F,SAAA;MAGV,IAAAuG,cAAA,GAAkC,IAAAC,sBAAa,EAACH,KAAK,EAAEJ,iBAAiB,CAAC;QAAAQ,eAAA,OAAAC,eAAA,aAAAH,cAAA;QAAlEI,UAAU,GAAAF,eAAA;QAAEG,WAAW,GAAAH,eAAA;MAC9B,IAAMI,QAAQ,GAAGxG,aAAa,CAACC,KAAK,CAAC,GAAG,QAAQ,GAAGA,KAAK;MACxD,IAAMwG,KAAK,GAAGV,YAAY,CAAC9F,KAAK,CAAC;MAEjC,oBACEhB,MAAA,YAAAmE,aAAA,CAAChE,iBAAA,WAAgB,CAACsH,MAAM;QAACZ,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAa,KAAA;QAAA,OAAAA,KAAA,GAChB,IAAA7G,aAAO,EAACkD,MAAM,CAAC,eACb/D,MAAA,YAAAmE,aAAA,CAACmC,OAAO,EAAAoB,KAAA,CAAAtD,EAAA,gBAAAC,cAAA;UAAA,mBACWuC,eAAe;UAAA,oBACdC,gBAAgB;UAAA,WACzBQ,UAAU,CAACpD,OAAO;UAAA,UACnBlC,MAAM;UAAA,aACHwF,QAAQ;UAAA,aACRC;QAAK,GACZF,WAAW,iBAEftH,MAAA,YAAAmE,aAAA,CAACoC,MAAM,EAAAmB,KAAA,CAAAtD,EAAA,eAAAC,cAAA,iBAAAA,cAAA;UAAA,OACD,OAAO;UAAA,QACN,UAAU;UAAA,OACVqC,UAAU;UAAA,QACV,QAAQ;UAAA,iBACEW,UAAU,CAACM;QAAQ,GAC9BN,UAAU;UAAA,WACL,IAAAO,kCAAoB,EAACvB,MAAI,CAACwB,iBAAiB,EAAER,UAAU,CAACS,KAAK,CAAC;UAAA,aAC5D,IAAAF,kCAAoB,EAACvB,MAAI,CAAC0B,aAAa,EAAEV,UAAU,CAACW,SAAS;QAAC,IACzE,eACFhI,MAAA,YAAAmE,aAAA,CAACqC,OAAO,EAAAkB,KAAA,CAAAtD,EAAA;UAAA,WAAUiD,UAAU,CAACpD;QAAO,iBAClCjE,MAAA,YAAAmE,aAAA,CAACL,QAAQ,EAAA4D,KAAA,CAAAtD,EAAA,iBAAG,CACJ,CACF;MAAA,CACX,CAEqB;IAE9B;EAAC;EAAA,OAAAO,KAAA;AAAA,EAxGiBH,eAAS;AAAA,IAAA7C,gBAAA,aAAvBgD,KAAK,gBACW,CAAC,SAAS,EAAE,UAAU,CAAC;AAAA,IAAAhD,gBAAA,aADvCgD,KAAK,aAEQ,CAAC,IAAAsD,gCAAoB,GAAE,EAAE,IAAAC,+BAAmB,GAAE,CAAC;AAAA,IAAAvG,gBAAA,aAF5DgD,KAAK,kBAGa;EACpBgC,iBAAiB,EAAEU,sBAAU;EAC7Bc,cAAc,EAAE;AAClB,CAAC;AAqGH,SAASC,KAAKA,CAAC7G,KAAK,EAAE;EAAA,IAAA8G,KAAA,GAAAC,YAAA;EACpB,IAAMC,MAAM,GAQM3E,YAAG;EAPrB,IAAQG,MAAM,GAA4BxC,KAAK,CAAvCwC,MAAM;IAAE8C,gBAAgB,GAAUtF,KAAK,CAA/BsF,gBAAgB;IAAE5D,GAAG,GAAK1B,KAAK,CAAb0B,GAAG;EAErC,oBACEjD,MAAA,YAAAmE,aAAA,CAAChE,iBAAA,WAAgB,CAACsH,MAAM;IAACZ,gBAAgB,EAAEA;EAAiB,GACzD,UAACA,gBAAgB;IAAA,IAAA2B,KAAA;IAAA,OAAAA,KAAA,GAChB,IAAA3H,aAAO,EAACkD,MAAM,CAAC,eACb/D,MAAA,YAAAmE,aAAA,CAACoE,MAAM,EAAAC,KAAA,CAAApE,EAAA,eAAAC,cAAA,qBAAAxE,KAAA,CAAAyE,WAAA;MAAA,OAED,MAAM;MAAA,oBACQuC,gBAAgB;MAAA,aAAAvB,MAAA,CACvBrC,GAAG,oBAAAqC,MAAA,CAAiBuB,gBAAgB;IAAA,GAAAwB,KAAA,IAC/C;EAAA,CACH,CAEqB;AAE9B;AAAC,IAAAI,QAAA,GAGc,IAAAC,gBAAe,EAACxH,MAAM,EAAE;EACrCyD,KAAK,EAALA,KAAK;EACLyD,KAAK,EAALA;AACF,CAAC,CAAC;AAAAO,OAAA,cAAAF,QAAA"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":["_inputProps","require"],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps, NeighborLocationProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { inputProps } from '@semcore/utils/lib/inputProps';\n\nexport type SwitchTheme = 'info' | 'success' | string;\n\n/** @deprecated */\nexport interface ISwitchProps extends SwitchProps, UnknownProperties {}\nexport type SwitchProps = BoxProps &\n NeighborLocationProps & {\n /** Switch size\n * @default m\n */\n size?: 'm' | 'l' | 'xl';\n /** Switch theme\n * @default info\n */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchValueProps extends SwitchValueProps, UnknownProperties {}\nexport type SwitchValueProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps & {\n /** Handler on change */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /** Control state */\n checked?: boolean;\n /** Initial state for uncontrolled mode\n * @default false */\n defaultChecked?: boolean;\n /** Disabled state */\n disabled?: boolean;\n /** The list of properties that can be placed in the hidden input */\n includeInputProps?: string[];\n /** Switch theme */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchAddonProps extends SwitchAddonProps, UnknownProperties {}\nexport type SwitchAddonProps = BoxProps
|
1
|
+
{"version":3,"file":"index.d.js","names":["_inputProps","require"],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps, NeighborLocationProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { inputProps } from '@semcore/utils/lib/inputProps';\n\nexport type SwitchTheme = 'info' | 'success' | string;\n\n/** @deprecated */\nexport interface ISwitchProps extends SwitchProps, UnknownProperties {}\nexport type SwitchProps = BoxProps &\n NeighborLocationProps & {\n /** Switch size\n * @default m\n */\n size?: 'm' | 'l' | 'xl';\n /** Switch theme\n * @default info\n */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchValueProps extends SwitchValueProps, UnknownProperties {}\nexport type SwitchValueProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps & {\n /** Handler on change */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /** Control state */\n checked?: boolean;\n /** Initial state for uncontrolled mode\n * @default false */\n defaultChecked?: boolean;\n /** Disabled state */\n disabled?: boolean;\n /** The list of properties that can be placed in the hidden input */\n includeInputProps?: string[];\n /** Switch theme */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchAddonProps extends SwitchAddonProps, UnknownProperties {}\nexport type SwitchAddonProps = BoxProps &\n NeighborItemProps & {\n /** @deprecated\n * You shouldn't use Switch with two addons if one of them has hidden prop.\n * Just use one Addon with text which could be read as On or Off.\n * */\n hidden?: boolean;\n };\n\n/** @deprecated */\nexport interface ISwitchContext extends SwitchContext, UnknownProperties {}\nexport type SwitchContext = {\n getAddonProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\ndeclare const Switch: Intergalactic.Component<'div', SwitchProps, SwitchContext> & {\n Value: Intergalactic.Component<'input', SwitchValueProps, SwitchContext>;\n Addon: Intergalactic.Component<'div', SwitchAddonProps>;\n};\n\nexport { inputProps };\nexport default Switch;\n"],"mappings":";;;;;;;;;;;AAKA,IAAAA,WAAA,GAAAC,OAAA"}
|
package/switch/lib/es6/Switch.js
CHANGED
@@ -22,27 +22,27 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
|
|
22
22
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
23
23
|
import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
|
24
24
|
/*__reshadow-styles__:"./style/switch.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SSwitch": "
|
27
|
-
"__SToggle": "
|
28
|
-
"_checked": "
|
29
|
-
"_theme_info": "
|
30
|
-
"_theme_success": "
|
31
|
-
"_theme_custom": "
|
32
|
-
"--color": "--
|
33
|
-
"_keyboardFocused": "
|
34
|
-
"_neighborLocation_left": "
|
35
|
-
"_neighborLocation_both": "
|
36
|
-
"_neighborLocation_right": "
|
37
|
-
"__SInput": "
|
38
|
-
"__SAddon": "
|
39
|
-
"__SSlider": "
|
40
|
-
"_size": "
|
41
|
-
"_size_m": "
|
42
|
-
"_size_l": "
|
43
|
-
"_size_xl": "
|
44
|
-
"_disabled": "
|
45
|
-
"_active": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSwitch_18wm0_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_18wm0_gg_.__size_18wm0_gg_ .___SToggle_18wm0_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_18wm0_gg_._size_m_18wm0_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_18wm0_gg_._size_m_18wm0_gg_ .___SToggle_18wm0_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_18wm0_gg_._size_m_18wm0_gg_ .___SSlider_18wm0_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_18wm0_gg_._size_l_18wm0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_18wm0_gg_._size_l_18wm0_gg_ .___SToggle_18wm0_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_18wm0_gg_._size_l_18wm0_gg_ .___SSlider_18wm0_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_18wm0_gg_._size_xl_18wm0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_18wm0_gg_._size_xl_18wm0_gg_ .___SToggle_18wm0_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_18wm0_gg_._size_xl_18wm0_gg_ .___SSlider_18wm0_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_18wm0_gg_.__disabled_18wm0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_18wm0_gg_.__disabled_18wm0_gg_ .___SAddon_18wm0_gg_,.___SSwitch_18wm0_gg_.__disabled_18wm0_gg_ .___SToggle_18wm0_gg_{cursor:default}.___SSlider_18wm0_gg_,.___SToggle_18wm0_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_18wm0_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_18wm0_gg_.__checked_18wm0_gg_._theme_info_18wm0_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_18wm0_gg_.__checked_18wm0_gg_._theme_success_18wm0_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_18wm0_gg_.__checked_18wm0_gg_._theme_custom_18wm0_gg_{color:var(--color_18wm0);background-color:var(--color_18wm0)}.___SToggle_18wm0_gg_.__keyboardFocused_18wm0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_18wm0_gg_._neighborLocation_left_18wm0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_18wm0_gg_._neighborLocation_both_18wm0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_18wm0_gg_._neighborLocation_right_18wm0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_18wm0_gg_{background:var(--intergalactic-bg-primary-neutral, #ffffff);transform:translateX(-50%) scaleX(1);transition:transform calc(var(--intergalactic-duration-switch, 100)*1ms) ease-in-out}.___SSlider_18wm0_gg_.__checked_18wm0_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_18wm0_gg_.__active_18wm0_gg_ .___SSlider_18wm0_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_18wm0_gg_.__active_18wm0_gg_ .___SSlider_18wm0_gg_.__checked_18wm0_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_18wm0_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_18wm0_gg_{cursor:pointer}.___SAddon_18wm0_gg_._neighborLocation_right_18wm0_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_18wm0_gg_._neighborLocation_left_18wm0_gg_,.___SSwitch_18wm0_gg_.__checked_18wm0_gg_ .___SAddon_18wm0_gg_._neighborLocation_right_18wm0_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_18wm0_gg_._neighborLocation_left_18wm0_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_18wm0_gg_.__checked_18wm0_gg_ .___SAddon_18wm0_gg_._neighborLocation_right_18wm0_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_18wm0_gg_.__checked_18wm0_gg_ .___SAddon_18wm0_gg_._neighborLocation_left_18wm0_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_18wm0_gg_{transition:none}}" /*__inner_css_end__*/, "18wm0_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SSwitch": "___SSwitch_18wm0_gg_",
|
27
|
+
"__SToggle": "___SToggle_18wm0_gg_",
|
28
|
+
"_checked": "__checked_18wm0_gg_",
|
29
|
+
"_theme_info": "_theme_info_18wm0_gg_",
|
30
|
+
"_theme_success": "_theme_success_18wm0_gg_",
|
31
|
+
"_theme_custom": "_theme_custom_18wm0_gg_",
|
32
|
+
"--color": "--color_18wm0",
|
33
|
+
"_keyboardFocused": "__keyboardFocused_18wm0_gg_",
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_18wm0_gg_",
|
35
|
+
"_neighborLocation_both": "_neighborLocation_both_18wm0_gg_",
|
36
|
+
"_neighborLocation_right": "_neighborLocation_right_18wm0_gg_",
|
37
|
+
"__SInput": "___SInput_18wm0_gg_",
|
38
|
+
"__SAddon": "___SAddon_18wm0_gg_",
|
39
|
+
"__SSlider": "___SSlider_18wm0_gg_",
|
40
|
+
"_size": "__size_18wm0_gg_",
|
41
|
+
"_size_m": "_size_m_18wm0_gg_",
|
42
|
+
"_size_l": "_size_l_18wm0_gg_",
|
43
|
+
"_size_xl": "_size_xl_18wm0_gg_",
|
44
|
+
"_disabled": "__disabled_18wm0_gg_",
|
45
|
+
"_active": "__active_18wm0_gg_"
|
46
46
|
});
|
47
47
|
function isCustomTheme(theme) {
|
48
48
|
return !['info', 'success'].includes(theme);
|
@@ -216,7 +216,6 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
216
216
|
toggleProps = _getInputProps2[1];
|
217
217
|
var useTheme = isCustomTheme(theme) ? 'custom' : theme;
|
218
218
|
var color = resolveColor(theme);
|
219
|
-
var labelledBy = inputProps.checked ? "igc-".concat(uid, "-switch-addon-left") : "igc-".concat(uid, "-switch-addon-right");
|
220
219
|
return /*#__PURE__*/React.createElement(NeighborLocation.Detect, {
|
221
220
|
neighborLocation: neighborLocation
|
222
221
|
}, function (neighborLocation) {
|
@@ -233,8 +232,6 @@ var Value = /*#__PURE__*/function (_Component2) {
|
|
233
232
|
"type": 'checkbox',
|
234
233
|
"ref": forwardRef,
|
235
234
|
"role": 'switch',
|
236
|
-
"aria-labelledby": labelledBy,
|
237
|
-
"aria-checked": inputProps.checked,
|
238
235
|
"aria-readonly": inputProps.disabled
|
239
236
|
}, inputProps), {}, {
|
240
237
|
"onClick": callAllEventHandlers(_this4.handlerInputClick, inputProps.click),
|
@@ -266,7 +263,6 @@ function Addon(props) {
|
|
266
263
|
return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(SAddon, _ref5.cn("SAddon", _objectSpread({}, _assignProps2({
|
267
264
|
"tag": 'span',
|
268
265
|
"neighborLocation": neighborLocation,
|
269
|
-
"aria-hidden": 'true',
|
270
266
|
"id": "igc-".concat(uid, "-switch-addon-").concat(neighborLocation)
|
271
267
|
}, _ref2))));
|
272
268
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","resolveColorEnhance","getInputProps","inputProps","callAllEventHandlers","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass","key","value","componentWillUnmount","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread","_assignProps","handleMouseDown","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","toggleProps","useTheme","color","labelledBy","Detect","_ref4","disabled","handlerInputClick","click","handleKeyDown","onKeyDown","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_assignProps2"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n static displayName = 'Switch';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n static defaultProps = {\n theme: 'info',\n size: 'm',\n };\n\n inputRef = React.createRef();\n state = { active: false };\n\n constructor(props) {\n super(props);\n this.forceUpdate = this.forceUpdate.bind(this);\n }\n\n componentWillUnmount() {\n if (!canUseDOM()) return;\n window.removeEventListener('mouseup', this.handleMouseUp);\n }\n handleMouseUp = () => {\n this.setState({ active: false });\n window.removeEventListener('mouseup', this.handleMouseUp);\n };\n handleMouseDown = (event) => {\n if (event?.button !== 0) return;\n this.setState({ active: true });\n window.addEventListener('mouseup', this.handleMouseUp);\n };\n\n getValueProps() {\n const { theme, uid } = this.asProps;\n const { active } = this.state;\n\n return {\n theme,\n ref: this.inputRef,\n $rootForceUpdate: this.forceUpdate,\n uid,\n active,\n };\n }\n\n getAddonProps() {\n const { uid } = this.asProps;\n\n return { uid };\n }\n\n render() {\n const SSwitch = Root;\n const { Children, styles, controlsLength } = this.asProps;\n const checked = this.inputRef.current?.checked;\n\n return sstyled(styles)(\n <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n </SSwitch>,\n );\n }\n}\n\nclass Value extends Component {\n static hoistProps = ['checked', 'disabled'];\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n timer = null;\n\n uncontrolledProps() {\n return {\n checked: [\n (e) => e.target.checked,\n () => {\n // TODO: bad crutch for updating the DOM node\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.asProps.$rootForceUpdate();\n }, 0);\n },\n ],\n };\n }\n\n componentDidMount() {\n this.asProps.$rootForceUpdate();\n }\n\n componentDidUpdate(prevProps) {\n const { checked } = prevProps;\n // TODO: bad crutch for updating the DOM node\n if (checked !== undefined && checked !== this.asProps.checked) {\n this.asProps.$rootForceUpdate();\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n }\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.handlers.checked(!this.asProps.checked, event);\n }\n };\n\n // because clicking on label causes a click on input\n handlerInputClick = (e) => e.stopPropagation();\n\n render() {\n const SToggle = Box;\n const SInput = Box;\n const SSlider = Box;\n const {\n Children,\n forwardRef,\n styles,\n includeInputProps,\n keyboardFocused,\n neighborLocation,\n theme,\n uid,\n active,\n resolveColor,\n ...other\n } = this.asProps;\n\n const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n\n const labelledBy = inputProps.checked\n ? `igc-${uid}-switch-addon-left`\n : `igc-${uid}-switch-addon-right`;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SToggle\n keyboardFocused={keyboardFocused}\n neighborLocation={neighborLocation}\n checked={inputProps.checked}\n active={active}\n use:theme={useTheme}\n use:color={color}\n {...toggleProps}\n >\n <SInput\n tag='input'\n type='checkbox'\n ref={forwardRef}\n role='switch'\n aria-labelledby={labelledBy}\n aria-checked={inputProps.checked}\n aria-readonly={inputProps.disabled}\n {...inputProps}\n onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n />\n <SSlider checked={inputProps.checked}>\n <Children />\n </SSlider>\n </SToggle>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles, neighborLocation, uid } = props;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SAddon\n render={Box}\n tag='span'\n neighborLocation={neighborLocation}\n aria-hidden='true'\n id={`igc-${uid}-switch-addon-${neighborLocation}`}\n />,\n )\n }\n </NeighborLocation.Detect>\n );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n Value,\n Addon,\n});\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Switch.js","names":["React","createComponent","Component","sstyled","Root","Box","NeighborLocation","keyboardFocusEnhance","resolveColorEnhance","getInputProps","inputProps","callAllEventHandlers","uniqueIDEnhancement","canUseDOM","style","_sstyled","insert","isCustomTheme","theme","includes","Switch","_Component","_inherits","_super","_createSuper","props","_this","_classCallCheck","call","_defineProperty","_assertThisInitialized","createRef","active","setState","window","removeEventListener","handleMouseUp","event","button","addEventListener","forceUpdate","bind","_createClass","key","value","componentWillUnmount","getValueProps","_this$asProps","asProps","uid","state","ref","inputRef","$rootForceUpdate","getAddonProps","render","_ref","_ref3","_this$inputRef$curren","SSwitch","_this$asProps2","Children","styles","controlsLength","checked","current","createElement","cn","_objectSpread","_assignProps","handleMouseDown","size","Value","_Component2","_super2","_this2","_len","arguments","length","args","Array","_key","apply","concat","preventDefault","handlers","e","stopPropagation","uncontrolledProps","_this3","target","clearTimeout","timer","setTimeout","componentDidMount","componentDidUpdate","prevProps","undefined","_this4","SToggle","SInput","SSlider","_this$asProps3","forwardRef","includeInputProps","keyboardFocused","neighborLocation","resolveColor","other","_objectWithoutProperties","_excluded","_getInputProps","_getInputProps2","_slicedToArray","toggleProps","useTheme","color","Detect","_ref4","disabled","handlerInputClick","click","handleKeyDown","onKeyDown","defaultChecked","Addon","_ref2","arguments[0]","SAddon","_ref5","_assignProps2"],"sources":["../../src/Switch.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport getInputProps, { inputProps } from '@semcore/utils/lib/inputProps';\nimport { callAllEventHandlers } from '@semcore/utils/lib/assignProps';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\n\nimport style from './style/switch.shadow.css';\n\nfunction isCustomTheme(theme) {\n return !['info', 'success'].includes(theme);\n}\n\nclass Switch extends Component {\n static displayName = 'Switch';\n static style = style;\n static enhance = [uniqueIDEnhancement()];\n static defaultProps = {\n theme: 'info',\n size: 'm',\n };\n\n inputRef = React.createRef();\n state = { active: false };\n\n constructor(props) {\n super(props);\n this.forceUpdate = this.forceUpdate.bind(this);\n }\n\n componentWillUnmount() {\n if (!canUseDOM()) return;\n window.removeEventListener('mouseup', this.handleMouseUp);\n }\n handleMouseUp = () => {\n this.setState({ active: false });\n window.removeEventListener('mouseup', this.handleMouseUp);\n };\n handleMouseDown = (event) => {\n if (event?.button !== 0) return;\n this.setState({ active: true });\n window.addEventListener('mouseup', this.handleMouseUp);\n };\n\n getValueProps() {\n const { theme, uid } = this.asProps;\n const { active } = this.state;\n\n return {\n theme,\n ref: this.inputRef,\n $rootForceUpdate: this.forceUpdate,\n uid,\n active,\n };\n }\n\n getAddonProps() {\n const { uid } = this.asProps;\n\n return { uid };\n }\n\n render() {\n const SSwitch = Root;\n const { Children, styles, controlsLength } = this.asProps;\n const checked = this.inputRef.current?.checked;\n\n return sstyled(styles)(\n <SSwitch render={Box} tag='label' checked={checked} onMouseDown={this.handleMouseDown}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n </SSwitch>,\n );\n }\n}\n\nclass Value extends Component {\n static hoistProps = ['checked', 'disabled'];\n static enhance = [keyboardFocusEnhance(), resolveColorEnhance()];\n static defaultProps = {\n includeInputProps: inputProps,\n defaultChecked: false,\n };\n\n timer = null;\n\n uncontrolledProps() {\n return {\n checked: [\n (e) => e.target.checked,\n () => {\n // TODO: bad crutch for updating the DOM node\n clearTimeout(this.timer);\n this.timer = setTimeout(() => {\n this.asProps.$rootForceUpdate();\n }, 0);\n },\n ],\n };\n }\n\n componentDidMount() {\n this.asProps.$rootForceUpdate();\n }\n\n componentDidUpdate(prevProps) {\n const { checked } = prevProps;\n // TODO: bad crutch for updating the DOM node\n if (checked !== undefined && checked !== this.asProps.checked) {\n this.asProps.$rootForceUpdate();\n }\n }\n\n componentWillUnmount() {\n clearTimeout(this.timer);\n }\n\n handleKeyDown = (event) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault();\n this.handlers.checked(!this.asProps.checked, event);\n }\n };\n\n // because clicking on label causes a click on input\n handlerInputClick = (e) => e.stopPropagation();\n\n render() {\n const SToggle = Box;\n const SInput = Box;\n const SSlider = Box;\n const {\n Children,\n forwardRef,\n styles,\n includeInputProps,\n keyboardFocused,\n neighborLocation,\n theme,\n uid,\n active,\n resolveColor,\n ...other\n } = this.asProps;\n\n const [inputProps, toggleProps] = getInputProps(other, includeInputProps);\n const useTheme = isCustomTheme(theme) ? 'custom' : theme;\n const color = resolveColor(theme);\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SToggle\n keyboardFocused={keyboardFocused}\n neighborLocation={neighborLocation}\n checked={inputProps.checked}\n active={active}\n use:theme={useTheme}\n use:color={color}\n {...toggleProps}\n >\n <SInput\n tag='input'\n type='checkbox'\n ref={forwardRef}\n role='switch'\n aria-readonly={inputProps.disabled}\n {...inputProps}\n onClick={callAllEventHandlers(this.handlerInputClick, inputProps.click)}\n onKeyDown={callAllEventHandlers(this.handleKeyDown, inputProps.onKeyDown)}\n />\n <SSlider checked={inputProps.checked}>\n <Children />\n </SSlider>\n </SToggle>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles, neighborLocation, uid } = props;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SAddon\n render={Box}\n tag='span'\n neighborLocation={neighborLocation}\n id={`igc-${uid}-switch-addon-${neighborLocation}`}\n />,\n )\n }\n </NeighborLocation.Detect>\n );\n}\n\nexport { inputProps };\nexport default createComponent(Switch, {\n Value,\n Addon,\n});\n"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":["inputProps"],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps, NeighborLocationProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { inputProps } from '@semcore/utils/lib/inputProps';\n\nexport type SwitchTheme = 'info' | 'success' | string;\n\n/** @deprecated */\nexport interface ISwitchProps extends SwitchProps, UnknownProperties {}\nexport type SwitchProps = BoxProps &\n NeighborLocationProps & {\n /** Switch size\n * @default m\n */\n size?: 'm' | 'l' | 'xl';\n /** Switch theme\n * @default info\n */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchValueProps extends SwitchValueProps, UnknownProperties {}\nexport type SwitchValueProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps & {\n /** Handler on change */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /** Control state */\n checked?: boolean;\n /** Initial state for uncontrolled mode\n * @default false */\n defaultChecked?: boolean;\n /** Disabled state */\n disabled?: boolean;\n /** The list of properties that can be placed in the hidden input */\n includeInputProps?: string[];\n /** Switch theme */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchAddonProps extends SwitchAddonProps, UnknownProperties {}\nexport type SwitchAddonProps = BoxProps
|
1
|
+
{"version":3,"file":"index.d.js","names":["inputProps"],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\nimport { NeighborItemProps, NeighborLocationProps } from '@semcore/neighbor-location';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport { inputProps } from '@semcore/utils/lib/inputProps';\n\nexport type SwitchTheme = 'info' | 'success' | string;\n\n/** @deprecated */\nexport interface ISwitchProps extends SwitchProps, UnknownProperties {}\nexport type SwitchProps = BoxProps &\n NeighborLocationProps & {\n /** Switch size\n * @default m\n */\n size?: 'm' | 'l' | 'xl';\n /** Switch theme\n * @default info\n */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchValueProps extends SwitchValueProps, UnknownProperties {}\nexport type SwitchValueProps = BoxProps &\n NeighborItemProps &\n KeyboardFocusProps & {\n /** Handler on change */\n onChange?: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;\n /** Control state */\n checked?: boolean;\n /** Initial state for uncontrolled mode\n * @default false */\n defaultChecked?: boolean;\n /** Disabled state */\n disabled?: boolean;\n /** The list of properties that can be placed in the hidden input */\n includeInputProps?: string[];\n /** Switch theme */\n theme?: SwitchTheme;\n };\n\n/** @deprecated */\nexport interface ISwitchAddonProps extends SwitchAddonProps, UnknownProperties {}\nexport type SwitchAddonProps = BoxProps &\n NeighborItemProps & {\n /** @deprecated\n * You shouldn't use Switch with two addons if one of them has hidden prop.\n * Just use one Addon with text which could be read as On or Off.\n * */\n hidden?: boolean;\n };\n\n/** @deprecated */\nexport interface ISwitchContext extends SwitchContext, UnknownProperties {}\nexport type SwitchContext = {\n getAddonProps: PropGetterFn;\n getValueProps: PropGetterFn;\n};\n\ndeclare const Switch: Intergalactic.Component<'div', SwitchProps, SwitchContext> & {\n Value: Intergalactic.Component<'input', SwitchValueProps, SwitchContext>;\n Addon: Intergalactic.Component<'div', SwitchAddonProps>;\n};\n\nexport { inputProps };\nexport default Switch;\n"],"mappings":"AAKA,SAASA,UAAU,QAAQ,+BAA+B;AA6D1D,SAASA,UAAU"}
|
@@ -43,7 +43,14 @@ export type SwitchValueProps = BoxProps &
|
|
43
43
|
|
44
44
|
/** @deprecated */
|
45
45
|
export interface ISwitchAddonProps extends SwitchAddonProps, UnknownProperties {}
|
46
|
-
export type SwitchAddonProps = BoxProps &
|
46
|
+
export type SwitchAddonProps = BoxProps &
|
47
|
+
NeighborItemProps & {
|
48
|
+
/** @deprecated
|
49
|
+
* You shouldn't use Switch with two addons if one of them has hidden prop.
|
50
|
+
* Just use one Addon with text which could be read as On or Off.
|
51
|
+
* */
|
52
|
+
hidden?: boolean;
|
53
|
+
};
|
47
54
|
|
48
55
|
/** @deprecated */
|
49
56
|
export interface ISwitchContext extends SwitchContext, UnknownProperties {}
|
@@ -22,19 +22,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
|
|
22
22
|
var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
|
23
23
|
var _neighborLocation = _interopRequireDefault(require("intergalactic/neighbor-location"));
|
24
24
|
/*__reshadow-styles__:"./style/tab-line.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__STabLine": "
|
27
|
-
"_underlined": "
|
28
|
-
"__SCaret": "
|
29
|
-
"__STabLineItem": "
|
30
|
-
"_selected": "
|
31
|
-
"_disabled": "
|
32
|
-
"_keyboardFocused": "
|
33
|
-
"__SText": "
|
34
|
-
"__SAddon": "
|
35
|
-
"_neighborLocation_left": "
|
36
|
-
"_size_m": "
|
37
|
-
"_size_l": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabLine_1x5xk_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1x5xk_gg_.__underlined_1x5xk_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1x5xk_gg_{display:inline-flex;align-items:center;justify-content:center;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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1x5xk_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1x5xk_gg_:active,.___STabLineItem_1x5xk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1x5xk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1x5xk_gg_::after,.___STabLineItem_1x5xk_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1x5xk_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1x5xk_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1x5xk_gg_.__selected_1x5xk_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1x5xk_gg_ .___SAddon_1x5xk_gg_:not(:last-child),.___STabLineItem_1x5xk_gg_ .___SText_1x5xk_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1x5xk_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1x5xk_gg_.__selected_1x5xk_gg_{flex-shrink:0}.___STabLineItem_1x5xk_gg_.__disabled_1x5xk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1x5xk_gg_.__keyboardFocused_1x5xk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1x5xk_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1x5xk_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1x5xk_gg_._size_m_1x5xk_gg_{height:28px;min-width:18px}.___STabLineItem_1x5xk_gg_._size_m_1x5xk_gg_ .___SText_1x5xk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1x5xk_gg_._size_l_1x5xk_gg_{height:40px;min-width:26px}.___STabLineItem_1x5xk_gg_._size_l_1x5xk_gg_ .___SText_1x5xk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1x5xk_gg_._neighborLocation_left_1x5xk_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1x5xk_gg_.__selected_1x5xk_gg_::after,.___STabLineItem_1x5xk_gg_::after,.___STabLineItem_1x5xk_gg_::before{transition:none}.___SCaret_1x5xk_gg_{display:none}}" /*__inner_css_end__*/, "1x5xk_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__STabLine": "___STabLine_1x5xk_gg_",
|
27
|
+
"_underlined": "__underlined_1x5xk_gg_",
|
28
|
+
"__SCaret": "___SCaret_1x5xk_gg_",
|
29
|
+
"__STabLineItem": "___STabLineItem_1x5xk_gg_",
|
30
|
+
"_selected": "__selected_1x5xk_gg_",
|
31
|
+
"_disabled": "__disabled_1x5xk_gg_",
|
32
|
+
"_keyboardFocused": "__keyboardFocused_1x5xk_gg_",
|
33
|
+
"__SText": "___SText_1x5xk_gg_",
|
34
|
+
"__SAddon": "___SAddon_1x5xk_gg_",
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_1x5xk_gg_",
|
36
|
+
"_size_m": "_size_m_1x5xk_gg_",
|
37
|
+
"_size_l": "_size_l_1x5xk_gg_"
|
38
38
|
});
|
39
39
|
var optionsA11yEnhance = {
|
40
40
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
@@ -18,19 +18,19 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
|
|
18
18
|
import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
|
19
19
|
import NeighborLocation from 'intergalactic/neighbor-location';
|
20
20
|
/*__reshadow-styles__:"./style/tab-line.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__STabLine": "
|
23
|
-
"_underlined": "
|
24
|
-
"__SCaret": "
|
25
|
-
"__STabLineItem": "
|
26
|
-
"_selected": "
|
27
|
-
"_disabled": "
|
28
|
-
"_keyboardFocused": "
|
29
|
-
"__SText": "
|
30
|
-
"__SAddon": "
|
31
|
-
"_neighborLocation_left": "
|
32
|
-
"_size_m": "
|
33
|
-
"_size_l": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabLine_1x5xk_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_1x5xk_gg_.__underlined_1x5xk_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_1x5xk_gg_{display:inline-flex;align-items:center;justify-content:center;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;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer;border:0;background:0 0;color:var(--intergalactic-text-primary, #191b23);margin-right:var(--intergalactic-spacing-4x, 16px);font-weight:var(--intergalactic-medium, 500)}.___STabLineItem_1x5xk_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_1x5xk_gg_:active,.___STabLineItem_1x5xk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_1x5xk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_1x5xk_gg_::after,.___STabLineItem_1x5xk_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_1x5xk_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_1x5xk_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_1x5xk_gg_.__selected_1x5xk_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_1x5xk_gg_ .___SAddon_1x5xk_gg_:not(:last-child),.___STabLineItem_1x5xk_gg_ .___SText_1x5xk_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_1x5xk_gg_{position:absolute;bottom:-1px;height:3px;background-color:var(--intergalactic-border-info-active, #006dca);transition:calc(var(--intergalactic-duration-control, 200)*1ms) all ease-in-out}.___STabLineItem_1x5xk_gg_.__selected_1x5xk_gg_{flex-shrink:0}.___STabLineItem_1x5xk_gg_.__disabled_1x5xk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_1x5xk_gg_.__keyboardFocused_1x5xk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_1x5xk_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1x5xk_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_1x5xk_gg_._size_m_1x5xk_gg_{height:28px;min-width:18px}.___STabLineItem_1x5xk_gg_._size_m_1x5xk_gg_ .___SText_1x5xk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_1x5xk_gg_._size_l_1x5xk_gg_{height:40px;min-width:26px}.___STabLineItem_1x5xk_gg_._size_l_1x5xk_gg_ .___SText_1x5xk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_1x5xk_gg_._neighborLocation_left_1x5xk_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_1x5xk_gg_.__selected_1x5xk_gg_::after,.___STabLineItem_1x5xk_gg_::after,.___STabLineItem_1x5xk_gg_::before{transition:none}.___SCaret_1x5xk_gg_{display:none}}" /*__inner_css_end__*/, "1x5xk_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__STabLine": "___STabLine_1x5xk_gg_",
|
23
|
+
"_underlined": "__underlined_1x5xk_gg_",
|
24
|
+
"__SCaret": "___SCaret_1x5xk_gg_",
|
25
|
+
"__STabLineItem": "___STabLineItem_1x5xk_gg_",
|
26
|
+
"_selected": "__selected_1x5xk_gg_",
|
27
|
+
"_disabled": "__disabled_1x5xk_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_1x5xk_gg_",
|
29
|
+
"__SText": "___SText_1x5xk_gg_",
|
30
|
+
"__SAddon": "___SAddon_1x5xk_gg_",
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_1x5xk_gg_",
|
32
|
+
"_size_m": "_size_m_1x5xk_gg_",
|
33
|
+
"_size_l": "_size_l_1x5xk_gg_"
|
34
34
|
});
|
35
35
|
var optionsA11yEnhance = {
|
36
36
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
@@ -21,14 +21,14 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
|
|
21
21
|
var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
|
22
22
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
23
23
|
/*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__STabPanelItem": "
|
26
|
-
"_keyboardFocused": "
|
27
|
-
"__SText": "
|
28
|
-
"__SAddon": "
|
29
|
-
"__STabPanel": "
|
30
|
-
"_disabled": "
|
31
|
-
"_selected": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabPanel_12n0g_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_12n0g_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_12n0g_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_12n0g_gg_ .___SText_12n0g_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_12n0g_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_12n0g_gg_:active,.___STabPanelItem_12n0g_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_12n0g_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_12n0g_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_12n0g_gg_.__disabled_12n0g_gg_{cursor:default;pointer-events:none}.___STabPanelItem_12n0g_gg_.__disabled_12n0g_gg_ .___SAddon_12n0g_gg_,.___STabPanelItem_12n0g_gg_.__disabled_12n0g_gg_ .___SText_12n0g_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_12n0g_gg_.__keyboardFocused_12n0g_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_12n0g_gg_.__selected_12n0g_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_12n0g_gg_.__selected_12n0g_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_12n0g_gg_.__selected_12n0g_gg_::after{border-bottom:none}.___SText_12n0g_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_12n0g_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_12n0g_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_12n0g_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_12n0g_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "12n0g_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__STabPanelItem": "___STabPanelItem_12n0g_gg_",
|
26
|
+
"_keyboardFocused": "__keyboardFocused_12n0g_gg_",
|
27
|
+
"__SText": "___SText_12n0g_gg_",
|
28
|
+
"__SAddon": "___SAddon_12n0g_gg_",
|
29
|
+
"__STabPanel": "___STabPanel_12n0g_gg_",
|
30
|
+
"_disabled": "__disabled_12n0g_gg_",
|
31
|
+
"_selected": "__selected_12n0g_gg_"
|
32
32
|
});
|
33
33
|
var optionsA11yEnhance = {
|
34
34
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|