intergalactic 15.84.0 → 15.85.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -3
- package/accordion/lib/cjs/Accordion.js +8 -7
- package/accordion/lib/cjs/Accordion.js.map +1 -1
- package/accordion/lib/es6/Accordion.js +8 -8
- package/animation/lib/cjs/Animation.js +41 -12
- package/animation/lib/cjs/Animation.js.map +1 -1
- package/animation/lib/cjs/Collapse.js +30 -29
- package/animation/lib/cjs/Collapse.js.map +1 -1
- package/animation/lib/cjs/FadeInOut.js +30 -29
- package/animation/lib/cjs/FadeInOut.js.map +1 -1
- package/animation/lib/cjs/Scale.js +30 -29
- package/animation/lib/cjs/Scale.js.map +1 -1
- package/animation/lib/cjs/Slide.js +30 -29
- package/animation/lib/cjs/Slide.js.map +1 -1
- package/animation/lib/cjs/Transform.js +30 -29
- package/animation/lib/cjs/Transform.js.map +1 -1
- package/animation/lib/es6/Animation.js +41 -13
- package/animation/lib/es6/Animation.js.map +1 -1
- package/animation/lib/es6/Collapse.js +29 -29
- package/animation/lib/es6/FadeInOut.js +29 -29
- package/animation/lib/es6/Scale.js +29 -29
- package/animation/lib/es6/Slide.js +29 -29
- package/animation/lib/es6/Transform.js +29 -29
- package/badge/lib/cjs/Badge.js +7 -6
- package/badge/lib/cjs/Badge.js.map +1 -1
- package/badge/lib/es6/Badge.js +7 -7
- package/base-trigger/lib/cjs/BaseTrigger.js +19 -18
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/ButtonTrigger.js +4 -3
- package/base-trigger/lib/cjs/ButtonTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/FilterTrigger.js +8 -7
- package/base-trigger/lib/cjs/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/LinkTrigger.js +13 -12
- package/base-trigger/lib/cjs/LinkTrigger.js.map +1 -1
- package/base-trigger/lib/es6/BaseTrigger.js +19 -19
- package/base-trigger/lib/es6/ButtonTrigger.js +4 -4
- package/base-trigger/lib/es6/FilterTrigger.js +8 -8
- package/base-trigger/lib/es6/LinkTrigger.js +13 -13
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +7 -6
- package/breadcrumbs/lib/cjs/Breadcrumbs.js.map +1 -1
- package/breadcrumbs/lib/es6/Breadcrumbs.js +7 -7
- package/button/lib/cjs/Button.js +27 -26
- package/button/lib/cjs/Button.js.map +1 -1
- package/button/lib/es6/Button.js +27 -27
- package/card/lib/cjs/Card.js +9 -8
- package/card/lib/cjs/Card.js.map +1 -1
- package/card/lib/es6/Card.js +9 -9
- package/carousel/lib/cjs/Carousel.js +20 -19
- package/carousel/lib/cjs/Carousel.js.map +1 -1
- package/carousel/lib/es6/Carousel.js +20 -20
- package/checkbox/lib/cjs/Checkbox.js +19 -18
- package/checkbox/lib/cjs/Checkbox.js.map +1 -1
- package/checkbox/lib/es6/Checkbox.js +19 -19
- package/color-picker/lib/cjs/ColorPicker.js +24 -23
- package/color-picker/lib/cjs/ColorPicker.js.map +1 -1
- package/color-picker/lib/cjs/PaletteManager.js +25 -24
- package/color-picker/lib/cjs/PaletteManager.js.map +1 -1
- package/color-picker/lib/cjs/components/InputColor.js +24 -23
- package/color-picker/lib/cjs/components/InputColor.js.map +1 -1
- package/color-picker/lib/es6/ColorPicker.js +24 -24
- package/color-picker/lib/es6/PaletteManager.js +24 -24
- package/color-picker/lib/es6/components/InputColor.js +24 -24
- package/components.json +73 -73
- package/counter/lib/cjs/Counter.js +11 -10
- package/counter/lib/cjs/Counter.js.map +1 -1
- package/counter/lib/es6/Counter.js +11 -11
- package/d3-chart/lib/cjs/Area.js +13 -12
- package/d3-chart/lib/cjs/Area.js.map +1 -1
- package/d3-chart/lib/cjs/Axis.js +16 -15
- package/d3-chart/lib/cjs/Axis.js.map +1 -1
- package/d3-chart/lib/cjs/Bar.js +12 -11
- package/d3-chart/lib/cjs/Bar.js.map +1 -1
- package/d3-chart/lib/cjs/Bubble.js +13 -12
- package/d3-chart/lib/cjs/Bubble.js.map +1 -1
- package/d3-chart/lib/cjs/Donut.js +10 -9
- package/d3-chart/lib/cjs/Donut.js.map +1 -1
- package/d3-chart/lib/cjs/Dots.js +10 -9
- package/d3-chart/lib/cjs/Dots.js.map +1 -1
- package/d3-chart/lib/cjs/HorizontalBar.js +12 -11
- package/d3-chart/lib/cjs/HorizontalBar.js.map +1 -1
- package/d3-chart/lib/cjs/Hover.js +4 -3
- package/d3-chart/lib/cjs/Hover.js.map +1 -1
- package/d3-chart/lib/cjs/Line.js +11 -10
- package/d3-chart/lib/cjs/Line.js.map +1 -1
- package/d3-chart/lib/cjs/Plot.js +4 -3
- package/d3-chart/lib/cjs/Plot.js.map +1 -1
- package/d3-chart/lib/cjs/Radar.js +20 -19
- package/d3-chart/lib/cjs/Radar.js.map +1 -1
- package/d3-chart/lib/cjs/RadialTree.js +13 -12
- package/d3-chart/lib/cjs/RadialTree.js.map +1 -1
- package/d3-chart/lib/cjs/ReferenceLine.js +11 -10
- package/d3-chart/lib/cjs/ReferenceLine.js.map +1 -1
- package/d3-chart/lib/cjs/ScatterPlot.js +10 -9
- package/d3-chart/lib/cjs/ScatterPlot.js.map +1 -1
- package/d3-chart/lib/cjs/Tooltip.js +10 -9
- package/d3-chart/lib/cjs/Tooltip.js.map +1 -1
- package/d3-chart/lib/cjs/Venn.js +10 -9
- package/d3-chart/lib/cjs/Venn.js.map +1 -1
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +3 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js.map +1 -1
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +3 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +5 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +18 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +7 -6
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js.map +1 -1
- package/d3-chart/lib/es6/Area.js +12 -12
- package/d3-chart/lib/es6/Axis.js +15 -15
- package/d3-chart/lib/es6/Bar.js +11 -11
- package/d3-chart/lib/es6/Bubble.js +13 -13
- package/d3-chart/lib/es6/Donut.js +10 -10
- package/d3-chart/lib/es6/Dots.js +9 -9
- package/d3-chart/lib/es6/HorizontalBar.js +11 -11
- package/d3-chart/lib/es6/Hover.js +4 -4
- package/d3-chart/lib/es6/Line.js +10 -10
- package/d3-chart/lib/es6/Plot.js +4 -4
- package/d3-chart/lib/es6/Radar.js +20 -20
- package/d3-chart/lib/es6/RadialTree.js +12 -12
- package/d3-chart/lib/es6/ReferenceLine.js +10 -10
- package/d3-chart/lib/es6/ScatterPlot.js +10 -10
- package/d3-chart/lib/es6/Tooltip.js +10 -10
- package/d3-chart/lib/es6/Venn.js +10 -10
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +3 -3
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +3 -3
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +5 -5
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +18 -18
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +7 -7
- package/data-table/lib/cjs/DataTable.js +38 -37
- package/data-table/lib/cjs/DataTable.js.map +1 -1
- package/data-table/lib/es6/DataTable.js +38 -38
- package/date-picker/lib/cjs/components/Calendar.js +22 -21
- package/date-picker/lib/cjs/components/Calendar.js.map +1 -1
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +30 -29
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js.map +1 -1
- package/date-picker/lib/cjs/components/InputTrigger.js +30 -29
- package/date-picker/lib/cjs/components/InputTrigger.js.map +1 -1
- package/date-picker/lib/cjs/components/PickerAbstract.js +30 -29
- package/date-picker/lib/cjs/components/PickerAbstract.js.map +1 -1
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +30 -29
- package/date-picker/lib/cjs/components/RangePickerAbstract.js.map +1 -1
- package/date-picker/lib/es6/components/Calendar.js +22 -22
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +30 -30
- package/date-picker/lib/es6/components/InputTrigger.js +30 -30
- package/date-picker/lib/es6/components/PickerAbstract.js +30 -30
- package/date-picker/lib/es6/components/RangePickerAbstract.js +30 -30
- package/divider/lib/cjs/Divider.js +10 -9
- package/divider/lib/cjs/Divider.js.map +1 -1
- package/divider/lib/es6/Divider.js +10 -10
- package/dot/lib/cjs/Dot.js +11 -10
- package/dot/lib/cjs/Dot.js.map +1 -1
- package/dot/lib/es6/Dot.js +11 -11
- package/drag-and-drop/lib/cjs/DragAndDrop.js +17 -16
- package/drag-and-drop/lib/cjs/DragAndDrop.js.map +1 -1
- package/drag-and-drop/lib/es6/DragAndDrop.js +17 -17
- package/dropdown/lib/cjs/Dropdown.js +3 -2
- package/dropdown/lib/cjs/Dropdown.js.map +1 -1
- package/dropdown/lib/es6/Dropdown.js +3 -3
- package/dropdown-menu/lib/cjs/DropdownMenu.js +42 -40
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/cjs/styleScrollArea.js +7 -7
- package/dropdown-menu/lib/cjs/styleScrollArea.js.map +1 -1
- package/dropdown-menu/lib/es6/DropdownMenu.js +42 -41
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/es6/styleScrollArea.js +7 -7
- package/ellipsis/lib/cjs/Ellipsis.js +11 -10
- package/ellipsis/lib/cjs/Ellipsis.js.map +1 -1
- package/ellipsis/lib/es6/Ellipsis.js +11 -11
- package/errors/lib/cjs/Error.js +10 -9
- package/errors/lib/cjs/Error.js.map +1 -1
- package/errors/lib/es6/Error.js +10 -10
- package/feature-popover/lib/cjs/FeaturePopover.js +11 -10
- package/feature-popover/lib/cjs/FeaturePopover.js.map +1 -1
- package/feature-popover/lib/es6/FeaturePopover.js +11 -11
- package/feedback-form/lib/cjs/FeedbackForm.js +8 -7
- package/feedback-form/lib/cjs/FeedbackForm.js.map +1 -1
- package/feedback-form/lib/es6/FeedbackForm.js +8 -8
- package/flags/lib/cjs/Flags.js +5 -4
- package/flags/lib/cjs/Flags.js.map +1 -1
- package/flags/lib/es6/Flags.js +4 -4
- 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 +5 -4
- package/flex-box/lib/cjs/Box/useBox.js.map +1 -1
- package/flex-box/lib/cjs/Flex/useFlex.js +5 -4
- package/flex-box/lib/cjs/Flex/useFlex.js.map +1 -1
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +3 -2
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js.map +1 -1
- package/flex-box/lib/es6/Box/useBox.js +4 -4
- package/flex-box/lib/es6/Flex/useFlex.js +4 -4
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +3 -3
- package/format-text/lib/cjs/FormatText.js +6 -5
- package/format-text/lib/cjs/FormatText.js.map +1 -1
- package/format-text/lib/es6/FormatText.js +6 -6
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +14 -13
- package/fullscreen-modal/lib/cjs/FullscreenModal.js.map +1 -1
- package/fullscreen-modal/lib/es6/FullscreenModal.js +14 -14
- package/grid/lib/cjs/Grid.js +115 -114
- package/grid/lib/cjs/Grid.js.map +1 -1
- package/grid/lib/es6/Grid.js +115 -115
- 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 +7 -6
- package/icon/lib/cjs/Icon.js.map +1 -1
- package/icon/lib/es6/Icon.js +6 -6
- 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 +5 -4
- package/inline-edit/lib/cjs/InlineEdit.js.map +1 -1
- package/inline-edit/lib/es6/InlineEdit.js +5 -5
- package/inline-input/lib/cjs/InlineInput.js +19 -18
- package/inline-input/lib/cjs/InlineInput.js.map +1 -1
- package/inline-input/lib/es6/InlineInput.js +19 -19
- package/input/lib/cjs/Input.js +18 -17
- package/input/lib/cjs/Input.js.map +1 -1
- package/input/lib/es6/Input.js +18 -18
- package/input-mask/lib/cjs/InputMask.js +7 -6
- package/input-mask/lib/cjs/InputMask.js.map +1 -1
- package/input-mask/lib/es6/InputMask.js +7 -7
- package/input-number/lib/cjs/InputNumber.js +10 -9
- package/input-number/lib/cjs/InputNumber.js.map +1 -1
- package/input-number/lib/es6/InputNumber.js +10 -10
- package/input-tags/lib/cjs/InputTags.js +13 -12
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +13 -13
- package/link/lib/cjs/Link.js +13 -12
- package/link/lib/cjs/Link.js.map +1 -1
- package/link/lib/es6/Link.js +13 -13
- package/mini-chart/lib/cjs/component/score/Donut.js +10 -9
- package/mini-chart/lib/cjs/component/score/Donut.js.map +1 -1
- package/mini-chart/lib/cjs/component/score/Line.js +18 -17
- package/mini-chart/lib/cjs/component/score/Line.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Bar.js +8 -7
- package/mini-chart/lib/cjs/component/trend/Bar.js.map +1 -1
- package/mini-chart/lib/cjs/component/trend/Line.js +8 -7
- package/mini-chart/lib/cjs/component/trend/Line.js.map +1 -1
- package/mini-chart/lib/es6/component/score/Donut.js +10 -10
- package/mini-chart/lib/es6/component/score/Line.js +18 -18
- package/mini-chart/lib/es6/component/trend/Bar.js +8 -8
- package/mini-chart/lib/es6/component/trend/Line.js +8 -8
- package/modal/lib/cjs/Modal.js +10 -9
- package/modal/lib/cjs/Modal.js.map +1 -1
- package/modal/lib/es6/Modal.js +10 -10
- package/notice/lib/cjs/Notice.js +14 -13
- package/notice/lib/cjs/Notice.js.map +1 -1
- package/notice/lib/es6/Notice.js +14 -14
- package/notice-bubble/lib/cjs/NoticeBubble.js +13 -12
- package/notice-bubble/lib/cjs/NoticeBubble.js.map +1 -1
- package/notice-bubble/lib/es6/NoticeBubble.js +13 -13
- package/notice-global/lib/cjs/NoticeGlobal.js +12 -11
- package/notice-global/lib/cjs/NoticeGlobal.js.map +1 -1
- package/notice-global/lib/es6/NoticeGlobal.js +12 -12
- package/package.json +2 -2
- package/pagination/lib/cjs/Pagination.js +11 -10
- package/pagination/lib/cjs/Pagination.js.map +1 -1
- package/pagination/lib/es6/Pagination.js +11 -11
- package/pills/lib/cjs/Pills.js +14 -13
- package/pills/lib/cjs/Pills.js.map +1 -1
- package/pills/lib/es6/Pills.js +14 -14
- package/popper/lib/cjs/Popper.js +7 -6
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/es6/Popper.js +7 -7
- package/product-head/lib/cjs/Info.js +5 -4
- package/product-head/lib/cjs/Info.js.map +1 -1
- package/product-head/lib/cjs/ProductHead.js +6 -5
- package/product-head/lib/cjs/ProductHead.js.map +1 -1
- package/product-head/lib/cjs/Title.js +5 -4
- package/product-head/lib/cjs/Title.js.map +1 -1
- package/product-head/lib/es6/Info.js +5 -5
- package/product-head/lib/es6/ProductHead.js +6 -6
- package/product-head/lib/es6/Title.js +5 -5
- package/progress-bar/lib/cjs/ProgressBar.js +16 -15
- package/progress-bar/lib/cjs/ProgressBar.js.map +1 -1
- package/progress-bar/lib/es6/ProgressBar.js +16 -16
- package/radio/lib/cjs/Radio.js +17 -16
- package/radio/lib/cjs/Radio.js.map +1 -1
- package/radio/lib/es6/Radio.js +17 -17
- package/scroll-area/lib/cjs/ScrollArea.js +22 -21
- package/scroll-area/lib/cjs/ScrollArea.js.map +1 -1
- package/scroll-area/lib/cjs/ScrollBar.js +7 -6
- package/scroll-area/lib/cjs/ScrollBar.js.map +1 -1
- package/scroll-area/lib/es6/ScrollArea.js +22 -22
- package/scroll-area/lib/es6/ScrollBar.js +7 -7
- package/select/lib/cjs/InputSearch.js +7 -6
- package/select/lib/cjs/InputSearch.js.map +1 -1
- package/select/lib/cjs/Select.js +9 -14
- package/select/lib/cjs/Select.js.map +1 -1
- package/select/lib/es6/InputSearch.js +7 -7
- package/select/lib/es6/Select.js +9 -15
- package/select/lib/es6/Select.js.map +1 -1
- package/side-panel/lib/cjs/SidePanel.js +16 -15
- package/side-panel/lib/cjs/SidePanel.js.map +1 -1
- package/side-panel/lib/es6/SidePanel.js +16 -16
- package/skeleton/lib/cjs/Charts/Area.js +10 -9
- package/skeleton/lib/cjs/Charts/Area.js.map +1 -1
- package/skeleton/lib/cjs/Charts/Bar.js +10 -9
- package/skeleton/lib/cjs/Charts/Bar.js.map +1 -1
- package/skeleton/lib/cjs/Charts/Bubble.js +10 -9
- package/skeleton/lib/cjs/Charts/Bubble.js.map +1 -1
- package/skeleton/lib/cjs/Charts/Donut.js +10 -9
- package/skeleton/lib/cjs/Charts/Donut.js.map +1 -1
- package/skeleton/lib/cjs/Charts/Histogram.js +10 -9
- package/skeleton/lib/cjs/Charts/Histogram.js.map +1 -1
- package/skeleton/lib/cjs/Charts/Line.js +10 -9
- package/skeleton/lib/cjs/Charts/Line.js.map +1 -1
- package/skeleton/lib/cjs/Charts/RadialTree.js +10 -9
- package/skeleton/lib/cjs/Charts/RadialTree.js.map +1 -1
- package/skeleton/lib/cjs/Charts/ScatterPlot.js +10 -9
- package/skeleton/lib/cjs/Charts/ScatterPlot.js.map +1 -1
- package/skeleton/lib/cjs/Charts/Venn.js +10 -9
- package/skeleton/lib/cjs/Charts/Venn.js.map +1 -1
- package/skeleton/lib/cjs/Skeleton.js +9 -8
- package/skeleton/lib/cjs/Skeleton.js.map +1 -1
- package/skeleton/lib/es6/Charts/Area.js +10 -10
- package/skeleton/lib/es6/Charts/Bar.js +10 -10
- package/skeleton/lib/es6/Charts/Bubble.js +10 -10
- package/skeleton/lib/es6/Charts/Donut.js +10 -10
- package/skeleton/lib/es6/Charts/Histogram.js +10 -10
- package/skeleton/lib/es6/Charts/Line.js +10 -10
- package/skeleton/lib/es6/Charts/RadialTree.js +10 -10
- package/skeleton/lib/es6/Charts/ScatterPlot.js +10 -10
- package/skeleton/lib/es6/Charts/Venn.js +10 -10
- package/skeleton/lib/es6/Skeleton.js +9 -9
- package/slider/lib/cjs/Slider.js +9 -8
- package/slider/lib/cjs/Slider.js.map +1 -1
- package/slider/lib/es6/Slider.js +9 -9
- package/spin/lib/cjs/Spin.js +14 -13
- package/spin/lib/cjs/Spin.js.map +1 -1
- package/spin/lib/es6/Spin.js +14 -14
- package/spin-container/lib/cjs/SpinContainer.js +9 -8
- package/spin-container/lib/cjs/SpinContainer.js.map +1 -1
- package/spin-container/lib/es6/SpinContainer.js +9 -9
- package/sticky/lib/cjs/Sticky.js +3 -2
- package/sticky/lib/cjs/Sticky.js.map +1 -1
- package/sticky/lib/es6/Sticky.js +3 -3
- package/switch/lib/cjs/Switch.js +22 -21
- package/switch/lib/cjs/Switch.js.map +1 -1
- package/switch/lib/es6/Switch.js +22 -22
- package/tab-line/lib/cjs/TabLine.js +14 -13
- package/tab-line/lib/cjs/TabLine.js.map +1 -1
- package/tab-line/lib/es6/TabLine.js +14 -14
- package/tab-panel/lib/cjs/TabPanel.js +9 -8
- package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
- package/tab-panel/lib/es6/TabPanel.js +9 -9
- package/tag/lib/cjs/Tag.js +21 -20
- package/tag/lib/cjs/Tag.js.map +1 -1
- package/tag/lib/es6/Tag.js +21 -21
- package/textarea/lib/cjs/Textarea.js +9 -8
- package/textarea/lib/cjs/Textarea.js.map +1 -1
- package/textarea/lib/es6/Textarea.js +9 -9
- package/time-picker/lib/cjs/TimePicker.js +13 -12
- package/time-picker/lib/cjs/TimePicker.js.map +1 -1
- package/time-picker/lib/es6/TimePicker.js +13 -13
- package/tooltip/lib/cjs/Tooltip.js +10 -9
- package/tooltip/lib/cjs/Tooltip.js.map +1 -1
- package/tooltip/lib/es6/Tooltip.js +10 -10
- package/typography/lib/cjs/Blockquote.js +5 -4
- package/typography/lib/cjs/Blockquote.js.map +1 -1
- package/typography/lib/cjs/Hint.js +8 -7
- package/typography/lib/cjs/Hint.js.map +1 -1
- package/typography/lib/cjs/List.js +6 -5
- package/typography/lib/cjs/List.js.map +1 -1
- package/typography/lib/cjs/Text.js +35 -34
- package/typography/lib/cjs/Text.js.map +1 -1
- package/typography/lib/es6/Blockquote.js +5 -5
- package/typography/lib/es6/Hint.js +8 -8
- package/typography/lib/es6/List.js +6 -6
- package/typography/lib/es6/Text.js +35 -35
- package/utils/lib/ThemeProvider.js +14 -13
- package/utils/lib/ThemeProvider.js.map +1 -1
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.d.ts +1 -1
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +9 -8
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js.map +1 -1
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +4 -4
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs.map +1 -1
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/utils/lib/use/useFocusLock.js +5 -1
- package/utils/lib/use/useFocusLock.js.map +1 -1
- package/utils/lib/use/useFocusLock.mjs +5 -1
- package/utils/lib/use/useFocusLock.mjs.map +1 -1
- package/widget-empty/lib/cjs/WidgetEmpty.js +6 -5
- package/widget-empty/lib/cjs/WidgetEmpty.js.map +1 -1
- package/widget-empty/lib/es6/WidgetEmpty.js +6 -6
- package/wizard/lib/cjs/Wizard.js +12 -11
- package/wizard/lib/cjs/Wizard.js.map +1 -1
- package/wizard/lib/es6/Wizard.js +12 -12
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","_defineProperty2","resolveColorEnhance","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n static enhance = [resolveColorEnhance()];\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box} aria-busy={loading}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"
|
1
|
+
{"version":3,"file":"SpinContainer.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_animation","_spin","_flexBox","_resolveColorEnhance","_findComponent","style","_index","sstyled","insert","SpinContainerRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getOverlayProps","_this$asProps","asProps","loading","background","duration","size","theme","resolveColor","render","_ref","_ref4","SSpinContainer","Box","_this$asProps2","styles","Children","forcedAdvancedMode","advancedMode","isAdvanceMode","SpinContainer","Overlay","displayName","createElement","cn","_objectSpread2","assignProps","Fragment","Content","Component","_defineProperty2","resolveColorEnhance","_Component2","_super2","_ref2","_ref5","SOverlay","_this$asProps3","useTheme","FadeInOut","_ref7","children","props","_ref3","arguments[0]","_ref6","SContent","createComponent","_default","exports"],"sources":["../../src/SpinContainer.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { FadeInOut } from '@semcore/animation';\nimport Spin from '@semcore/spin';\nimport { Box } from '@semcore/flex-box';\nimport resolveColorEnhance from '@semcore/utils/lib/enhances/resolveColorEnhance';\nimport { isAdvanceMode } from '@semcore/utils/lib/findComponent';\n\nimport style from './style/spin-container.shadow.css';\n\nclass SpinContainerRoot extends Component {\n static displayName = 'SpinContainer';\n static style = style;\n static defaultProps = {\n size: 'xxl',\n theme: 'dark',\n duration: 200,\n };\n static enhance = [resolveColorEnhance()];\n\n getOverlayProps() {\n const { loading, background, duration, size, theme, resolveColor } = this.asProps;\n return {\n background,\n // for Animated\n loading,\n duration,\n // for Spin\n size,\n theme,\n resolveColor,\n };\n }\n\n render() {\n const SSpinContainer = Root;\n const { styles, Children, loading, forcedAdvancedMode } = this.asProps;\n\n const advancedMode =\n forcedAdvancedMode || isAdvanceMode(Children, [SpinContainer.Overlay.displayName]);\n\n return sstyled(styles)(\n <SSpinContainer render={Box} aria-busy={loading}>\n {advancedMode ? (\n <Children />\n ) : (\n <>\n <SpinContainer.Content>\n <Children />\n </SpinContainer.Content>\n <SpinContainer.Overlay />\n </>\n )}\n </SSpinContainer>,\n );\n }\n}\n\nclass Overlay extends Component {\n static defaultProps = ({ size, theme }) => ({\n children: <Spin size={size} theme={theme} />,\n });\n\n render() {\n const SOverlay = Root;\n const { styles, theme, background, loading, duration, resolveColor } = this.asProps;\n const useTheme = background ? 'custom' : theme;\n\n return sstyled(styles)(\n <FadeInOut visible={loading} duration={duration}>\n <SOverlay render={Box} use:theme={useTheme} use:background={resolveColor(background)} />\n </FadeInOut>,\n );\n }\n}\n\nfunction Content(props) {\n const SContent = Root;\n const { styles } = props;\n return sstyled(styles)(<SContent render={Box} />);\n}\n\nconst SpinContainer = createComponent(SpinContainerRoot, {\n Overlay,\n Content,\n});\n\nexport default SpinContainer;\n"],"mappings":"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"}
|
@@ -4,7 +4,7 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
7
|
-
import { sstyled as _sstyled } from 'intergalactic/core';
|
7
|
+
import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
|
8
8
|
import { assignProps as _assignProps3 } from 'intergalactic/core';
|
9
9
|
import { assignProps as _assignProps2 } from 'intergalactic/core';
|
10
10
|
import { assignProps as _assignProps } from 'intergalactic/core';
|
@@ -16,14 +16,14 @@ import { Box } from 'intergalactic/flex-box';
|
|
16
16
|
import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
17
17
|
import { isAdvanceMode } from 'intergalactic/utils/lib/findComponent';
|
18
18
|
/*__reshadow-styles__:"./style/spin-container.shadow.css"*/
|
19
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
20
|
-
"__SSpinContainer": "
|
21
|
-
"__SContent": "
|
22
|
-
"__SOverlay": "
|
23
|
-
"_theme_invert": "
|
24
|
-
"_theme_dark": "
|
25
|
-
"_theme_custom": "
|
26
|
-
"--background": "--
|
19
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSpinContainer_18nsu_gg_{z-index:0;position:relative;display:block;overflow:hidden}.___SContent_18nsu_gg_{z-index:0;position:relative}.___SOverlay_18nsu_gg_{z-index:1;display:flex;width:100%;height:100%;justify-content:center;align-items:center;position:absolute;top:0;left:0}.___SOverlay_18nsu_gg_._theme_invert_18nsu_gg_{background-color:var(--intergalactic-overlay-secondary, rgba(25, 27, 35, 0.4))}.___SOverlay_18nsu_gg_._theme_dark_18nsu_gg_{background-color:var(--intergalactic-overlay-limitation-secondary, rgba(255, 255, 255, 0.85))}.___SOverlay_18nsu_gg_._theme_custom_18nsu_gg_{background-color:var(--background_18nsu)}" /*__inner_css_end__*/, "18nsu_gg_") /*__reshadow_css_end__*/, {
|
20
|
+
"__SSpinContainer": "___SSpinContainer_18nsu_gg_",
|
21
|
+
"__SContent": "___SContent_18nsu_gg_",
|
22
|
+
"__SOverlay": "___SOverlay_18nsu_gg_",
|
23
|
+
"_theme_invert": "_theme_invert_18nsu_gg_",
|
24
|
+
"_theme_dark": "_theme_dark_18nsu_gg_",
|
25
|
+
"_theme_custom": "_theme_custom_18nsu_gg_",
|
26
|
+
"--background": "--background_18nsu"
|
27
27
|
});
|
28
28
|
var SpinContainerRoot = /*#__PURE__*/function (_Component) {
|
29
29
|
_inherits(SpinContainerRoot, _Component);
|
package/sticky/lib/cjs/Sticky.js
CHANGED
@@ -12,12 +12,13 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
|
|
12
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
13
13
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
14
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
15
|
+
var _index = require("intergalactic/utils/lib/core/index");
|
15
16
|
var _core = _interopRequireWildcard(require("intergalactic/core"));
|
16
17
|
var _react = _interopRequireDefault(require("react"));
|
17
18
|
var _flexBox = require("intergalactic/flex-box");
|
18
19
|
/*__reshadow-styles__:"./style/sticky.shadow.css"*/
|
19
|
-
var style = ( /*__reshadow_css_start__*/
|
20
|
-
"__SSticky": "
|
20
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSticky_1m2r5_gg_{position:sticky}" /*__inner_css_end__*/, "1m2r5_gg_") /*__reshadow_css_end__*/, {
|
21
|
+
"__SSticky": "___SSticky_1m2r5_gg_"
|
21
22
|
});
|
22
23
|
/** @deprecated */
|
23
24
|
var StickyRoot = /*#__PURE__*/function (_Component) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Sticky.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","style","sstyled","insert","StickyRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSticky","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","top","Sticky","createComponent","_default","exports"],"sources":["../../src/Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport createComponent, { UnknownProperties, Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/sticky.shadow.css';\n\n/** @deprecated */\nexport interface IStickyProps extends StickyProps, UnknownProperties {}\nexport type StickyProps = BoxProps & {\n /** css property\n * @default 0\n * */\n top?: string | number;\n};\n\nclass StickyRoot extends Component<IStickyProps> {\n static displayName = 'Sticky';\n static defaultProps = {\n top: 0,\n };\n static style = style;\n\n render() {\n const SSticky = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<SSticky render={Box} />);\n }\n}\n\nconst Sticky = createComponent(StickyRoot) as <T>(props: IStickyProps & T) => React.ReactElement;\n/**\n * @deprecated Please, use package `intergalactic/flex-box` instead. Package `@semcore/sticky` will be removed in the next major release\n */\nexport default Sticky;\n"],"mappings":"
|
1
|
+
{"version":3,"file":"Sticky.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","style","_index","sstyled","insert","StickyRoot","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","asProps","_ref2","SSticky","Box","styles","createElement","cn","_objectSpread2","assignProps","Component","_defineProperty2","top","Sticky","createComponent","_default","exports"],"sources":["../../src/Sticky.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport createComponent, { UnknownProperties, Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/sticky.shadow.css';\n\n/** @deprecated */\nexport interface IStickyProps extends StickyProps, UnknownProperties {}\nexport type StickyProps = BoxProps & {\n /** css property\n * @default 0\n * */\n top?: string | number;\n};\n\nclass StickyRoot extends Component<IStickyProps> {\n static displayName = 'Sticky';\n static defaultProps = {\n top: 0,\n };\n static style = style;\n\n render() {\n const SSticky = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<SSticky render={Box} />);\n }\n}\n\nconst Sticky = createComponent(StickyRoot) as <T>(props: IStickyProps & T) => React.ReactElement;\n/**\n * @deprecated Please, use package `intergalactic/flex-box` instead. Package `@semcore/sticky` will be removed in the next major release\n */\nexport default Sticky;\n"],"mappings":";;;;;;;;;;;;;;;AAEA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAFA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAkD;AAAA,IAAAI,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;AAAA;AAKlD;AAAA,IASMC,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,gBAAA,mBAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,aAAAR,UAAA;IAAAS,GAAA;IAAAC,KAAA,EAOd,SAAAC,OAAA,EAAS;MAAA,IAAAC,IAAA,QAAAC,OAAA;QAAAC,KAAA;MACP,IAAMC,OAAO,GAG2BC,YAAG;MAF3C,IAAQC,MAAM,GAAK,IAAI,CAACJ,OAAO,CAAvBI,MAAM;MAEd,OAAAH,KAAA,GAAO,IAAAhB,aAAO,EAACmB,MAAM,CAAC,eAACxB,MAAA,YAAAyB,aAAA,CAACH,OAAO,EAAAD,KAAA,CAAAK,EAAA,gBAAAC,cAAA,qBAAA9B,KAAA,CAAA+B,WAAA,MAAAT,IAAA,IAAgB;IACjD;EAAC;EAAA,OAAAZ,UAAA;AAAA,EAZsBsB,eAAS;AAAA,IAAAC,gBAAA,aAA5BvB,UAAU,iBACO,QAAQ;AAAA,IAAAuB,gBAAA,aADzBvB,UAAU,kBAEQ;EACpBwB,GAAG,EAAE;AACP,CAAC;AAAA,IAAAD,gBAAA,aAJGvB,UAAU,WAKCJ,KAAK;AAUtB,IAAM6B,MAAM,GAAG,IAAAC,gBAAe,EAAC1B,UAAU,CAAuD;AAChG;AACA;AACA;AAFA,IAAA2B,QAAA,GAGeF,MAAM;AAAAG,OAAA,cAAAD,QAAA"}
|
package/sticky/lib/es6/Sticky.js
CHANGED
@@ -4,14 +4,14 @@ import _createClass from "@babel/runtime/helpers/createClass";
|
|
4
4
|
import _inherits from "@babel/runtime/helpers/inherits";
|
5
5
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
6
6
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
7
|
-
import { sstyled as _sstyled } from 'intergalactic/core';
|
7
|
+
import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
|
8
8
|
import { assignProps as _assignProps } from 'intergalactic/core';
|
9
9
|
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_1m2r5_gg_{position:sticky}" /*__inner_css_end__*/, "1m2r5_gg_") /*__reshadow_css_end__*/, {
|
14
|
+
"__SSticky": "___SSticky_1m2r5_gg_"
|
15
15
|
});
|
16
16
|
/** @deprecated */
|
17
17
|
var StickyRoot = /*#__PURE__*/function (_Component) {
|
package/switch/lib/cjs/Switch.js
CHANGED
@@ -21,6 +21,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
21
21
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
22
22
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
23
23
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
24
|
+
var _index = require("intergalactic/utils/lib/core/index");
|
24
25
|
var _core = _interopRequireWildcard(require("intergalactic/core"));
|
25
26
|
var _react = _interopRequireDefault(require("react"));
|
26
27
|
var _flexBox = require("intergalactic/flex-box");
|
@@ -33,27 +34,27 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
|
|
33
34
|
var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseDOM"));
|
34
35
|
var _excluded = ["Children", "forwardRef", "styles", "includeInputProps", "keyboardFocused", "neighborLocation", "theme", "uid", "active", "resolveColor"];
|
35
36
|
/*__reshadow-styles__:"./style/switch.shadow.css"*/
|
36
|
-
var style = ( /*__reshadow_css_start__*/
|
37
|
-
"__SSwitch": "
|
38
|
-
"__SToggle": "
|
39
|
-
"_checked": "
|
40
|
-
"_theme_info": "
|
41
|
-
"_theme_success": "
|
42
|
-
"_theme_custom": "
|
43
|
-
"--color": "--
|
44
|
-
"_keyboardFocused": "
|
45
|
-
"_neighborLocation_left": "
|
46
|
-
"_neighborLocation_both": "
|
47
|
-
"_neighborLocation_right": "
|
48
|
-
"__SInput": "
|
49
|
-
"__SAddon": "
|
50
|
-
"__SSlider": "
|
51
|
-
"_size": "
|
52
|
-
"_size_m": "
|
53
|
-
"_size_l": "
|
54
|
-
"_size_xl": "
|
55
|
-
"_disabled": "
|
56
|
-
"_active": "
|
37
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SSwitch_1xmb0_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1xmb0_gg_.__size_1xmb0_gg_ .___SToggle_1xmb0_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1xmb0_gg_._size_m_1xmb0_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1xmb0_gg_._size_m_1xmb0_gg_ .___SToggle_1xmb0_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1xmb0_gg_._size_m_1xmb0_gg_ .___SSlider_1xmb0_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1xmb0_gg_._size_l_1xmb0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1xmb0_gg_._size_l_1xmb0_gg_ .___SToggle_1xmb0_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1xmb0_gg_._size_l_1xmb0_gg_ .___SSlider_1xmb0_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1xmb0_gg_._size_xl_1xmb0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1xmb0_gg_._size_xl_1xmb0_gg_ .___SToggle_1xmb0_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1xmb0_gg_._size_xl_1xmb0_gg_ .___SSlider_1xmb0_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1xmb0_gg_.__disabled_1xmb0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1xmb0_gg_.__disabled_1xmb0_gg_ .___SAddon_1xmb0_gg_,.___SSwitch_1xmb0_gg_.__disabled_1xmb0_gg_ .___SToggle_1xmb0_gg_{cursor:default}.___SSlider_1xmb0_gg_,.___SToggle_1xmb0_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1xmb0_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1xmb0_gg_.__checked_1xmb0_gg_._theme_info_1xmb0_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1xmb0_gg_.__checked_1xmb0_gg_._theme_success_1xmb0_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1xmb0_gg_.__checked_1xmb0_gg_._theme_custom_1xmb0_gg_{color:var(--color_1xmb0);background-color:var(--color_1xmb0)}.___SToggle_1xmb0_gg_.__keyboardFocused_1xmb0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1xmb0_gg_._neighborLocation_left_1xmb0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1xmb0_gg_._neighborLocation_both_1xmb0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1xmb0_gg_._neighborLocation_right_1xmb0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1xmb0_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_1xmb0_gg_.__checked_1xmb0_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1xmb0_gg_.__active_1xmb0_gg_ .___SSlider_1xmb0_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1xmb0_gg_.__active_1xmb0_gg_ .___SSlider_1xmb0_gg_.__checked_1xmb0_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1xmb0_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1xmb0_gg_{cursor:pointer}.___SAddon_1xmb0_gg_._neighborLocation_right_1xmb0_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1xmb0_gg_._neighborLocation_left_1xmb0_gg_,.___SSwitch_1xmb0_gg_.__checked_1xmb0_gg_ .___SAddon_1xmb0_gg_._neighborLocation_right_1xmb0_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1xmb0_gg_._neighborLocation_left_1xmb0_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1xmb0_gg_.__checked_1xmb0_gg_ .___SAddon_1xmb0_gg_._neighborLocation_right_1xmb0_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1xmb0_gg_.__checked_1xmb0_gg_ .___SAddon_1xmb0_gg_._neighborLocation_left_1xmb0_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1xmb0_gg_{transition:none}}" /*__inner_css_end__*/, "1xmb0_gg_") /*__reshadow_css_end__*/, {
|
38
|
+
"__SSwitch": "___SSwitch_1xmb0_gg_",
|
39
|
+
"__SToggle": "___SToggle_1xmb0_gg_",
|
40
|
+
"_checked": "__checked_1xmb0_gg_",
|
41
|
+
"_theme_info": "_theme_info_1xmb0_gg_",
|
42
|
+
"_theme_success": "_theme_success_1xmb0_gg_",
|
43
|
+
"_theme_custom": "_theme_custom_1xmb0_gg_",
|
44
|
+
"--color": "--color_1xmb0",
|
45
|
+
"_keyboardFocused": "__keyboardFocused_1xmb0_gg_",
|
46
|
+
"_neighborLocation_left": "_neighborLocation_left_1xmb0_gg_",
|
47
|
+
"_neighborLocation_both": "_neighborLocation_both_1xmb0_gg_",
|
48
|
+
"_neighborLocation_right": "_neighborLocation_right_1xmb0_gg_",
|
49
|
+
"__SInput": "___SInput_1xmb0_gg_",
|
50
|
+
"__SAddon": "___SAddon_1xmb0_gg_",
|
51
|
+
"__SSlider": "___SSlider_1xmb0_gg_",
|
52
|
+
"_size": "__size_1xmb0_gg_",
|
53
|
+
"_size_m": "_size_m_1xmb0_gg_",
|
54
|
+
"_size_l": "_size_l_1xmb0_gg_",
|
55
|
+
"_size_xl": "_size_xl_1xmb0_gg_",
|
56
|
+
"_disabled": "__disabled_1xmb0_gg_",
|
57
|
+
"_active": "__active_1xmb0_gg_"
|
57
58
|
});
|
58
59
|
function isCustomTheme(theme) {
|
59
60
|
return !['info', 'success'].includes(theme);
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Switch.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_resolveColorEnhance","_inputProps","_assignProps3","_uniqueID","_canUseDOM","_excluded","style","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":";;;;;;;;;;;;;;;;;;;;;;;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,+BAAAd,KAAA,CAAAe,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,eACpB9D,MAAA,YAAAkE,aAAA,CAACR,OAAO,EAAAF,KAAA,CAAAW,EAAA,gBAAAC,cAAA,qBAAAvE,KAAA,CAAAwE,WAAA;QAAA,OAAkB,OAAO;QAAA,WAAUL,OAAO;QAAA,eAAe,IAAI,CAACM;MAAe,GAAAf,IAAA,kBACnFvD,MAAA,YAAAkE,aAAA,CAAC/D,iBAAA,WAAgB,EAAAqD,KAAA,CAAAW,EAAA;QAAA,kBAAiBJ;MAAc,iBAC9C/D,MAAA,YAAAkE,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,WAEKN,KAAK;AAAA,IAAAe,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,EAAA9F,SAAA;MAGV,IAAAsG,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,IAAMyG,UAAU,GAAGJ,UAAU,CAACpD,OAAO,UAAAqB,MAAA,CAC1BrC,GAAG,iCAAAqC,MAAA,CACHrC,GAAG,wBAAqB;MAEnC,oBACEhD,MAAA,YAAAkE,aAAA,CAAC/D,iBAAA,WAAgB,CAACsH,MAAM;QAACb,gBAAgB,EAAEA;MAAiB,GACzD,UAACA,gBAAgB;QAAA,IAAAc,KAAA;QAAA,OAAAA,KAAA,GAChB,IAAA9G,aAAO,EAACkD,MAAM,CAAC,eACb9D,MAAA,YAAAkE,aAAA,CAACmC,OAAO,EAAAqB,KAAA,CAAAvD,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,iBAEfrH,MAAA,YAAAkE,aAAA,CAACoC,MAAM,EAAAoB,KAAA,CAAAvD,EAAA,eAAAC,cAAA,iBAAAA,cAAA;UAAA,OACD,OAAO;UAAA,QACN,UAAU;UAAA,OACVqC,UAAU;UAAA,QACV,QAAQ;UAAA,mBACIe,UAAU;UAAA,gBACbJ,UAAU,CAACpD,OAAO;UAAA,iBACjBoD,UAAU,CAACO;QAAQ,GAC9BP,UAAU;UAAA,WACL,IAAAQ,kCAAoB,EAACxB,MAAI,CAACyB,iBAAiB,EAAET,UAAU,CAACU,KAAK,CAAC;UAAA,aAC5D,IAAAF,kCAAoB,EAACxB,MAAI,CAAC2B,aAAa,EAAEX,UAAU,CAACY,SAAS;QAAC,IACzE,eACFhI,MAAA,YAAAkE,aAAA,CAACqC,OAAO,EAAAmB,KAAA,CAAAvD,EAAA;UAAA,WAAUiD,UAAU,CAACpD;QAAO,iBAClChE,MAAA,YAAAkE,aAAA,CAACL,QAAQ,EAAA6D,KAAA,CAAAvD,EAAA,iBAAG,CACJ,CACF;MAAA,CACX,CAEqB;IAE9B;EAAC;EAAA,OAAAO,KAAA;AAAA,EA9GiBH,eAAS;AAAA,IAAA7C,gBAAA,aAAvBgD,KAAK,gBACW,CAAC,SAAS,EAAE,UAAU,CAAC;AAAA,IAAAhD,gBAAA,aADvCgD,KAAK,aAEQ,CAAC,IAAAuD,gCAAoB,GAAE,EAAE,IAAAC,+BAAmB,GAAE,CAAC;AAAA,IAAAxG,gBAAA,aAF5DgD,KAAK,kBAGa;EACpBgC,iBAAiB,EAAEU,sBAAU;EAC7Be,cAAc,EAAE;AAClB,CAAC;AA2GH,SAASC,KAAKA,CAAC9G,KAAK,EAAE;EAAA,IAAA+G,KAAA,GAAAC,YAAA;EACpB,IAAMC,MAAM,GAQM5E,YAAG;EAPrB,IAAQG,MAAM,GAA4BxC,KAAK,CAAvCwC,MAAM;IAAE8C,gBAAgB,GAAUtF,KAAK,CAA/BsF,gBAAgB;IAAE5D,GAAG,GAAK1B,KAAK,CAAb0B,GAAG;EAErC,oBACEhD,MAAA,YAAAkE,aAAA,CAAC/D,iBAAA,WAAgB,CAACsH,MAAM;IAACb,gBAAgB,EAAEA;EAAiB,GACzD,UAACA,gBAAgB;IAAA,IAAA4B,KAAA;IAAA,OAAAA,KAAA,GAChB,IAAA5H,aAAO,EAACkD,MAAM,CAAC,eACb9D,MAAA,YAAAkE,aAAA,CAACqE,MAAM,EAAAC,KAAA,CAAArE,EAAA,eAAAC,cAAA,qBAAAvE,KAAA,CAAAwE,WAAA;MAAA,OAED,MAAM;MAAA,oBACQuC,gBAAgB;MAAA,eACtB,MAAM;MAAA,aAAAvB,MAAA,CACPrC,GAAG,oBAAAqC,MAAA,CAAiBuB,gBAAgB;IAAA,GAAAyB,KAAA,IAC/C;EAAA,CACH,CAEqB;AAE9B;AAAC,IAAAI,QAAA,GAGc,IAAAC,gBAAe,EAACzH,MAAM,EAAE;EACrCyD,KAAK,EAALA,KAAK;EACL0D,KAAK,EAALA;AACF,CAAC,CAAC;AAAAO,OAAA,cAAAF,QAAA"}
|
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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"}
|
package/switch/lib/es6/Switch.js
CHANGED
@@ -7,7 +7,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
|
|
7
7
|
import _inherits from "@babel/runtime/helpers/inherits";
|
8
8
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
9
9
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
10
|
-
import { sstyled as _sstyled } from 'intergalactic/core';
|
10
|
+
import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
|
11
11
|
import { assignProps as _assignProps2 } from 'intergalactic/core';
|
12
12
|
import { assignProps as _assignProps } from 'intergalactic/core';
|
13
13
|
var _excluded = ["Children", "forwardRef", "styles", "includeInputProps", "keyboardFocused", "neighborLocation", "theme", "uid", "active", "resolveColor"];
|
@@ -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_1xmb0_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_1xmb0_gg_.__size_1xmb0_gg_ .___SToggle_1xmb0_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_1xmb0_gg_._size_m_1xmb0_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_1xmb0_gg_._size_m_1xmb0_gg_ .___SToggle_1xmb0_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_1xmb0_gg_._size_m_1xmb0_gg_ .___SSlider_1xmb0_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_1xmb0_gg_._size_l_1xmb0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_1xmb0_gg_._size_l_1xmb0_gg_ .___SToggle_1xmb0_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_1xmb0_gg_._size_l_1xmb0_gg_ .___SSlider_1xmb0_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_1xmb0_gg_._size_xl_1xmb0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_1xmb0_gg_._size_xl_1xmb0_gg_ .___SToggle_1xmb0_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_1xmb0_gg_._size_xl_1xmb0_gg_ .___SSlider_1xmb0_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_1xmb0_gg_.__disabled_1xmb0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_1xmb0_gg_.__disabled_1xmb0_gg_ .___SAddon_1xmb0_gg_,.___SSwitch_1xmb0_gg_.__disabled_1xmb0_gg_ .___SToggle_1xmb0_gg_{cursor:default}.___SSlider_1xmb0_gg_,.___SToggle_1xmb0_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_1xmb0_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_1xmb0_gg_.__checked_1xmb0_gg_._theme_info_1xmb0_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_1xmb0_gg_.__checked_1xmb0_gg_._theme_success_1xmb0_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_1xmb0_gg_.__checked_1xmb0_gg_._theme_custom_1xmb0_gg_{color:var(--color_1xmb0);background-color:var(--color_1xmb0)}.___SToggle_1xmb0_gg_.__keyboardFocused_1xmb0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_1xmb0_gg_._neighborLocation_left_1xmb0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1xmb0_gg_._neighborLocation_both_1xmb0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_1xmb0_gg_._neighborLocation_right_1xmb0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_1xmb0_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_1xmb0_gg_.__checked_1xmb0_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_1xmb0_gg_.__active_1xmb0_gg_ .___SSlider_1xmb0_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_1xmb0_gg_.__active_1xmb0_gg_ .___SSlider_1xmb0_gg_.__checked_1xmb0_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_1xmb0_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_1xmb0_gg_{cursor:pointer}.___SAddon_1xmb0_gg_._neighborLocation_right_1xmb0_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_1xmb0_gg_._neighborLocation_left_1xmb0_gg_,.___SSwitch_1xmb0_gg_.__checked_1xmb0_gg_ .___SAddon_1xmb0_gg_._neighborLocation_right_1xmb0_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_1xmb0_gg_._neighborLocation_left_1xmb0_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1xmb0_gg_.__checked_1xmb0_gg_ .___SAddon_1xmb0_gg_._neighborLocation_right_1xmb0_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_1xmb0_gg_.__checked_1xmb0_gg_ .___SAddon_1xmb0_gg_._neighborLocation_left_1xmb0_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_1xmb0_gg_{transition:none}}" /*__inner_css_end__*/, "1xmb0_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SSwitch": "___SSwitch_1xmb0_gg_",
|
27
|
+
"__SToggle": "___SToggle_1xmb0_gg_",
|
28
|
+
"_checked": "__checked_1xmb0_gg_",
|
29
|
+
"_theme_info": "_theme_info_1xmb0_gg_",
|
30
|
+
"_theme_success": "_theme_success_1xmb0_gg_",
|
31
|
+
"_theme_custom": "_theme_custom_1xmb0_gg_",
|
32
|
+
"--color": "--color_1xmb0",
|
33
|
+
"_keyboardFocused": "__keyboardFocused_1xmb0_gg_",
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_1xmb0_gg_",
|
35
|
+
"_neighborLocation_both": "_neighborLocation_both_1xmb0_gg_",
|
36
|
+
"_neighborLocation_right": "_neighborLocation_right_1xmb0_gg_",
|
37
|
+
"__SInput": "___SInput_1xmb0_gg_",
|
38
|
+
"__SAddon": "___SAddon_1xmb0_gg_",
|
39
|
+
"__SSlider": "___SSlider_1xmb0_gg_",
|
40
|
+
"_size": "__size_1xmb0_gg_",
|
41
|
+
"_size_m": "_size_m_1xmb0_gg_",
|
42
|
+
"_size_l": "_size_l_1xmb0_gg_",
|
43
|
+
"_size_xl": "_size_xl_1xmb0_gg_",
|
44
|
+
"_disabled": "__disabled_1xmb0_gg_",
|
45
|
+
"_active": "__active_1xmb0_gg_"
|
46
46
|
});
|
47
47
|
function isCustomTheme(theme) {
|
48
48
|
return !['info', 'success'].includes(theme);
|
@@ -13,6 +13,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
|
|
13
13
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
14
14
|
var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
|
15
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
16
|
+
var _index = require("intergalactic/utils/lib/core/index");
|
16
17
|
var _core = _interopRequireWildcard(require("intergalactic/core"));
|
17
18
|
var _react = _interopRequireDefault(require("react"));
|
18
19
|
var _flexBox = require("intergalactic/flex-box");
|
@@ -21,19 +22,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
|
|
21
22
|
var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
|
22
23
|
var _neighborLocation = _interopRequireDefault(require("intergalactic/neighbor-location"));
|
23
24
|
/*__reshadow-styles__:"./style/tab-line.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/
|
25
|
-
"__STabLine": "
|
26
|
-
"_underlined": "
|
27
|
-
"__SCaret": "
|
28
|
-
"__STabLineItem": "
|
29
|
-
"_selected": "
|
30
|
-
"_disabled": "
|
31
|
-
"_keyboardFocused": "
|
32
|
-
"__SText": "
|
33
|
-
"__SAddon": "
|
34
|
-
"_neighborLocation_left": "
|
35
|
-
"_size_m": "
|
36
|
-
"_size_l": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___STabLine_y87lm_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_y87lm_gg_.__underlined_y87lm_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_y87lm_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_y87lm_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_y87lm_gg_:active,.___STabLineItem_y87lm_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_y87lm_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_y87lm_gg_::after,.___STabLineItem_y87lm_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_y87lm_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_y87lm_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_y87lm_gg_.__selected_y87lm_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_y87lm_gg_ .___SAddon_y87lm_gg_:not(:last-child),.___STabLineItem_y87lm_gg_ .___SText_y87lm_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_y87lm_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_y87lm_gg_.__selected_y87lm_gg_{flex-shrink:0}.___STabLineItem_y87lm_gg_.__disabled_y87lm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_y87lm_gg_.__keyboardFocused_y87lm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_y87lm_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_y87lm_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_y87lm_gg_._size_m_y87lm_gg_{height:28px;min-width:18px}.___STabLineItem_y87lm_gg_._size_m_y87lm_gg_ .___SText_y87lm_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_y87lm_gg_._size_l_y87lm_gg_{height:40px;min-width:26px}.___STabLineItem_y87lm_gg_._size_l_y87lm_gg_ .___SText_y87lm_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_y87lm_gg_._neighborLocation_left_y87lm_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_y87lm_gg_.__selected_y87lm_gg_::after,.___STabLineItem_y87lm_gg_::after,.___STabLineItem_y87lm_gg_::before{transition:none}.___SCaret_y87lm_gg_{display:none}}" /*__inner_css_end__*/, "y87lm_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__STabLine": "___STabLine_y87lm_gg_",
|
27
|
+
"_underlined": "__underlined_y87lm_gg_",
|
28
|
+
"__SCaret": "___SCaret_y87lm_gg_",
|
29
|
+
"__STabLineItem": "___STabLineItem_y87lm_gg_",
|
30
|
+
"_selected": "__selected_y87lm_gg_",
|
31
|
+
"_disabled": "__disabled_y87lm_gg_",
|
32
|
+
"_keyboardFocused": "__keyboardFocused_y87lm_gg_",
|
33
|
+
"__SText": "___SText_y87lm_gg_",
|
34
|
+
"__SAddon": "___SAddon_y87lm_gg_",
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_y87lm_gg_",
|
36
|
+
"_size_m": "_size_m_y87lm_gg_",
|
37
|
+
"_size_l": "_size_l_y87lm_gg_"
|
37
38
|
});
|
38
39
|
var optionsA11yEnhance = {
|
39
40
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TabLine.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_keyboardFocusEnhance","_a11yEnhance","_neighborLocation","style","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabLineRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","animation","undefined","React","createRef","_this$state$animation","state","started","setState","_objectSpread2","value","e","handlers","_createClass2","key","uncontrolledProps","componentDidUpdate","prevValue","asProps","animate","componentDidMount","componentWillUnmount","clearTimeout","animationStartTimeout","fromNode","itemRefs","toNode","containerNode","containerRef","current","containerRect","getBoundingClientRect","fromRect","toRect","fromLeft","x","fromWidth","width","toLeft","toWidth","setTimeout","handleAnimationStart","getItemProps","index","_this2","_this$asProps","size","isSelected","selected","onClick","bindHandlerClick","tabIndex","ref","node","getCaretProps","left","onTransitionEnd","handleAnimationEnd","render","_ref","_ref5","STabLine","Box","SCaret","_this$asProps2","styles","Children","controlsLength","createElement","cn","assignProps","Component","defaultValue","underlined","a11yEnhance","TabLineItem","_ref2","arguments[0]","STabLineItem","addonLeft","addonRight","neighborLocation","Detect","_ref6","TabLine","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","wrapTabLine","wrapper","exports","_default"],"sources":["../../src/TabLine.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport NeighborLocation from '@semcore/neighbor-location';\n\nimport style from './style/tab-line.shadow.css';\n\nconst optionsA11yEnhance = {\n onNeighborChange: (neighborElement, props) => {\n if (neighborElement) {\n neighborElement.focus();\n if (props.behavior === 'auto') {\n neighborElement.click();\n }\n }\n },\n childSelector: ['role', 'tab'],\n};\n\nclass TabLineRoot extends Component {\n static displayName = 'TabLine';\n static style = style;\n static defaultProps = {\n defaultValue: null,\n size: 'm',\n underlined: true,\n behavior: 'auto',\n };\n static enhance = [a11yEnhance(optionsA11yEnhance)];\n state = { animation: null };\n prevValue = undefined;\n itemRefs = {};\n containerRef = React.createRef();\n animationStartTimeout = -1;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n componentDidUpdate() {\n if (\n this.prevValue !== null &&\n this.asProps.value !== null &&\n this.prevValue !== this.asProps.value\n ) {\n this.animate();\n }\n this.prevValue = this.asProps.value;\n }\n componentDidMount() {\n this.prevValue = this.asProps.value;\n }\n componentWillUnmount() {\n clearTimeout(this.animationStartTimeout);\n }\n\n animate() {\n const fromNode = this.itemRefs[this.prevValue];\n const toNode = this.itemRefs[this.asProps.value];\n const containerNode = this.containerRef.current;\n\n if (!fromNode || !toNode || !containerNode) return;\n const containerRect = containerNode.getBoundingClientRect();\n const fromRect = fromNode.getBoundingClientRect();\n const toRect = toNode.getBoundingClientRect();\n const animation = {\n fromLeft: fromRect.x - containerRect.x,\n fromWidth: fromRect.width,\n toLeft: toRect.x - containerRect.x,\n toWidth: toRect.width,\n started: false,\n };\n this.setState({ animation });\n clearTimeout(this.animationStartTimeout);\n this.animationStartTimeout = setTimeout(this.handleAnimationStart, 0);\n }\n\n handleAnimationStart = () => {\n if (this.state.animation?.started === false) {\n this.setState({ animation: { ...this.state.animation, started: true } });\n }\n };\n handleAnimationEnd = () => {\n this.setState({ animation: null });\n };\n\n bindHandlerClick = (value) => (e) => {\n this.handlers.value(value, e);\n };\n\n getItemProps(props, index) {\n const { value, size } = this.asProps;\n const isSelected = value === props.value;\n return {\n size,\n selected: isSelected,\n onClick: this.bindHandlerClick(props.value),\n tabIndex: isSelected ? 0 : -1,\n 'aria-selected': isSelected,\n ref: (node) => {\n this.itemRefs[props.value] = node;\n },\n };\n }\n\n getCaretProps() {\n const { animation } = this.state;\n if (!animation) return {};\n if (animation.started) {\n return {\n style: {\n left: animation.toLeft,\n width: animation.toWidth,\n },\n onTransitionEnd: this.handleAnimationEnd,\n };\n } else {\n return {\n style: {\n left: animation.fromLeft,\n width: animation.fromWidth,\n },\n onTransitionEnd: this.handleAnimationEnd,\n };\n }\n }\n\n render() {\n const STabLine = Root;\n const SCaret = 'div';\n const { styles, Children, controlsLength } = this.asProps;\n const { animation } = this.state;\n\n return sstyled(styles)(\n <STabLine render={Box} role='tablist' ref={this.containerRef}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n {animation && <SCaret {...this.getCaretProps()} />}\n </STabLine>,\n );\n }\n}\n\nfunction TabLineItem(props) {\n const STabLineItem = Root;\n const { Children, styles, addonLeft, addonRight, neighborLocation } = props;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <STabLineItem\n render={Box}\n tag='button'\n neighborLocation={neighborLocation}\n type='button'\n role='tab'\n >\n {addonLeft ? <TabLine.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, TabLine.Item.Text, TabLine.Item.Addon)}\n {addonRight ? <TabLine.Item.Addon tag={addonRight} /> : null}\n </STabLineItem>,\n )\n }\n </NeighborLocation.Detect>\n );\n}\n\nTabLineItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const { styles } = props;\n const SText = Root;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n const { styles } = props;\n const SAddon = Root;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabLine = createComponent(TabLineRoot, {\n Item: [TabLineItem, { Text, Addon }],\n});\n\nexport const wrapTabLine = (wrapper) => wrapper;\n\nexport default TabLine;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TabLine.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_addonTextChildren","_keyboardFocusEnhance","_a11yEnhance","_neighborLocation","style","_index","sstyled","insert","optionsA11yEnhance","onNeighborChange","neighborElement","props","focus","behavior","click","childSelector","TabLineRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","animation","undefined","React","createRef","_this$state$animation","state","started","setState","_objectSpread2","value","e","handlers","_createClass2","key","uncontrolledProps","componentDidUpdate","prevValue","asProps","animate","componentDidMount","componentWillUnmount","clearTimeout","animationStartTimeout","fromNode","itemRefs","toNode","containerNode","containerRef","current","containerRect","getBoundingClientRect","fromRect","toRect","fromLeft","x","fromWidth","width","toLeft","toWidth","setTimeout","handleAnimationStart","getItemProps","index","_this2","_this$asProps","size","isSelected","selected","onClick","bindHandlerClick","tabIndex","ref","node","getCaretProps","left","onTransitionEnd","handleAnimationEnd","render","_ref","_ref5","STabLine","Box","SCaret","_this$asProps2","styles","Children","controlsLength","createElement","cn","assignProps","Component","defaultValue","underlined","a11yEnhance","TabLineItem","_ref2","arguments[0]","STabLineItem","addonLeft","addonRight","neighborLocation","Detect","_ref6","TabLine","Item","Addon","tag","addonTextChildren","Text","enhance","keyboardFocusEnhance","_ref3","_ref7","SText","_ref4","_ref8","SAddon","createComponent","wrapTabLine","wrapper","exports","_default"],"sources":["../../src/TabLine.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport a11yEnhance from '@semcore/utils/lib/enhances/a11yEnhance';\nimport NeighborLocation from '@semcore/neighbor-location';\n\nimport style from './style/tab-line.shadow.css';\n\nconst optionsA11yEnhance = {\n onNeighborChange: (neighborElement, props) => {\n if (neighborElement) {\n neighborElement.focus();\n if (props.behavior === 'auto') {\n neighborElement.click();\n }\n }\n },\n childSelector: ['role', 'tab'],\n};\n\nclass TabLineRoot extends Component {\n static displayName = 'TabLine';\n static style = style;\n static defaultProps = {\n defaultValue: null,\n size: 'm',\n underlined: true,\n behavior: 'auto',\n };\n static enhance = [a11yEnhance(optionsA11yEnhance)];\n state = { animation: null };\n prevValue = undefined;\n itemRefs = {};\n containerRef = React.createRef();\n animationStartTimeout = -1;\n\n uncontrolledProps() {\n return {\n value: null,\n };\n }\n\n componentDidUpdate() {\n if (\n this.prevValue !== null &&\n this.asProps.value !== null &&\n this.prevValue !== this.asProps.value\n ) {\n this.animate();\n }\n this.prevValue = this.asProps.value;\n }\n componentDidMount() {\n this.prevValue = this.asProps.value;\n }\n componentWillUnmount() {\n clearTimeout(this.animationStartTimeout);\n }\n\n animate() {\n const fromNode = this.itemRefs[this.prevValue];\n const toNode = this.itemRefs[this.asProps.value];\n const containerNode = this.containerRef.current;\n\n if (!fromNode || !toNode || !containerNode) return;\n const containerRect = containerNode.getBoundingClientRect();\n const fromRect = fromNode.getBoundingClientRect();\n const toRect = toNode.getBoundingClientRect();\n const animation = {\n fromLeft: fromRect.x - containerRect.x,\n fromWidth: fromRect.width,\n toLeft: toRect.x - containerRect.x,\n toWidth: toRect.width,\n started: false,\n };\n this.setState({ animation });\n clearTimeout(this.animationStartTimeout);\n this.animationStartTimeout = setTimeout(this.handleAnimationStart, 0);\n }\n\n handleAnimationStart = () => {\n if (this.state.animation?.started === false) {\n this.setState({ animation: { ...this.state.animation, started: true } });\n }\n };\n handleAnimationEnd = () => {\n this.setState({ animation: null });\n };\n\n bindHandlerClick = (value) => (e) => {\n this.handlers.value(value, e);\n };\n\n getItemProps(props, index) {\n const { value, size } = this.asProps;\n const isSelected = value === props.value;\n return {\n size,\n selected: isSelected,\n onClick: this.bindHandlerClick(props.value),\n tabIndex: isSelected ? 0 : -1,\n 'aria-selected': isSelected,\n ref: (node) => {\n this.itemRefs[props.value] = node;\n },\n };\n }\n\n getCaretProps() {\n const { animation } = this.state;\n if (!animation) return {};\n if (animation.started) {\n return {\n style: {\n left: animation.toLeft,\n width: animation.toWidth,\n },\n onTransitionEnd: this.handleAnimationEnd,\n };\n } else {\n return {\n style: {\n left: animation.fromLeft,\n width: animation.fromWidth,\n },\n onTransitionEnd: this.handleAnimationEnd,\n };\n }\n }\n\n render() {\n const STabLine = Root;\n const SCaret = 'div';\n const { styles, Children, controlsLength } = this.asProps;\n const { animation } = this.state;\n\n return sstyled(styles)(\n <STabLine render={Box} role='tablist' ref={this.containerRef}>\n <NeighborLocation controlsLength={controlsLength}>\n <Children />\n </NeighborLocation>\n {animation && <SCaret {...this.getCaretProps()} />}\n </STabLine>,\n );\n }\n}\n\nfunction TabLineItem(props) {\n const STabLineItem = Root;\n const { Children, styles, addonLeft, addonRight, neighborLocation } = props;\n\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <STabLineItem\n render={Box}\n tag='button'\n neighborLocation={neighborLocation}\n type='button'\n role='tab'\n >\n {addonLeft ? <TabLine.Item.Addon tag={addonLeft} /> : null}\n {addonTextChildren(Children, TabLine.Item.Text, TabLine.Item.Addon)}\n {addonRight ? <TabLine.Item.Addon tag={addonRight} /> : null}\n </STabLineItem>,\n )\n }\n </NeighborLocation.Detect>\n );\n}\n\nTabLineItem.enhance = [keyboardFocusEnhance()];\n\nfunction Text(props) {\n const { styles } = props;\n const SText = Root;\n return sstyled(styles)(<SText render={Box} tag='span' />);\n}\n\nfunction Addon(props) {\n const { styles } = props;\n const SAddon = Root;\n return sstyled(styles)(<SAddon render={Box} tag='span' />);\n}\n\nconst TabLine = createComponent(TabLineRoot, {\n Item: [TabLineItem, { Text, Addon }],\n});\n\nexport const wrapTabLine = (wrapper) => wrapper;\n\nexport default TabLine;\n"],"mappings":"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"}
|
@@ -5,7 +5,7 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
|
|
5
5
|
import _inherits from "@babel/runtime/helpers/inherits";
|
6
6
|
import _createSuper from "@babel/runtime/helpers/createSuper";
|
7
7
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
8
|
-
import { sstyled as _sstyled } from 'intergalactic/core';
|
8
|
+
import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
|
9
9
|
import { assignProps as _assignProps4 } from 'intergalactic/core';
|
10
10
|
import { assignProps as _assignProps3 } from 'intergalactic/core';
|
11
11
|
import { assignProps as _assignProps2 } from 'intergalactic/core';
|
@@ -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_y87lm_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_y87lm_gg_.__underlined_y87lm_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_y87lm_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_y87lm_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_y87lm_gg_:active,.___STabLineItem_y87lm_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_y87lm_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_y87lm_gg_::after,.___STabLineItem_y87lm_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_y87lm_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_y87lm_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_y87lm_gg_.__selected_y87lm_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_y87lm_gg_ .___SAddon_y87lm_gg_:not(:last-child),.___STabLineItem_y87lm_gg_ .___SText_y87lm_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_y87lm_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_y87lm_gg_.__selected_y87lm_gg_{flex-shrink:0}.___STabLineItem_y87lm_gg_.__disabled_y87lm_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_y87lm_gg_.__keyboardFocused_y87lm_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_y87lm_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_y87lm_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_y87lm_gg_._size_m_y87lm_gg_{height:28px;min-width:18px}.___STabLineItem_y87lm_gg_._size_m_y87lm_gg_ .___SText_y87lm_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_y87lm_gg_._size_l_y87lm_gg_{height:40px;min-width:26px}.___STabLineItem_y87lm_gg_._size_l_y87lm_gg_ .___SText_y87lm_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_y87lm_gg_._neighborLocation_left_y87lm_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_y87lm_gg_.__selected_y87lm_gg_::after,.___STabLineItem_y87lm_gg_::after,.___STabLineItem_y87lm_gg_::before{transition:none}.___SCaret_y87lm_gg_{display:none}}" /*__inner_css_end__*/, "y87lm_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__STabLine": "___STabLine_y87lm_gg_",
|
23
|
+
"_underlined": "__underlined_y87lm_gg_",
|
24
|
+
"__SCaret": "___SCaret_y87lm_gg_",
|
25
|
+
"__STabLineItem": "___STabLineItem_y87lm_gg_",
|
26
|
+
"_selected": "__selected_y87lm_gg_",
|
27
|
+
"_disabled": "__disabled_y87lm_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_y87lm_gg_",
|
29
|
+
"__SText": "___SText_y87lm_gg_",
|
30
|
+
"__SAddon": "___SAddon_y87lm_gg_",
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_y87lm_gg_",
|
32
|
+
"_size_m": "_size_m_y87lm_gg_",
|
33
|
+
"_size_l": "_size_l_y87lm_gg_"
|
34
34
|
});
|
35
35
|
var optionsA11yEnhance = {
|
36
36
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|