intergalactic 15.80.0-prerelease.0 → 15.81.0-prerelease.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +110 -0
- package/accordion/lib/cjs/Accordion.js +7 -7
- package/accordion/lib/es6/Accordion.js +7 -7
- package/animation/lib/cjs/Animation.js +11 -11
- package/animation/lib/cjs/Collapse.js +28 -28
- package/animation/lib/cjs/FadeInOut.js +28 -28
- package/animation/lib/cjs/Scale.js +28 -28
- package/animation/lib/cjs/Slide.js +28 -28
- package/animation/lib/cjs/Transform.js +28 -28
- package/animation/lib/es6/Animation.js +11 -11
- package/animation/lib/es6/Collapse.js +28 -28
- package/animation/lib/es6/FadeInOut.js +28 -28
- package/animation/lib/es6/Scale.js +28 -28
- package/animation/lib/es6/Slide.js +28 -28
- package/animation/lib/es6/Transform.js +28 -28
- package/badge/lib/cjs/Badge.js +6 -6
- package/badge/lib/es6/Badge.js +6 -6
- package/base-trigger/lib/cjs/BaseTrigger.js +18 -18
- package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
- package/base-trigger/lib/cjs/FilterTrigger.js +7 -7
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/BaseTrigger.js +18 -18
- package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
- package/base-trigger/lib/es6/FilterTrigger.js +7 -7
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +6 -6
- package/breadcrumbs/lib/es6/Breadcrumbs.js +6 -6
- package/button/lib/cjs/Button.js +26 -26
- package/button/lib/es6/Button.js +26 -26
- package/card/lib/cjs/Card.js +8 -8
- package/card/lib/es6/Card.js +8 -8
- package/carousel/lib/cjs/Carousel.js +19 -19
- package/carousel/lib/es6/Carousel.js +19 -19
- package/checkbox/lib/cjs/Checkbox.js +18 -18
- package/checkbox/lib/es6/Checkbox.js +18 -18
- package/color-picker/lib/cjs/ColorPicker.js +23 -23
- package/color-picker/lib/cjs/PaletteManager.js +23 -23
- package/color-picker/lib/cjs/components/InputColor.js +23 -23
- package/color-picker/lib/es6/ColorPicker.js +23 -23
- package/color-picker/lib/es6/PaletteManager.js +23 -23
- package/color-picker/lib/es6/components/InputColor.js +23 -23
- package/components.json +73 -73
- package/counter/lib/cjs/Counter.js +10 -10
- package/counter/lib/es6/Counter.js +10 -10
- package/d3-chart/component/Chart/AbstractChart.type.d.ts +4 -0
- package/d3-chart/lib/cjs/Area.js +11 -11
- package/d3-chart/lib/cjs/Axis.js +14 -14
- package/d3-chart/lib/cjs/Bar.js +10 -10
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/Donut.js +9 -9
- package/d3-chart/lib/cjs/Dots.js +8 -8
- package/d3-chart/lib/cjs/HorizontalBar.js +10 -10
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +7 -5
- package/d3-chart/lib/cjs/Plot.js.map +1 -1
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +11 -11
- package/d3-chart/lib/cjs/ReferenceLine.js +9 -9
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/Chart/AbstractChart.js +4 -2
- package/d3-chart/lib/cjs/component/Chart/AbstractChart.js.map +1 -1
- package/d3-chart/lib/cjs/component/Chart/AbstractChart.type.js.map +1 -1
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/cjs/style/reference-line.shadow.css +1 -1
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +10 -10
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/Donut.js +9 -9
- package/d3-chart/lib/es6/Dots.js +8 -8
- package/d3-chart/lib/es6/HorizontalBar.js +10 -10
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +7 -5
- package/d3-chart/lib/es6/Plot.js.map +1 -1
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +11 -11
- package/d3-chart/lib/es6/ReferenceLine.js +9 -9
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/Chart/AbstractChart.js +4 -2
- package/d3-chart/lib/es6/component/Chart/AbstractChart.js.map +1 -1
- package/d3-chart/lib/es6/component/Chart/AbstractChart.type.js.map +1 -1
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/style/reference-line.shadow.css +1 -1
- package/d3-chart/lib/types/component/Chart/AbstractChart.type.d.ts +4 -0
- package/data-table/lib/cjs/DataTable.js +35 -35
- package/data-table/lib/cjs/Head.js +1 -1
- package/data-table/lib/cjs/Head.js.map +1 -1
- package/data-table/lib/es6/DataTable.js +35 -35
- package/data-table/lib/es6/Head.js +1 -1
- package/data-table/lib/es6/Head.js.map +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +21 -21
- package/date-picker/lib/cjs/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/cjs/components/InputTrigger.js +29 -29
- package/date-picker/lib/cjs/components/PickerAbstract.js +29 -29
- package/date-picker/lib/cjs/components/RangePickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/Calendar.js +21 -21
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +29 -29
- package/date-picker/lib/es6/components/InputTrigger.js +29 -29
- package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
- package/divider/lib/cjs/Divider.js +9 -9
- package/divider/lib/es6/Divider.js +9 -9
- package/dot/lib/cjs/Dot.js +10 -10
- package/dot/lib/es6/Dot.js +10 -10
- package/drag-and-drop/lib/cjs/DragAndDrop.js +192 -41
- package/drag-and-drop/lib/cjs/DragAndDrop.js.map +1 -1
- package/drag-and-drop/lib/cjs/style/drag-and-drop.shadow.css +73 -28
- package/drag-and-drop/lib/es6/DragAndDrop.js +192 -41
- package/drag-and-drop/lib/es6/DragAndDrop.js.map +1 -1
- package/drag-and-drop/lib/es6/style/drag-and-drop.shadow.css +73 -28
- package/dropdown/lib/cjs/Dropdown.js +2 -2
- package/dropdown/lib/es6/Dropdown.js +2 -2
- package/dropdown-menu/lib/cjs/DropdownMenu.js +19 -19
- package/dropdown-menu/lib/cjs/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/cjs/styleScrollArea.js +6 -6
- package/dropdown-menu/lib/es6/DropdownMenu.js +19 -19
- package/dropdown-menu/lib/es6/DropdownMenu.js.map +1 -1
- package/dropdown-menu/lib/es6/styleScrollArea.js +6 -6
- package/ellipsis/lib/cjs/Ellipsis.js +11 -11
- package/ellipsis/lib/cjs/Ellipsis.js.map +1 -1
- package/ellipsis/lib/es6/Ellipsis.js +11 -11
- package/ellipsis/lib/es6/Ellipsis.js.map +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/feature-popover/lib/cjs/FeaturePopover.js +10 -10
- package/feature-popover/lib/es6/FeaturePopover.js +10 -10
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/flags/lib/cjs/Flags.js +3 -3
- package/flags/lib/es6/Flags.js +3 -3
- package/flags/lib/sprites/sprite@1x.css +256 -256
- package/flags/lib/sprites/sprite@2x.css +257 -257
- package/flex-box/lib/cjs/Box/useBox.js +3 -3
- package/flex-box/lib/cjs/Flex/useFlex.js +3 -3
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
- package/flex-box/lib/es6/Box/useBox.js +3 -3
- package/flex-box/lib/es6/Flex/useFlex.js +3 -3
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
- package/format-text/lib/cjs/FormatText.js +5 -5
- package/format-text/lib/es6/FormatText.js +5 -5
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/grid/lib/cjs/Grid.js +114 -114
- package/grid/lib/es6/Grid.js +114 -114
- package/icon/color/Confluence/l/index.js +4 -4
- package/icon/color/Confluence/l/index.mjs +4 -4
- package/icon/color/Confluence/m/index.js +4 -4
- package/icon/color/Confluence/m/index.mjs +4 -4
- package/icon/color/MicrosoftOffice/l/index.js +10 -10
- package/icon/color/MicrosoftOffice/l/index.mjs +10 -10
- package/icon/color/MicrosoftOffice/m/index.js +10 -10
- package/icon/color/MicrosoftOffice/m/index.mjs +10 -10
- package/icon/lib/cjs/Icon.js +5 -5
- package/icon/lib/es6/Icon.js +5 -5
- package/icon/pay/Discover/l/index.js +1 -1
- package/icon/pay/Discover/l/index.mjs +1 -1
- package/icon/pay/Discover/m/index.js +1 -1
- package/icon/pay/Discover/m/index.mjs +1 -1
- package/icon/pay/JCB/l/index.js +10 -10
- package/icon/pay/JCB/l/index.mjs +10 -10
- package/icon/pay/JCB/m/index.js +10 -10
- package/icon/pay/JCB/m/index.mjs +10 -10
- package/icon/pay/Visa/l/index.js +2 -2
- package/icon/pay/Visa/l/index.mjs +2 -2
- package/icon/pay/Visa/m/index.js +2 -2
- package/icon/pay/Visa/m/index.mjs +2 -2
- package/illustration/lib/cjs/index.js +1 -1
- package/illustration/lib/es6/index.js +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-input/lib/cjs/InlineInput.js +18 -18
- package/inline-input/lib/es6/InlineInput.js +18 -18
- package/input/lib/cjs/Input.js +17 -17
- package/input/lib/es6/Input.js +17 -17
- package/input-mask/lib/cjs/InputMask.js +6 -6
- package/input-mask/lib/es6/InputMask.js +6 -6
- package/input-number/lib/cjs/InputNumber.js +9 -9
- package/input-number/lib/es6/InputNumber.js +9 -9
- package/input-tags/lib/cjs/InputTags.js +12 -12
- package/input-tags/lib/es6/InputTags.js +12 -12
- package/link/lib/cjs/Link.js +16 -14
- package/link/lib/cjs/Link.js.map +1 -1
- package/link/lib/cjs/style/link.shadow.css +1 -1
- package/link/lib/es6/Link.js +16 -14
- package/link/lib/es6/Link.js.map +1 -1
- package/link/lib/es6/style/link.shadow.css +1 -1
- package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
- package/mini-chart/lib/cjs/component/score/Line.js +17 -17
- package/mini-chart/lib/cjs/component/trend/Bar.js +7 -7
- package/mini-chart/lib/cjs/component/trend/Line.js +7 -7
- package/mini-chart/lib/es6/component/score/Donut.js +9 -9
- package/mini-chart/lib/es6/component/score/Line.js +17 -17
- package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/modal/lib/cjs/Modal.js +9 -9
- package/modal/lib/es6/Modal.js +9 -9
- package/notice/lib/cjs/Notice.js +13 -13
- package/notice/lib/es6/Notice.js +13 -13
- package/notice-bubble/lib/cjs/NoticeBubble.js +12 -12
- package/notice-bubble/lib/es6/NoticeBubble.js +12 -12
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +10 -10
- package/pagination/lib/es6/Pagination.js +10 -10
- package/pills/lib/cjs/Pills.js +13 -13
- package/pills/lib/es6/Pills.js +13 -13
- package/popper/index.d.ts +4 -0
- package/popper/lib/cjs/Popper.js +28 -8
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/cjs/createPopper.js +2 -1
- package/popper/lib/cjs/createPopper.js.map +1 -1
- package/popper/lib/cjs/index.d.js.map +1 -1
- package/popper/lib/cjs/modifiers/cursorAnchoring.js +60 -0
- package/popper/lib/cjs/modifiers/cursorAnchoring.js.map +1 -0
- package/popper/lib/es6/Popper.js +28 -8
- package/popper/lib/es6/Popper.js.map +1 -1
- package/popper/lib/es6/createPopper.js +2 -1
- package/popper/lib/es6/createPopper.js.map +1 -1
- package/popper/lib/es6/index.d.js.map +1 -1
- package/popper/lib/es6/modifiers/cursorAnchoring.js +52 -0
- package/popper/lib/es6/modifiers/cursorAnchoring.js.map +1 -0
- package/popper/lib/types/index.d.ts +4 -0
- package/product-head/lib/cjs/Info.js +4 -4
- package/product-head/lib/cjs/ProductHead.js +5 -5
- package/product-head/lib/cjs/Title.js +4 -4
- package/product-head/lib/es6/Info.js +4 -4
- package/product-head/lib/es6/ProductHead.js +5 -5
- package/product-head/lib/es6/Title.js +4 -4
- package/progress-bar/lib/cjs/ProgressBar.js +15 -15
- package/progress-bar/lib/es6/ProgressBar.js +15 -15
- package/radio/lib/cjs/Radio.js +16 -16
- package/radio/lib/es6/Radio.js +16 -16
- package/scroll-area/lib/cjs/ScrollArea.js +21 -21
- package/scroll-area/lib/cjs/ScrollBar.js +6 -6
- package/scroll-area/lib/es6/ScrollArea.js +21 -21
- package/scroll-area/lib/es6/ScrollBar.js +6 -6
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/side-panel/lib/cjs/SidePanel.js +15 -15
- package/side-panel/lib/es6/SidePanel.js +15 -15
- package/skeleton/lib/cjs/Charts/Area.js +9 -9
- package/skeleton/lib/cjs/Charts/Bar.js +9 -9
- package/skeleton/lib/cjs/Charts/Bubble.js +9 -9
- package/skeleton/lib/cjs/Charts/Donut.js +9 -9
- package/skeleton/lib/cjs/Charts/Histogram.js +9 -9
- package/skeleton/lib/cjs/Charts/Line.js +9 -9
- package/skeleton/lib/cjs/Charts/RadialTree.js +9 -9
- package/skeleton/lib/cjs/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/cjs/Charts/Venn.js +9 -9
- package/skeleton/lib/cjs/Skeleton.js +8 -8
- package/skeleton/lib/es6/Charts/Area.js +9 -9
- package/skeleton/lib/es6/Charts/Bar.js +9 -9
- package/skeleton/lib/es6/Charts/Bubble.js +9 -9
- package/skeleton/lib/es6/Charts/Donut.js +9 -9
- package/skeleton/lib/es6/Charts/Histogram.js +9 -9
- package/skeleton/lib/es6/Charts/Line.js +9 -9
- package/skeleton/lib/es6/Charts/RadialTree.js +9 -9
- package/skeleton/lib/es6/Charts/ScatterPlot.js +9 -9
- package/skeleton/lib/es6/Charts/Venn.js +9 -9
- package/skeleton/lib/es6/Skeleton.js +8 -8
- package/slider/lib/cjs/Slider.js +8 -7
- package/slider/lib/cjs/Slider.js.map +1 -1
- package/slider/lib/cjs/style/slider.shadow.css +9 -0
- package/slider/lib/es6/Slider.js +8 -7
- package/slider/lib/es6/Slider.js.map +1 -1
- package/slider/lib/es6/style/slider.shadow.css +9 -0
- package/spin/lib/cjs/Spin.js +13 -13
- package/spin/lib/es6/Spin.js +13 -13
- package/spin-container/lib/cjs/SpinContainer.js +8 -8
- package/spin-container/lib/es6/SpinContainer.js +8 -8
- package/sticky/lib/cjs/Sticky.js +2 -2
- package/sticky/lib/es6/Sticky.js +2 -2
- package/switch/lib/cjs/Switch.js +21 -21
- package/switch/lib/es6/Switch.js +21 -21
- package/tab-line/lib/cjs/TabLine.js +13 -13
- package/tab-line/lib/es6/TabLine.js +13 -13
- package/tab-panel/lib/cjs/TabPanel.js +8 -8
- package/tab-panel/lib/es6/TabPanel.js +8 -8
- package/tag/lib/cjs/Tag.js +20 -20
- package/tag/lib/es6/Tag.js +20 -20
- package/textarea/lib/cjs/Textarea.js +10 -8
- package/textarea/lib/cjs/Textarea.js.map +1 -1
- package/textarea/lib/es6/Textarea.js +10 -8
- package/textarea/lib/es6/Textarea.js.map +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/tooltip/index.d.ts +13 -2
- package/tooltip/lib/cjs/Tooltip.js +9 -9
- package/tooltip/lib/cjs/index.d.js.map +1 -1
- package/tooltip/lib/es6/Tooltip.js +9 -9
- package/tooltip/lib/es6/index.d.js.map +1 -1
- package/tooltip/lib/types/index.d.ts +13 -2
- package/typography/index.d.ts +4 -1
- package/typography/lib/cjs/Blockquote.js +4 -4
- package/typography/lib/cjs/Hint.js +7 -7
- package/typography/lib/cjs/List.js +5 -5
- package/typography/lib/cjs/Text.js +34 -34
- package/typography/lib/cjs/index.d.js.map +1 -1
- package/typography/lib/es6/Blockquote.js +4 -4
- package/typography/lib/es6/Hint.js +7 -7
- package/typography/lib/es6/List.js +5 -5
- package/typography/lib/es6/Text.js +34 -34
- package/typography/lib/es6/index.d.js.map +1 -1
- package/typography/lib/types/index.d.ts +4 -1
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.js +2 -2
- package/utils/lib/components/invalid-state-pattern/InvalidStatePattern.mjs +2 -2
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/utils/lib/themes/auto.css +3 -1
- package/utils/lib/themes/default.css +3 -1
- package/utils/lib/themes/default.json +1 -0
- package/utils/lib/themes/light.css +3 -1
- package/utils/lib/themes/light.json +1 -0
- package/widget-empty/lib/cjs/WidgetEmpty.js +8 -6
- package/widget-empty/lib/cjs/WidgetEmpty.js.map +1 -1
- package/widget-empty/lib/es6/WidgetEmpty.js +8 -6
- package/widget-empty/lib/es6/WidgetEmpty.js.map +1 -1
- package/wizard/lib/cjs/Wizard.js +11 -11
- package/wizard/lib/es6/Wizard.js +11 -11
package/switch/lib/es6/Switch.js
CHANGED
@@ -22,27 +22,27 @@ import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
|
|
22
22
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
23
23
|
import canUseDOM from 'intergalactic/utils/lib/canUseDOM';
|
24
24
|
/*__reshadow-styles__:"./style/switch.shadow.css"*/
|
25
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
26
|
-
"__SSwitch": "
|
27
|
-
"__SToggle": "
|
28
|
-
"_checked": "
|
29
|
-
"_theme_info": "
|
30
|
-
"_theme_success": "
|
31
|
-
"_theme_custom": "
|
32
|
-
"--color": "--
|
33
|
-
"_keyboardFocused": "
|
34
|
-
"_neighborLocation_left": "
|
35
|
-
"_neighborLocation_both": "
|
36
|
-
"_neighborLocation_right": "
|
37
|
-
"__SInput": "
|
38
|
-
"__SAddon": "
|
39
|
-
"__SSlider": "
|
40
|
-
"_size": "
|
41
|
-
"_size_m": "
|
42
|
-
"_size_l": "
|
43
|
-
"_size_xl": "
|
44
|
-
"_disabled": "
|
45
|
-
"_active": "
|
25
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SSwitch_hjza0_gg_{display:inline-flex;vertical-align:middle;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.___SSwitch_hjza0_gg_.__size_hjza0_gg_ .___SToggle_hjza0_gg_{border-radius:var(--intergalactic-switch-rounded, 24px)}.___SSwitch_hjza0_gg_._size_m_hjza0_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___SSwitch_hjza0_gg_._size_m_hjza0_gg_ .___SToggle_hjza0_gg_{width:20px;height:12px;min-width:20px}.___SSwitch_hjza0_gg_._size_m_hjza0_gg_ .___SSlider_hjza0_gg_{width:8px;height:8px;border-radius:4px}.___SSwitch_hjza0_gg_._size_l_hjza0_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SSwitch_hjza0_gg_._size_l_hjza0_gg_ .___SToggle_hjza0_gg_{height:20px;width:36px;min-width:36px}.___SSwitch_hjza0_gg_._size_l_hjza0_gg_ .___SSlider_hjza0_gg_{width:16px;height:16px;border-radius:8px}.___SSwitch_hjza0_gg_._size_xl_hjza0_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SSwitch_hjza0_gg_._size_xl_hjza0_gg_ .___SToggle_hjza0_gg_{width:44px;height:24px;min-width:44px}.___SSwitch_hjza0_gg_._size_xl_hjza0_gg_ .___SSlider_hjza0_gg_{width:20px;height:20px;border-radius:10px}.___SSwitch_hjza0_gg_.__disabled_hjza0_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___SSwitch_hjza0_gg_.__disabled_hjza0_gg_ .___SAddon_hjza0_gg_,.___SSwitch_hjza0_gg_.__disabled_hjza0_gg_ .___SToggle_hjza0_gg_{cursor:default}.___SSlider_hjza0_gg_,.___SToggle_hjza0_gg_{display:flex;align-items:center;justify-content:space-around}.___SToggle_hjza0_gg_{background:var(--intergalactic-control-switch-bg, #a9abb6);position:relative;color:var(--intergalactic-icon-secondary-neutral, #a9abb6);cursor:pointer}.___SToggle_hjza0_gg_.__checked_hjza0_gg_._theme_info_hjza0_gg_{color:var(--intergalactic-control-primary-info, #008ff8);background-color:var(--intergalactic-control-primary-info, #008ff8)}.___SToggle_hjza0_gg_.__checked_hjza0_gg_._theme_success_hjza0_gg_{color:var(--intergalactic-control-primary-success, #009f81);background-color:var(--intergalactic-control-primary-success, #009f81)}.___SToggle_hjza0_gg_.__checked_hjza0_gg_._theme_custom_hjza0_gg_{color:var(--color_hjza0);background-color:var(--color_hjza0)}.___SToggle_hjza0_gg_.__keyboardFocused_hjza0_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SToggle_hjza0_gg_._neighborLocation_left_hjza0_gg_{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_hjza0_gg_._neighborLocation_both_hjza0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}.___SToggle_hjza0_gg_._neighborLocation_right_hjza0_gg_{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SSlider_hjza0_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_hjza0_gg_.__checked_hjza0_gg_{transform:translateX(50%) scaleX(1)}.___SToggle_hjza0_gg_.__active_hjza0_gg_ .___SSlider_hjza0_gg_{transform:translateX(-50%) scaleX(1.15) translateX(1px)}.___SToggle_hjza0_gg_.__active_hjza0_gg_ .___SSlider_hjza0_gg_.__checked_hjza0_gg_{transform:translateX(50%) scaleX(1.15) translateX(-1px)}.___SInput_hjza0_gg_{position:absolute;clip:rect(1px,1px,1px,1px)}.___SAddon_hjza0_gg_{cursor:pointer}.___SAddon_hjza0_gg_._neighborLocation_right_hjza0_gg_{color:var(--intergalactic-text-primary, #191b23)}.___SAddon_hjza0_gg_._neighborLocation_left_hjza0_gg_,.___SSwitch_hjza0_gg_.__checked_hjza0_gg_ .___SAddon_hjza0_gg_._neighborLocation_right_hjza0_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___SAddon_hjza0_gg_._neighborLocation_left_hjza0_gg_:nth-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_hjza0_gg_.__checked_hjza0_gg_ .___SAddon_hjza0_gg_._neighborLocation_right_hjza0_gg_:nth-last-child(2){color:var(--intergalactic-text-primary, #191b23)}.___SSwitch_hjza0_gg_.__checked_hjza0_gg_ .___SAddon_hjza0_gg_._neighborLocation_left_hjza0_gg_{color:var(--intergalactic-text-primary, #191b23)}@media (prefers-reduced-motion){.___SSlider_hjza0_gg_{transition:none}}" /*__inner_css_end__*/, "hjza0_gg_") /*__reshadow_css_end__*/, {
|
26
|
+
"__SSwitch": "___SSwitch_hjza0_gg_",
|
27
|
+
"__SToggle": "___SToggle_hjza0_gg_",
|
28
|
+
"_checked": "__checked_hjza0_gg_",
|
29
|
+
"_theme_info": "_theme_info_hjza0_gg_",
|
30
|
+
"_theme_success": "_theme_success_hjza0_gg_",
|
31
|
+
"_theme_custom": "_theme_custom_hjza0_gg_",
|
32
|
+
"--color": "--color_hjza0",
|
33
|
+
"_keyboardFocused": "__keyboardFocused_hjza0_gg_",
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_hjza0_gg_",
|
35
|
+
"_neighborLocation_both": "_neighborLocation_both_hjza0_gg_",
|
36
|
+
"_neighborLocation_right": "_neighborLocation_right_hjza0_gg_",
|
37
|
+
"__SInput": "___SInput_hjza0_gg_",
|
38
|
+
"__SAddon": "___SAddon_hjza0_gg_",
|
39
|
+
"__SSlider": "___SSlider_hjza0_gg_",
|
40
|
+
"_size": "__size_hjza0_gg_",
|
41
|
+
"_size_m": "_size_m_hjza0_gg_",
|
42
|
+
"_size_l": "_size_l_hjza0_gg_",
|
43
|
+
"_size_xl": "_size_xl_hjza0_gg_",
|
44
|
+
"_disabled": "__disabled_hjza0_gg_",
|
45
|
+
"_active": "__active_hjza0_gg_"
|
46
46
|
});
|
47
47
|
function isCustomTheme(theme) {
|
48
48
|
return !['info', 'success'].includes(theme);
|
@@ -21,19 +21,19 @@ var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/
|
|
21
21
|
var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
|
22
22
|
var _neighborLocation = _interopRequireDefault(require("intergalactic/neighbor-location"));
|
23
23
|
/*__reshadow-styles__:"./style/tab-line.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_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": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabLine_oe6tk_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_oe6tk_gg_.__underlined_oe6tk_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_oe6tk_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_oe6tk_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_oe6tk_gg_:active,.___STabLineItem_oe6tk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_oe6tk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_oe6tk_gg_::after,.___STabLineItem_oe6tk_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_oe6tk_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_oe6tk_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_oe6tk_gg_.__selected_oe6tk_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_oe6tk_gg_ .___SAddon_oe6tk_gg_:not(:last-child),.___STabLineItem_oe6tk_gg_ .___SText_oe6tk_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_oe6tk_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_oe6tk_gg_.__selected_oe6tk_gg_{flex-shrink:0}.___STabLineItem_oe6tk_gg_.__disabled_oe6tk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_oe6tk_gg_.__keyboardFocused_oe6tk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_oe6tk_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_oe6tk_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_oe6tk_gg_._size_m_oe6tk_gg_{height:28px;min-width:18px}.___STabLineItem_oe6tk_gg_._size_m_oe6tk_gg_ .___SText_oe6tk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_oe6tk_gg_._size_l_oe6tk_gg_{height:40px;min-width:26px}.___STabLineItem_oe6tk_gg_._size_l_oe6tk_gg_ .___SText_oe6tk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_oe6tk_gg_._neighborLocation_left_oe6tk_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_oe6tk_gg_.__selected_oe6tk_gg_::after,.___STabLineItem_oe6tk_gg_::after,.___STabLineItem_oe6tk_gg_::before{transition:none}.___SCaret_oe6tk_gg_{display:none}}" /*__inner_css_end__*/, "oe6tk_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__STabLine": "___STabLine_oe6tk_gg_",
|
26
|
+
"_underlined": "__underlined_oe6tk_gg_",
|
27
|
+
"__SCaret": "___SCaret_oe6tk_gg_",
|
28
|
+
"__STabLineItem": "___STabLineItem_oe6tk_gg_",
|
29
|
+
"_selected": "__selected_oe6tk_gg_",
|
30
|
+
"_disabled": "__disabled_oe6tk_gg_",
|
31
|
+
"_keyboardFocused": "__keyboardFocused_oe6tk_gg_",
|
32
|
+
"__SText": "___SText_oe6tk_gg_",
|
33
|
+
"__SAddon": "___SAddon_oe6tk_gg_",
|
34
|
+
"_neighborLocation_left": "_neighborLocation_left_oe6tk_gg_",
|
35
|
+
"_size_m": "_size_m_oe6tk_gg_",
|
36
|
+
"_size_l": "_size_l_oe6tk_gg_"
|
37
37
|
});
|
38
38
|
var optionsA11yEnhance = {
|
39
39
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
@@ -18,19 +18,19 @@ import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocus
|
|
18
18
|
import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
|
19
19
|
import NeighborLocation from 'intergalactic/neighbor-location';
|
20
20
|
/*__reshadow-styles__:"./style/tab-line.shadow.css"*/
|
21
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
22
|
-
"__STabLine": "
|
23
|
-
"_underlined": "
|
24
|
-
"__SCaret": "
|
25
|
-
"__STabLineItem": "
|
26
|
-
"_selected": "
|
27
|
-
"_disabled": "
|
28
|
-
"_keyboardFocused": "
|
29
|
-
"__SText": "
|
30
|
-
"__SAddon": "
|
31
|
-
"_neighborLocation_left": "
|
32
|
-
"_size_m": "
|
33
|
-
"_size_l": "
|
21
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabLine_oe6tk_gg_{position:relative;display:flex;width:100%;max-width:100%}.___STabLine_oe6tk_gg_.__underlined_oe6tk_gg_{border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabLineItem_oe6tk_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_oe6tk_gg_::-moz-focus-inner{border:0;padding:0}.___STabLineItem_oe6tk_gg_:active,.___STabLineItem_oe6tk_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabLineItem_oe6tk_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STabLineItem_oe6tk_gg_::after,.___STabLineItem_oe6tk_gg_::before{content:\"\";position:absolute;left:0;bottom:-1px;height:3px;width:100%;background-color:transparent}.___STabLineItem_oe6tk_gg_::before{transition:background-color calc(var(--intergalactic-duration-control, 200)*1ms) ease-in-out}@media (hover:hover){.___STabLineItem_oe6tk_gg_:hover::before{background-color:var(--intergalactic-border-primary, #c4c7cf)}}.___STabLineItem_oe6tk_gg_.__selected_oe6tk_gg_::after{transition-delay:calc(var(--intergalactic-duration-control, 200)*1ms);background-color:var(--intergalactic-border-info-active, #006dca)}.___STabLineItem_oe6tk_gg_ .___SAddon_oe6tk_gg_:not(:last-child),.___STabLineItem_oe6tk_gg_ .___SText_oe6tk_gg_:not(:last-child){margin-right:var(--intergalactic-spacing-2x, 8px)}.___SCaret_oe6tk_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_oe6tk_gg_.__selected_oe6tk_gg_{flex-shrink:0}.___STabLineItem_oe6tk_gg_.__disabled_oe6tk_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STabLineItem_oe6tk_gg_.__keyboardFocused_oe6tk_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___SText_oe6tk_gg_{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_oe6tk_gg_{display:inline-flex;align-items:center;justify-content:center}.___STabLineItem_oe6tk_gg_._size_m_oe6tk_gg_{height:28px;min-width:18px}.___STabLineItem_oe6tk_gg_._size_m_oe6tk_gg_ .___SText_oe6tk_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STabLineItem_oe6tk_gg_._size_l_oe6tk_gg_{height:40px;min-width:26px}.___STabLineItem_oe6tk_gg_._size_l_oe6tk_gg_ .___SText_oe6tk_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STabLineItem_oe6tk_gg_._neighborLocation_left_oe6tk_gg_{margin-right:0}@media (prefers-reduced-motion){.___STabLineItem_oe6tk_gg_.__selected_oe6tk_gg_::after,.___STabLineItem_oe6tk_gg_::after,.___STabLineItem_oe6tk_gg_::before{transition:none}.___SCaret_oe6tk_gg_{display:none}}" /*__inner_css_end__*/, "oe6tk_gg_") /*__reshadow_css_end__*/, {
|
22
|
+
"__STabLine": "___STabLine_oe6tk_gg_",
|
23
|
+
"_underlined": "__underlined_oe6tk_gg_",
|
24
|
+
"__SCaret": "___SCaret_oe6tk_gg_",
|
25
|
+
"__STabLineItem": "___STabLineItem_oe6tk_gg_",
|
26
|
+
"_selected": "__selected_oe6tk_gg_",
|
27
|
+
"_disabled": "__disabled_oe6tk_gg_",
|
28
|
+
"_keyboardFocused": "__keyboardFocused_oe6tk_gg_",
|
29
|
+
"__SText": "___SText_oe6tk_gg_",
|
30
|
+
"__SAddon": "___SAddon_oe6tk_gg_",
|
31
|
+
"_neighborLocation_left": "_neighborLocation_left_oe6tk_gg_",
|
32
|
+
"_size_m": "_size_m_oe6tk_gg_",
|
33
|
+
"_size_l": "_size_l_oe6tk_gg_"
|
34
34
|
});
|
35
35
|
var optionsA11yEnhance = {
|
36
36
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
@@ -20,14 +20,14 @@ var _addonTextChildren = _interopRequireDefault(require("intergalactic/utils/lib
|
|
20
20
|
var _a11yEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/a11yEnhance"));
|
21
21
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
22
22
|
/*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
|
23
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
24
|
-
"__STabPanelItem": "
|
25
|
-
"_keyboardFocused": "
|
26
|
-
"__SText": "
|
27
|
-
"__SAddon": "
|
28
|
-
"__STabPanel": "
|
29
|
-
"_disabled": "
|
30
|
-
"_selected": "
|
23
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STabPanel_1iobo_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1iobo_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1iobo_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1iobo_gg_ .___SText_1iobo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1iobo_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1iobo_gg_:active,.___STabPanelItem_1iobo_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1iobo_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1iobo_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1iobo_gg_.__disabled_1iobo_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1iobo_gg_.__disabled_1iobo_gg_ .___SAddon_1iobo_gg_,.___STabPanelItem_1iobo_gg_.__disabled_1iobo_gg_ .___SText_1iobo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1iobo_gg_.__keyboardFocused_1iobo_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1iobo_gg_.__selected_1iobo_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1iobo_gg_.__selected_1iobo_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1iobo_gg_.__selected_1iobo_gg_::after{border-bottom:none}.___SText_1iobo_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1iobo_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1iobo_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1iobo_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1iobo_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1iobo_gg_") /*__reshadow_css_end__*/, {
|
24
|
+
"__STabPanelItem": "___STabPanelItem_1iobo_gg_",
|
25
|
+
"_keyboardFocused": "__keyboardFocused_1iobo_gg_",
|
26
|
+
"__SText": "___SText_1iobo_gg_",
|
27
|
+
"__SAddon": "___SAddon_1iobo_gg_",
|
28
|
+
"__STabPanel": "___STabPanel_1iobo_gg_",
|
29
|
+
"_disabled": "__disabled_1iobo_gg_",
|
30
|
+
"_selected": "__selected_1iobo_gg_"
|
31
31
|
});
|
32
32
|
var optionsA11yEnhance = {
|
33
33
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
@@ -17,14 +17,14 @@ import addonTextChildren from 'intergalactic/utils/lib/addonTextChildren';
|
|
17
17
|
import a11yEnhance from 'intergalactic/utils/lib/enhances/a11yEnhance';
|
18
18
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
19
19
|
/*__reshadow-styles__:"./style/tab-panel.shadow.css"*/
|
20
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
21
|
-
"__STabPanelItem": "
|
22
|
-
"_keyboardFocused": "
|
23
|
-
"__SText": "
|
24
|
-
"__SAddon": "
|
25
|
-
"__STabPanel": "
|
26
|
-
"_disabled": "
|
27
|
-
"_selected": "
|
20
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STabPanel_1iobo_gg_{display:flex;width:100%;max-width:100%}.___STabPanel_1iobo_gg_::after{content:\"\";position:relative;bottom:-1px;flex:1;border-top:1px solid transparent;border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1iobo_gg_{position:relative;bottom:-1px;display:inline-flex;min-width:0;height:32px;color:var(--intergalactic-text-secondary, #6c6e79);border:1px solid transparent;border-bottom:none;border-radius:var(--intergalactic-control-rounded, 6px) var(--intergalactic-control-rounded, 6px)0 0;background:0 0;align-items:center;justify-content:center;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding:0 0 1px;margin:0;box-shadow:none;-webkit-text-decoration:none;text-decoration:none;-webkit-tap-highlight-color:transparent;outline:0;text-align:center;vertical-align:middle;font-family:inherit;cursor:pointer}.___STabPanelItem_1iobo_gg_ .___SText_1iobo_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);font-weight:var(--intergalactic-medium, 500)}.___STabPanelItem_1iobo_gg_::-moz-focus-inner{border:0;padding:0}.___STabPanelItem_1iobo_gg_:active,.___STabPanelItem_1iobo_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STabPanelItem_1iobo_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none;color:var(--intergalactic-text-primary, #191b23)}}.___STabPanelItem_1iobo_gg_::after{content:\"\";position:absolute;left:-1px;bottom:0;width:calc(100% + 2px);border-bottom:1px solid var(--intergalactic-border-primary, #c4c7cf)}.___STabPanelItem_1iobo_gg_.__disabled_1iobo_gg_{cursor:default;pointer-events:none}.___STabPanelItem_1iobo_gg_.__disabled_1iobo_gg_ .___SAddon_1iobo_gg_,.___STabPanelItem_1iobo_gg_.__disabled_1iobo_gg_ .___SText_1iobo_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STabPanelItem_1iobo_gg_.__keyboardFocused_1iobo_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STabPanelItem_1iobo_gg_.__selected_1iobo_gg_{color:var(--intergalactic-text-link, #006dca);border-color:var(--intergalactic-border-primary, #c4c7cf);flex-shrink:0}@media (hover:hover){.___STabPanelItem_1iobo_gg_.__selected_1iobo_gg_:hover{color:var(--intergalactic-text-link-hover-active, #044792)}}.___STabPanelItem_1iobo_gg_.__selected_1iobo_gg_::after{border-bottom:none}.___SText_1iobo_gg_{display:inline-block;margin:auto var(--intergalactic-spacing-2x, 8px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.___SAddon_1iobo_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_1iobo_gg_:not(:only-child):first-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1iobo_gg_:not(:only-child):last-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SAddon_1iobo_gg_:only-child{margin-right:var(--intergalactic-spacing-2x, 8px);margin-left:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1iobo_gg_") /*__reshadow_css_end__*/, {
|
21
|
+
"__STabPanelItem": "___STabPanelItem_1iobo_gg_",
|
22
|
+
"_keyboardFocused": "__keyboardFocused_1iobo_gg_",
|
23
|
+
"__SText": "___SText_1iobo_gg_",
|
24
|
+
"__SAddon": "___SAddon_1iobo_gg_",
|
25
|
+
"__STabPanel": "___STabPanel_1iobo_gg_",
|
26
|
+
"_disabled": "__disabled_1iobo_gg_",
|
27
|
+
"_selected": "__selected_1iobo_gg_"
|
28
28
|
});
|
29
29
|
var optionsA11yEnhance = {
|
30
30
|
onNeighborChange: function onNeighborChange(neighborElement, props) {
|
package/tag/lib/cjs/Tag.js
CHANGED
@@ -26,26 +26,26 @@ var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID
|
|
26
26
|
var _keyboardFocusEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/keyboardFocusEnhance"));
|
27
27
|
var _assignProps6 = require("intergalactic/utils/lib/assignProps");
|
28
28
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
29
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
30
|
-
"__STag": "
|
31
|
-
"_interactive": "
|
32
|
-
"_keyboardFocused": "
|
33
|
-
"_disabled": "
|
34
|
-
"_theme_primary-invert": "_theme_primary-
|
35
|
-
"_theme_secondary-invert": "_theme_secondary-
|
36
|
-
"_theme_additional-invert": "_theme_additional-
|
37
|
-
"__SText": "
|
38
|
-
"__SAddon": "
|
39
|
-
"__SCircle": "
|
40
|
-
"_size_m": "
|
41
|
-
"_size_l": "
|
42
|
-
"_size_xl": "
|
43
|
-
"--tag-color": "--tag-
|
44
|
-
"_theme_primary": "
|
45
|
-
"_active": "
|
46
|
-
"_theme_secondary": "
|
47
|
-
"_theme_additional": "
|
48
|
-
"__SClose": "
|
29
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STag_18vc3_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_18vc3)}.___STag_18vc3_gg_.__interactive_18vc3_gg_:has(.___SText_18vc3_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_18vc3_gg_::after,.___STag_18vc3_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_18vc3_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_18vc3);opacity:.2}.___STag_18vc3_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_18vc3);opacity:.1}.___STag_18vc3_gg_:active,.___STag_18vc3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_18vc3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_18vc3_gg_.__interactive_18vc3_gg_.__keyboardFocused_18vc3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_18vc3_gg_.__interactive_18vc3_gg_.__keyboardFocused_18vc3_gg_:has(:focus){box-shadow:none}.___STag_18vc3_gg_.__disabled_18vc3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_18vc3_gg_.__interactive_18vc3_gg_{cursor:pointer}.___STag_18vc3_gg_._size_m_18vc3_gg_{height:20px;min-width:20px}.___STag_18vc3_gg_._size_m_18vc3_gg_ .___SCircle_18vc3_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_18vc3_gg_._size_m_18vc3_gg_ .___SCircle_18vc3_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_18vc3_gg_._size_m_18vc3_gg_ .___SText_18vc3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_18vc3_gg_._size_l_18vc3_gg_{height:28px;min-width:28px}.___STag_18vc3_gg_._size_l_18vc3_gg_ .___SText_18vc3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_18vc3_gg_._size_xl_18vc3_gg_{height:40px;min-width:40px}.___STag_18vc3_gg_._size_xl_18vc3_gg_ .___SText_18vc3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_18vc3_gg_._theme_primary_18vc3_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_18vc3_gg_._theme_primary_18vc3_gg_:after{display:none}.___STag_18vc3_gg_._theme_primary_18vc3_gg_.__active_18vc3_gg_:before,.___STag_18vc3_gg_._theme_primary_18vc3_gg_.__interactive_18vc3_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_18vc3_gg_._theme_primary_18vc3_gg_.__interactive_18vc3_gg_:hover:before{opacity:.3}}.___STag_18vc3_gg_._theme_additional_18vc3_gg_::before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_::before{opacity:.01}.___STag_18vc3_gg_._theme_additional_18vc3_gg_.__active_18vc3_gg_:before,.___STag_18vc3_gg_._theme_additional_18vc3_gg_.__interactive_18vc3_gg_:active:before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_.__active_18vc3_gg_:before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_.__interactive_18vc3_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_18vc3_gg_._theme_additional_18vc3_gg_.__interactive_18vc3_gg_:hover:before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_.__interactive_18vc3_gg_:hover:before{opacity:.1}}.___SClose_18vc3_gg_ path,.___STag_18vc3_gg_._theme_additional-invert_18vc3_gg_::after,.___STag_18vc3_gg_._theme_additional_18vc3_gg_::after,.___STag_18vc3_gg_._theme_secondary-invert_18vc3_gg_::after,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_::after{opacity:.5}.___STag_18vc3_gg_._theme_primary-invert_18vc3_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_18vc3_gg_._theme_additional-invert_18vc3_gg_,.___STag_18vc3_gg_._theme_primary-invert_18vc3_gg_,.___STag_18vc3_gg_._theme_secondary-invert_18vc3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_18vc3_gg_._theme_additional_18vc3_gg_::after{border-style:dashed}.___SText_18vc3_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___STag_18vc3_gg_.__interactive_18vc3_gg_ .___SText_18vc3_gg_.__keyboardFocused_18vc3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_18vc3_gg_:not(:only-child):first-child{padding-right:0}.___SText_18vc3_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_18vc3_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_18vc3_gg_,.___SCircle_18vc3_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_18vc3_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_18vc3_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_18vc3_gg_:first-child{margin-left:0}.___SCircle_18vc3_gg_:last-child{margin-right:0}.___SCircle_18vc3_gg_._size_m_18vc3_gg_{width:16px;height:16px}.___SCircle_18vc3_gg_._size_l_18vc3_gg_,.___SCircle_18vc3_gg_._size_xl_18vc3_gg_{width:20px;height:20px}.___SClose_18vc3_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_18vc3_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "18vc3_gg_") /*__reshadow_css_end__*/, {
|
30
|
+
"__STag": "___STag_18vc3_gg_",
|
31
|
+
"_interactive": "__interactive_18vc3_gg_",
|
32
|
+
"_keyboardFocused": "__keyboardFocused_18vc3_gg_",
|
33
|
+
"_disabled": "__disabled_18vc3_gg_",
|
34
|
+
"_theme_primary-invert": "_theme_primary-invert_18vc3_gg_",
|
35
|
+
"_theme_secondary-invert": "_theme_secondary-invert_18vc3_gg_",
|
36
|
+
"_theme_additional-invert": "_theme_additional-invert_18vc3_gg_",
|
37
|
+
"__SText": "___SText_18vc3_gg_",
|
38
|
+
"__SAddon": "___SAddon_18vc3_gg_",
|
39
|
+
"__SCircle": "___SCircle_18vc3_gg_",
|
40
|
+
"_size_m": "_size_m_18vc3_gg_",
|
41
|
+
"_size_l": "_size_l_18vc3_gg_",
|
42
|
+
"_size_xl": "_size_xl_18vc3_gg_",
|
43
|
+
"--tag-color": "--tag-color_18vc3",
|
44
|
+
"_theme_primary": "_theme_primary_18vc3_gg_",
|
45
|
+
"_active": "__active_18vc3_gg_",
|
46
|
+
"_theme_secondary": "_theme_secondary_18vc3_gg_",
|
47
|
+
"_theme_additional": "_theme_additional_18vc3_gg_",
|
48
|
+
"__SClose": "___SClose_18vc3_gg_"
|
49
49
|
});
|
50
50
|
var legacyThemeRecommendedMigration = {
|
51
51
|
primary: {
|
package/tag/lib/es6/Tag.js
CHANGED
@@ -23,26 +23,26 @@ import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEn
|
|
23
23
|
import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
|
24
24
|
import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
|
25
25
|
/*__reshadow-styles__:"./style/tag.shadow.css"*/
|
26
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
27
|
-
"__STag": "
|
28
|
-
"_interactive": "
|
29
|
-
"_keyboardFocused": "
|
30
|
-
"_disabled": "
|
31
|
-
"_theme_primary-invert": "_theme_primary-
|
32
|
-
"_theme_secondary-invert": "_theme_secondary-
|
33
|
-
"_theme_additional-invert": "_theme_additional-
|
34
|
-
"__SText": "
|
35
|
-
"__SAddon": "
|
36
|
-
"__SCircle": "
|
37
|
-
"_size_m": "
|
38
|
-
"_size_l": "
|
39
|
-
"_size_xl": "
|
40
|
-
"--tag-color": "--tag-
|
41
|
-
"_theme_primary": "
|
42
|
-
"_active": "
|
43
|
-
"_theme_secondary": "
|
44
|
-
"_theme_additional": "
|
45
|
-
"__SClose": "
|
26
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STag_18vc3_gg_{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;border:1px solid var(--intergalactic-bg-primary-neutral, #ffffff);box-sizing:border-box;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-radius:var(--intergalactic-tag-rounded, 24px);padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);font-weight:var(--intergalactic-medium, 500);color:var(--tag-color_18vc3)}.___STag_18vc3_gg_.__interactive_18vc3_gg_:has(.___SText_18vc3_gg_:focus){box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5))}.___STag_18vc3_gg_::after,.___STag_18vc3_gg_::before{content:\"\";position:absolute;border-radius:var(--intergalactic-tag-rounded, 24px);filter:brightness(150%)}.___STag_18vc3_gg_::before{top:0;left:0;right:0;bottom:0;background-color:var(--tag-color_18vc3);opacity:.2}.___STag_18vc3_gg_::after{top:-1px;left:-1px;right:-1px;bottom:-1px;pointer-events:none;border:1px solid var(--tag-color_18vc3);opacity:.1}.___STag_18vc3_gg_:active,.___STag_18vc3_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___STag_18vc3_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___STag_18vc3_gg_.__interactive_18vc3_gg_.__keyboardFocused_18vc3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___STag_18vc3_gg_.__interactive_18vc3_gg_.__keyboardFocused_18vc3_gg_:has(:focus){box-shadow:none}.___STag_18vc3_gg_.__disabled_18vc3_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___STag_18vc3_gg_.__interactive_18vc3_gg_{cursor:pointer}.___STag_18vc3_gg_._size_m_18vc3_gg_{height:20px;min-width:20px}.___STag_18vc3_gg_._size_m_18vc3_gg_ .___SCircle_18vc3_gg_:first-child{margin-left:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_18vc3_gg_._size_m_18vc3_gg_ .___SCircle_18vc3_gg_:last-child{margin-right:calc(-1*var(--intergalactic-spacing-05x, 2px))}.___STag_18vc3_gg_._size_m_18vc3_gg_ .___SText_18vc3_gg_{font-size:var(--intergalactic-fs-100, 12px);line-height:var(--intergalactic-lh-100, 133%)}.___STag_18vc3_gg_._size_l_18vc3_gg_{height:28px;min-width:28px}.___STag_18vc3_gg_._size_l_18vc3_gg_ .___SText_18vc3_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STag_18vc3_gg_._size_xl_18vc3_gg_{height:40px;min-width:40px}.___STag_18vc3_gg_._size_xl_18vc3_gg_ .___SText_18vc3_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STag_18vc3_gg_._theme_primary_18vc3_gg_::before{top:-1px;left:-1px;right:-1px;bottom:-1px}.___STag_18vc3_gg_._theme_primary_18vc3_gg_:after{display:none}.___STag_18vc3_gg_._theme_primary_18vc3_gg_.__active_18vc3_gg_:before,.___STag_18vc3_gg_._theme_primary_18vc3_gg_.__interactive_18vc3_gg_:active:before{opacity:.3}@media (hover:hover){.___STag_18vc3_gg_._theme_primary_18vc3_gg_.__interactive_18vc3_gg_:hover:before{opacity:.3}}.___STag_18vc3_gg_._theme_additional_18vc3_gg_::before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_::before{opacity:.01}.___STag_18vc3_gg_._theme_additional_18vc3_gg_.__active_18vc3_gg_:before,.___STag_18vc3_gg_._theme_additional_18vc3_gg_.__interactive_18vc3_gg_:active:before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_.__active_18vc3_gg_:before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_.__interactive_18vc3_gg_:active:before{opacity:.1}@media (hover:hover){.___STag_18vc3_gg_._theme_additional_18vc3_gg_.__interactive_18vc3_gg_:hover:before,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_.__interactive_18vc3_gg_:hover:before{opacity:.1}}.___SClose_18vc3_gg_ path,.___STag_18vc3_gg_._theme_additional-invert_18vc3_gg_::after,.___STag_18vc3_gg_._theme_additional_18vc3_gg_::after,.___STag_18vc3_gg_._theme_secondary-invert_18vc3_gg_::after,.___STag_18vc3_gg_._theme_secondary_18vc3_gg_::after{opacity:.5}.___STag_18vc3_gg_._theme_primary-invert_18vc3_gg_{background-color:var(--intergalactic-tag-primary-white-normal, rgba(255, 255, 255, 0.15))}.___STag_18vc3_gg_._theme_additional-invert_18vc3_gg_,.___STag_18vc3_gg_._theme_primary-invert_18vc3_gg_,.___STag_18vc3_gg_._theme_secondary-invert_18vc3_gg_{color:var(--intergalactic-text-primary-invert, #ffffff)}.___STag_18vc3_gg_._theme_additional_18vc3_gg_::after{border-style:dashed}.___SText_18vc3_gg_{display:inline-block;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;position:relative}.___STag_18vc3_gg_.__interactive_18vc3_gg_ .___SText_18vc3_gg_.__keyboardFocused_18vc3_gg_{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}.___SText_18vc3_gg_:not(:only-child):first-child{padding-right:0}.___SText_18vc3_gg_:not(:first-child):not(:last-child){padding-left:0;padding-right:0}.___SText_18vc3_gg_:not(:only-child):last-child{padding-left:0}.___SAddon_18vc3_gg_,.___SCircle_18vc3_gg_{display:inline-flex;align-items:center;justify-content:center}.___SAddon_18vc3_gg_{flex-shrink:0;padding-left:var(--intergalactic-spacing-1x, 4px);padding-right:var(--intergalactic-spacing-1x, 4px);position:relative}.___SCircle_18vc3_gg_{overflow:hidden;border-radius:50%;margin:0 var(--intergalactic-spacing-1x, 4px)}.___SCircle_18vc3_gg_:first-child{margin-left:0}.___SCircle_18vc3_gg_:last-child{margin-right:0}.___SCircle_18vc3_gg_._size_m_18vc3_gg_{width:16px;height:16px}.___SCircle_18vc3_gg_._size_l_18vc3_gg_,.___SCircle_18vc3_gg_._size_xl_18vc3_gg_{width:20px;height:20px}.___SClose_18vc3_gg_{cursor:pointer;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;padding:var(--intergalactic-spacing-1x, 4px);position:relative}@media (hover:hover){.___SClose_18vc3_gg_:hover path{opacity:1}}" /*__inner_css_end__*/, "18vc3_gg_") /*__reshadow_css_end__*/, {
|
27
|
+
"__STag": "___STag_18vc3_gg_",
|
28
|
+
"_interactive": "__interactive_18vc3_gg_",
|
29
|
+
"_keyboardFocused": "__keyboardFocused_18vc3_gg_",
|
30
|
+
"_disabled": "__disabled_18vc3_gg_",
|
31
|
+
"_theme_primary-invert": "_theme_primary-invert_18vc3_gg_",
|
32
|
+
"_theme_secondary-invert": "_theme_secondary-invert_18vc3_gg_",
|
33
|
+
"_theme_additional-invert": "_theme_additional-invert_18vc3_gg_",
|
34
|
+
"__SText": "___SText_18vc3_gg_",
|
35
|
+
"__SAddon": "___SAddon_18vc3_gg_",
|
36
|
+
"__SCircle": "___SCircle_18vc3_gg_",
|
37
|
+
"_size_m": "_size_m_18vc3_gg_",
|
38
|
+
"_size_l": "_size_l_18vc3_gg_",
|
39
|
+
"_size_xl": "_size_xl_18vc3_gg_",
|
40
|
+
"--tag-color": "--tag-color_18vc3",
|
41
|
+
"_theme_primary": "_theme_primary_18vc3_gg_",
|
42
|
+
"_active": "__active_18vc3_gg_",
|
43
|
+
"_theme_secondary": "_theme_secondary_18vc3_gg_",
|
44
|
+
"_theme_additional": "_theme_additional_18vc3_gg_",
|
45
|
+
"__SClose": "___SClose_18vc3_gg_"
|
46
46
|
});
|
47
47
|
import { callAllEventHandlers } from 'intergalactic/utils/lib/assignProps';
|
48
48
|
var legacyThemeRecommendedMigration = {
|
@@ -21,14 +21,14 @@ var _canUseDOM = _interopRequireDefault(require("intergalactic/utils/lib/canUseD
|
|
21
21
|
var _cssToIntDefault = _interopRequireDefault(require("intergalactic/utils/lib/cssToIntDefault"));
|
22
22
|
var _rafTrottle = _interopRequireDefault(require("intergalactic/utils/lib/rafTrottle"));
|
23
23
|
/*__reshadow-styles__:"./style/textarea.shadow.css"*/
|
24
|
-
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".
|
25
|
-
"__STextarea": "
|
26
|
-
"_size_m": "
|
27
|
-
"_size_l": "
|
28
|
-
"--resize": "--
|
29
|
-
"_state_normal": "
|
30
|
-
"_state_valid": "
|
31
|
-
"_state_invalid": "
|
24
|
+
var style = ( /*__reshadow_css_start__*/_core.sstyled.insert( /*__inner_css_start__*/".___STextarea_gxkpm_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_gxkpm);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_gxkpm_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_gxkpm_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_gxkpm_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_gxkpm_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_gxkpm_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_gxkpm_gg_._size_m_gxkpm_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_gxkpm_gg_._size_l_gxkpm_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_gxkpm_gg_._state_normal_gxkpm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_gxkpm_gg_._state_valid_gxkpm_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_gxkpm_gg_._state_valid_gxkpm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_gxkpm_gg_._state_invalid_gxkpm_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_gxkpm_gg_._state_invalid_gxkpm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "gxkpm_gg_") /*__reshadow_css_end__*/, {
|
25
|
+
"__STextarea": "___STextarea_gxkpm_gg_",
|
26
|
+
"_size_m": "_size_m_gxkpm_gg_",
|
27
|
+
"_size_l": "_size_l_gxkpm_gg_",
|
28
|
+
"--resize": "--resize_gxkpm",
|
29
|
+
"_state_normal": "_state_normal_gxkpm_gg_",
|
30
|
+
"_state_valid": "_state_valid_gxkpm_gg_",
|
31
|
+
"_state_invalid": "_state_invalid_gxkpm_gg_"
|
32
32
|
});
|
33
33
|
var Textarea = /*#__PURE__*/function (_Component) {
|
34
34
|
(0, _inherits2["default"])(Textarea, _Component);
|
@@ -73,9 +73,11 @@ var Textarea = /*#__PURE__*/function (_Component) {
|
|
73
73
|
document.body.appendChild(clonnedNode);
|
74
74
|
var lh = (0, _cssToIntDefault["default"])(getComputedStyle(clonnedNode).getPropertyValue('line-height'));
|
75
75
|
clonnedNode.rows = minRows;
|
76
|
+
clonnedNode.style.setProperty('height', 'fit-content');
|
76
77
|
var computed = Math.floor(clonnedNode.scrollHeight / lh);
|
77
78
|
document.body.removeChild(clonnedNode);
|
78
79
|
if (computed === previousRows) {
|
80
|
+
node.rows = computed;
|
79
81
|
return;
|
80
82
|
}
|
81
83
|
if (computed <= minRows) {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Textarea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_autoFocusEnhance","_canUseDOM","_cssToIntDefault","_rafTrottle","style","sstyled","insert","Textarea","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","node","canUseDOM","window","addEventListener","calculateRows","removeEventListener","rafTrottle","disabledScrolling","undefined","_assertThisInitialize","_this$asProps","asProps","rows","minRows","maxRows","previousRows","clonnedNode","cloneNode","computedStyle","getComputedStyle","i","key","item","setProperty","getPropertyValue","getPropertyPriority","document","body","appendChild","lh","cssToIntDefault","computed","Math","floor","scrollHeight","removeChild","selectionEnd","value","scrollTop","_createClass2","uncontrolledProps","_this2","e","target","componentDidMount","addGlobalHandlers","componentDidUpdate","prevProps","_this$asProps2","componentWillUnmount","removeGlobalHandlers","render","_ref","_ref2","STextarea","Box","styles","createElement","cn","_objectSpread2","assignProps","setRef","Component","size","state","resize","defaultValue","autoFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Textarea.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/textarea.shadow.css';\n\nclass Textarea extends Component {\n static displayName = 'Textarea';\n static defaultProps = {\n size: 'm',\n state: 'normal',\n resize: 'none',\n minRows: 2,\n defaultValue: '',\n };\n static enhance = [autoFocusEnhance()];\n static style = style;\n\n node = null;\n\n uncontrolledProps() {\n return {\n value: [\n (e) => e.target.value,\n () => {\n this.calculateRows();\n },\n ],\n };\n }\n\n setRef = (node) => {\n if (!node) return;\n this.node = node;\n };\n\n addGlobalHandlers = () => {\n if (!canUseDOM()) return;\n window.addEventListener('resize', this.calculateRows);\n };\n\n removeGlobalHandlers = () => {\n if (!canUseDOM()) return;\n window.removeEventListener('resize', this.calculateRows);\n };\n\n calculateRows = rafTrottle((disabledScrolling = false) => {\n const { node } = this;\n const { rows, minRows, maxRows } = this.asProps;\n if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;\n\n const previousRows = node.rows;\n const clonnedNode = node.cloneNode(true);\n const computedStyle = window.getComputedStyle(node);\n\n for (let i = 0; i < computedStyle.length; i++) {\n const key = computedStyle.item(i);\n\n clonnedNode.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n }\n\n clonnedNode.style.setProperty('visibility', 'hidden', 'important');\n\n document.body.appendChild(clonnedNode);\n\n const lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));\n\n clonnedNode.rows = minRows;\n\n const computed = Math.floor(clonnedNode.scrollHeight / lh);\n\n document.body.removeChild(clonnedNode);\n\n if (computed === previousRows) {\n return;\n }\n if (computed <= minRows) {\n node.rows = minRows;\n }\n if (computed >= maxRows) {\n node.rows = maxRows;\n }\n if (\n (minRows !== undefined || maxRows !== undefined) &&\n (minRows === undefined || computed >= minRows) &&\n (maxRows === undefined || computed <= maxRows)\n ) {\n node.rows = computed;\n }\n\n if (disabledScrolling) return;\n const { selectionEnd, value } = node;\n if (selectionEnd < value.length) return;\n\n node.scrollTop = node.scrollHeight;\n });\n\n componentDidMount() {\n this.calculateRows(true);\n this.addGlobalHandlers();\n }\n\n componentDidUpdate(prevProps) {\n const { minRows, maxRows, value } = this.asProps;\n if (\n prevProps.minRows !== minRows ||\n prevProps.maxRows !== maxRows ||\n prevProps.value !== value\n ) {\n this.calculateRows();\n }\n }\n\n componentWillUnmount() {\n this.removeGlobalHandlers();\n }\n\n render() {\n const STextarea = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<STextarea render={Box} tag='textarea' ref={this.setRef} />);\n }\n}\n\nexport default createComponent(Textarea);\n"],"mappings":"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
|
1
|
+
{"version":3,"file":"Textarea.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_autoFocusEnhance","_canUseDOM","_cssToIntDefault","_rafTrottle","style","sstyled","insert","Textarea","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","node","canUseDOM","window","addEventListener","calculateRows","removeEventListener","rafTrottle","disabledScrolling","undefined","_assertThisInitialize","_this$asProps","asProps","rows","minRows","maxRows","previousRows","clonnedNode","cloneNode","computedStyle","getComputedStyle","i","key","item","setProperty","getPropertyValue","getPropertyPriority","document","body","appendChild","lh","cssToIntDefault","computed","Math","floor","scrollHeight","removeChild","selectionEnd","value","scrollTop","_createClass2","uncontrolledProps","_this2","e","target","componentDidMount","addGlobalHandlers","componentDidUpdate","prevProps","_this$asProps2","componentWillUnmount","removeGlobalHandlers","render","_ref","_ref2","STextarea","Box","styles","createElement","cn","_objectSpread2","assignProps","setRef","Component","size","state","resize","defaultValue","autoFocusEnhance","_default","createComponent","exports"],"sources":["../../src/Textarea.jsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@semcore/flex-box';\nimport autoFocusEnhance from '@semcore/utils/lib/enhances/autoFocusEnhance';\nimport canUseDOM from '@semcore/utils/lib/canUseDOM';\nimport cssToIntDefault from '@semcore/utils/lib/cssToIntDefault';\nimport rafTrottle from '@semcore/utils/lib/rafTrottle';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\n\nimport style from './style/textarea.shadow.css';\n\nclass Textarea extends Component {\n static displayName = 'Textarea';\n static defaultProps = {\n size: 'm',\n state: 'normal',\n resize: 'none',\n minRows: 2,\n defaultValue: '',\n };\n static enhance = [autoFocusEnhance()];\n static style = style;\n\n node = null;\n\n uncontrolledProps() {\n return {\n value: [\n (e) => e.target.value,\n () => {\n this.calculateRows();\n },\n ],\n };\n }\n\n setRef = (node) => {\n if (!node) return;\n this.node = node;\n };\n\n addGlobalHandlers = () => {\n if (!canUseDOM()) return;\n window.addEventListener('resize', this.calculateRows);\n };\n\n removeGlobalHandlers = () => {\n if (!canUseDOM()) return;\n window.removeEventListener('resize', this.calculateRows);\n };\n\n calculateRows = rafTrottle((disabledScrolling = false) => {\n const { node } = this;\n const { rows, minRows, maxRows } = this.asProps;\n if (!node || !canUseDOM() || rows || !(minRows || maxRows)) return;\n\n const previousRows = node.rows;\n const clonnedNode = node.cloneNode(true);\n const computedStyle = window.getComputedStyle(node);\n\n for (let i = 0; i < computedStyle.length; i++) {\n const key = computedStyle.item(i);\n\n clonnedNode.style.setProperty(\n key,\n computedStyle.getPropertyValue(key),\n computedStyle.getPropertyPriority(key),\n );\n }\n\n clonnedNode.style.setProperty('visibility', 'hidden', 'important');\n\n document.body.appendChild(clonnedNode);\n\n const lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));\n\n clonnedNode.rows = minRows;\n clonnedNode.style.setProperty('height', 'fit-content');\n\n const computed = Math.floor(clonnedNode.scrollHeight / lh);\n\n document.body.removeChild(clonnedNode);\n\n if (computed === previousRows) {\n node.rows = computed;\n return;\n }\n if (computed <= minRows) {\n node.rows = minRows;\n }\n if (computed >= maxRows) {\n node.rows = maxRows;\n }\n if (\n (minRows !== undefined || maxRows !== undefined) &&\n (minRows === undefined || computed >= minRows) &&\n (maxRows === undefined || computed <= maxRows)\n ) {\n node.rows = computed;\n }\n\n if (disabledScrolling) return;\n const { selectionEnd, value } = node;\n if (selectionEnd < value.length) return;\n\n node.scrollTop = node.scrollHeight;\n });\n\n componentDidMount() {\n this.calculateRows(true);\n this.addGlobalHandlers();\n }\n\n componentDidUpdate(prevProps) {\n const { minRows, maxRows, value } = this.asProps;\n if (\n prevProps.minRows !== minRows ||\n prevProps.maxRows !== maxRows ||\n prevProps.value !== value\n ) {\n this.calculateRows();\n }\n }\n\n componentWillUnmount() {\n this.removeGlobalHandlers();\n }\n\n render() {\n const STextarea = Root;\n const { styles } = this.asProps;\n\n return sstyled(styles)(<STextarea render={Box} tag='textarea' ref={this.setRef} />);\n }\n}\n\nexport default createComponent(Textarea);\n"],"mappings":"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"}
|
@@ -15,14 +15,14 @@ import cssToIntDefault from 'intergalactic/utils/lib/cssToIntDefault';
|
|
15
15
|
import rafTrottle from 'intergalactic/utils/lib/rafTrottle';
|
16
16
|
import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
|
17
17
|
/*__reshadow-styles__:"./style/textarea.shadow.css"*/
|
18
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
19
|
-
"__STextarea": "
|
20
|
-
"_size_m": "
|
21
|
-
"_size_l": "
|
22
|
-
"--resize": "--
|
23
|
-
"_state_normal": "
|
24
|
-
"_state_valid": "
|
25
|
-
"_state_invalid": "
|
18
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___STextarea_gxkpm_gg_{height:auto;color:var(--intergalactic-text-primary, #191b23);border:1px solid var(--intergalactic-border-primary, #c4c7cf);border-radius:var(--intergalactic-control-rounded, 6px);outline:0;width:100%;box-sizing:border-box;font-family:inherit;resize:var(--resize_gxkpm);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___STextarea_gxkpm_gg_:-moz-read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_gxkpm_gg_:read-only{background-color:var(--intergalactic-bg-secondary-neutral, #f4f5f9)}.___STextarea_gxkpm_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3)}.___STextarea_gxkpm_gg_::-moz-placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_gxkpm_gg_::placeholder{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___STextarea_gxkpm_gg_._size_m_gxkpm_gg_{padding:var(--intergalactic-spacing-1x, 4px) var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___STextarea_gxkpm_gg_._size_l_gxkpm_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___STextarea_gxkpm_gg_._state_normal_gxkpm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));border-color:var(--intergalactic-border-info-active, #006dca)}.___STextarea_gxkpm_gg_._state_valid_gxkpm_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___STextarea_gxkpm_gg_._state_valid_gxkpm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-valid, 0px 0px 0px 3px rgba(0, 159, 129, 0.5))}.___STextarea_gxkpm_gg_._state_invalid_gxkpm_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);background-image:var(--intergalactic-border-critical-pattern, repeating-linear-gradient(315deg, rgba(209, 0, 47, 1) 0, rgba(209, 0, 47, 1) 2px, transparent 0, transparent 50%));background-size:6px 6px;background-color:var(--intergalactic-bg-primary-neutral, #ffffff);border-bottom-left-radius:var(--intergalactic-control-rounded, 6px);border-top-left-radius:var(--intergalactic-control-rounded, 6px);background-repeat:repeat-y}.___STextarea_gxkpm_gg_._state_invalid_gxkpm_gg_:focus{box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}" /*__inner_css_end__*/, "gxkpm_gg_") /*__reshadow_css_end__*/, {
|
19
|
+
"__STextarea": "___STextarea_gxkpm_gg_",
|
20
|
+
"_size_m": "_size_m_gxkpm_gg_",
|
21
|
+
"_size_l": "_size_l_gxkpm_gg_",
|
22
|
+
"--resize": "--resize_gxkpm",
|
23
|
+
"_state_normal": "_state_normal_gxkpm_gg_",
|
24
|
+
"_state_valid": "_state_valid_gxkpm_gg_",
|
25
|
+
"_state_invalid": "_state_invalid_gxkpm_gg_"
|
26
26
|
});
|
27
27
|
var Textarea = /*#__PURE__*/function (_Component) {
|
28
28
|
_inherits(Textarea, _Component);
|
@@ -67,9 +67,11 @@ var Textarea = /*#__PURE__*/function (_Component) {
|
|
67
67
|
document.body.appendChild(clonnedNode);
|
68
68
|
var lh = cssToIntDefault(getComputedStyle(clonnedNode).getPropertyValue('line-height'));
|
69
69
|
clonnedNode.rows = minRows;
|
70
|
+
clonnedNode.style.setProperty('height', 'fit-content');
|
70
71
|
var computed = Math.floor(clonnedNode.scrollHeight / lh);
|
71
72
|
document.body.removeChild(clonnedNode);
|
72
73
|
if (computed === previousRows) {
|
74
|
+
node.rows = computed;
|
73
75
|
return;
|
74
76
|
}
|
75
77
|
if (computed <= minRows) {
|