intergalactic 15.118.0 → 15.119.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 +47 -0
- package/accordion/lib/cjs/Accordion.js +9 -9
- package/accordion/lib/es6/Accordion.js +9 -9
- package/accordion/package.json +1 -1
- 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/animation/package.json +1 -1
- package/badge/lib/cjs/Badge.js +6 -6
- package/badge/lib/es6/Badge.js +6 -6
- package/badge/package.json +1 -1
- package/base-trigger/index.d.ts +6 -1
- package/base-trigger/lib/cjs/BaseTrigger.js +20 -19
- package/base-trigger/lib/cjs/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/ButtonTrigger.js +3 -3
- package/base-trigger/lib/cjs/FilterTrigger.js +29 -21
- package/base-trigger/lib/cjs/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/cjs/LinkTrigger.js +12 -12
- package/base-trigger/lib/cjs/index.d.js.map +1 -1
- package/base-trigger/lib/cjs/translations/en.json +2 -1
- package/base-trigger/lib/es6/BaseTrigger.js +20 -19
- package/base-trigger/lib/es6/BaseTrigger.js.map +1 -1
- package/base-trigger/lib/es6/ButtonTrigger.js +3 -3
- package/base-trigger/lib/es6/FilterTrigger.js +29 -21
- package/base-trigger/lib/es6/FilterTrigger.js.map +1 -1
- package/base-trigger/lib/es6/LinkTrigger.js +12 -12
- package/base-trigger/lib/es6/index.d.js.map +1 -1
- package/base-trigger/lib/es6/translations/en.json +2 -1
- package/base-trigger/lib/types/index.d.ts +6 -1
- package/base-trigger/package.json +1 -1
- package/breadcrumbs/lib/cjs/Breadcrumbs.js +8 -8
- package/breadcrumbs/lib/es6/Breadcrumbs.js +8 -8
- package/breadcrumbs/package.json +1 -1
- package/breakpoints/package.json +1 -1
- package/button/lib/cjs/component/Button/Button.js +27 -27
- package/button/lib/cjs/component/ButtonLink/ButtonLink.js +20 -20
- package/button/lib/es6/component/Button/Button.js +27 -27
- package/button/lib/es6/component/ButtonLink/ButtonLink.js +20 -20
- package/button/package.json +1 -1
- package/card/lib/cjs/Card.js +6 -6
- package/card/lib/es6/Card.js +6 -6
- package/card/package.json +1 -1
- package/carousel/lib/cjs/Carousel.js +21 -21
- package/carousel/lib/es6/Carousel.js +21 -21
- package/carousel/package.json +1 -1
- package/checkbox/lib/cjs/Checkbox.js +18 -18
- package/checkbox/lib/es6/Checkbox.js +18 -18
- package/checkbox/package.json +1 -1
- package/color-picker/lib/cjs/ColorPicker.js +24 -24
- package/color-picker/lib/cjs/PaletteManager.js +24 -24
- package/color-picker/lib/cjs/components/InputColor.js +24 -24
- package/color-picker/lib/cjs/components/Item.js +1 -2
- package/color-picker/lib/cjs/components/Item.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/color-picker/lib/es6/components/Item.js +1 -1
- package/color-picker/lib/es6/components/Item.js.map +1 -1
- package/color-picker/package.json +1 -1
- package/components.json +73 -73
- package/core/package.json +1 -1
- package/counter/lib/cjs/Counter.js +11 -11
- package/counter/lib/es6/Counter.js +11 -11
- package/counter/package.json +1 -1
- 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 +16 -16
- package/d3-chart/lib/cjs/Bubble.js +12 -12
- package/d3-chart/lib/cjs/CompactHorizontalBar.js +16 -16
- 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 +16 -16
- package/d3-chart/lib/cjs/Hover.js +3 -3
- package/d3-chart/lib/cjs/Line.js +9 -9
- package/d3-chart/lib/cjs/Plot.js +3 -3
- package/d3-chart/lib/cjs/Radar.js +19 -19
- package/d3-chart/lib/cjs/RadialTree.js +12 -12
- package/d3-chart/lib/cjs/Reference.js +12 -12
- package/d3-chart/lib/cjs/ScatterPlot.js +9 -9
- package/d3-chart/lib/cjs/Tooltip.js +9 -9
- package/d3-chart/lib/cjs/Venn.js +9 -9
- package/d3-chart/lib/cjs/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/cjs/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/cjs/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/cjs/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/cjs/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/lib/es6/Area.js +11 -11
- package/d3-chart/lib/es6/Axis.js +14 -14
- package/d3-chart/lib/es6/Bar.js +16 -16
- package/d3-chart/lib/es6/Bubble.js +12 -12
- package/d3-chart/lib/es6/CompactHorizontalBar.js +16 -16
- 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 +16 -16
- package/d3-chart/lib/es6/Hover.js +3 -3
- package/d3-chart/lib/es6/Line.js +9 -9
- package/d3-chart/lib/es6/Plot.js +3 -3
- package/d3-chart/lib/es6/Radar.js +19 -19
- package/d3-chart/lib/es6/RadialTree.js +12 -12
- package/d3-chart/lib/es6/Reference.js +12 -12
- package/d3-chart/lib/es6/ScatterPlot.js +9 -9
- package/d3-chart/lib/es6/Tooltip.js +9 -9
- package/d3-chart/lib/es6/Venn.js +9 -9
- package/d3-chart/lib/es6/a11y/PlotA11yModule.js +2 -2
- package/d3-chart/lib/es6/a11y/PlotA11yView.js +2 -2
- package/d3-chart/lib/es6/component/ChartLegend/LegendFlex/LegendFlex.js +4 -4
- package/d3-chart/lib/es6/component/ChartLegend/LegendItem/LegendItem.js +17 -17
- package/d3-chart/lib/es6/component/ChartLegend/LegendTable/LegendTable.js +6 -6
- package/d3-chart/package.json +1 -1
- package/data-table/lib/cjs/Body.js +3 -3
- package/data-table/lib/cjs/DataTable.js +42 -37
- package/data-table/lib/cjs/DataTable.js.map +1 -1
- package/data-table/lib/cjs/Head.js +1 -2
- package/data-table/lib/cjs/Head.js.map +1 -1
- package/data-table/lib/es6/Body.js +3 -3
- package/data-table/lib/es6/DataTable.js +42 -37
- package/data-table/lib/es6/DataTable.js.map +1 -1
- package/data-table/lib/es6/Head.js +1 -1
- package/data-table/lib/es6/Head.js.map +1 -1
- package/data-table/package.json +1 -1
- package/date-picker/lib/cjs/components/Calendar.js +23 -24
- 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 +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 +22 -22
- package/date-picker/lib/es6/components/Calendar.js.map +1 -1
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js +30 -29
- package/date-picker/lib/es6/components/DateRangeComparatorAbstract.js.map +1 -1
- package/date-picker/lib/es6/components/InputTrigger.js +29 -29
- package/date-picker/lib/es6/components/PickerAbstract.js +29 -29
- package/date-picker/lib/es6/components/RangePickerAbstract.js +29 -29
- package/date-picker/package.json +1 -1
- package/divider/lib/cjs/Divider.js +10 -10
- package/divider/lib/es6/Divider.js +10 -10
- package/divider/package.json +1 -1
- package/dot/lib/cjs/Dot.js +10 -10
- package/dot/lib/es6/Dot.js +10 -10
- package/dot/package.json +1 -1
- package/drag-and-drop/lib/cjs/DragAndDrop.js +17 -18
- package/drag-and-drop/lib/cjs/DragAndDrop.js.map +1 -1
- package/drag-and-drop/lib/es6/DragAndDrop.js +17 -17
- package/drag-and-drop/lib/es6/DragAndDrop.js.map +1 -1
- package/drag-and-drop/package.json +1 -1
- package/dropdown/lib/cjs/AbstractDropdown.js +11 -7
- package/dropdown/lib/cjs/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/cjs/Dropdown.js +16 -16
- package/dropdown/lib/cjs/Dropdown.js.map +1 -1
- package/dropdown/lib/es6/AbstractDropdown.js +11 -7
- package/dropdown/lib/es6/AbstractDropdown.js.map +1 -1
- package/dropdown/lib/es6/Dropdown.js +16 -16
- package/dropdown/lib/es6/Dropdown.js.map +1 -1
- package/dropdown/package.json +1 -1
- package/dropdown-menu/lib/cjs/DropdownMenu.js +18 -18
- package/dropdown-menu/lib/es6/DropdownMenu.js +18 -18
- package/dropdown-menu/package.json +1 -1
- package/ellipsis/lib/cjs/Ellipsis.js +10 -10
- package/ellipsis/lib/es6/Ellipsis.js +10 -10
- package/ellipsis/package.json +1 -1
- package/errors/lib/cjs/Error.js +9 -9
- package/errors/lib/es6/Error.js +9 -9
- package/errors/package.json +1 -1
- package/feature-popover/lib/cjs/FeaturePopover.js +11 -11
- package/feature-popover/lib/es6/FeaturePopover.js +11 -11
- package/feature-popover/package.json +1 -1
- package/feedback-form/lib/cjs/FeedbackForm.js +7 -7
- package/feedback-form/lib/cjs/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/cjs/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/cjs/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/lib/es6/FeedbackForm.js +7 -7
- package/feedback-form/lib/es6/component/checkbox-button/CheckboxButton.js +3 -3
- package/feedback-form/lib/es6/component/feedback-rating/FeedbackRating.js +2 -2
- package/feedback-form/lib/es6/component/slider-rating/SliderRating.js +6 -6
- package/feedback-form/package.json +1 -1
- 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/flags/package.json +1 -1
- package/flex-box/index.d.ts +1 -0
- 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/index.js +9 -1
- package/flex-box/lib/cjs/index.js.map +1 -1
- package/flex-box/lib/cjs/invalid-state-box/InvalidStateBox.js +2 -2
- package/flex-box/lib/cjs/screen-reader-only-box/ScreenReaderOnlyBox.js +30 -0
- package/flex-box/lib/cjs/screen-reader-only-box/ScreenReaderOnlyBox.js.map +1 -0
- package/flex-box/lib/cjs/screen-reader-only-box/screenReaderOnlyBox.shadow.css +12 -0
- 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/index.js +1 -0
- package/flex-box/lib/es6/index.js.map +1 -1
- package/flex-box/lib/es6/invalid-state-box/InvalidStateBox.js +2 -2
- package/flex-box/lib/es6/screen-reader-only-box/ScreenReaderOnlyBox.js +21 -0
- package/flex-box/lib/es6/screen-reader-only-box/ScreenReaderOnlyBox.js.map +1 -0
- package/flex-box/lib/es6/screen-reader-only-box/screenReaderOnlyBox.shadow.css +12 -0
- package/flex-box/lib/types/index.d.ts +1 -0
- package/flex-box/lib/types/screen-reader-only-box/ScreenReaderOnlyBox.d.ts +4 -0
- package/flex-box/package.json +1 -1
- package/flex-box/screen-reader-only-box/ScreenReaderOnlyBox.d.ts +4 -0
- package/format-text/lib/cjs/FormatText.js +5 -5
- package/format-text/lib/es6/FormatText.js +5 -5
- package/format-text/package.json +1 -1
- package/fullscreen-modal/lib/cjs/FullscreenModal.js +13 -13
- package/fullscreen-modal/lib/es6/FullscreenModal.js +13 -13
- package/fullscreen-modal/package.json +1 -1
- package/grid/lib/cjs/Grid.js +114 -114
- package/grid/lib/es6/Grid.js +114 -114
- package/grid/package.json +1 -1
- package/i18n-unplugin/package.json +1 -1
- package/icon/color/Confluence/l/index.js +4 -4
- package/icon/color/Confluence/l/index.mjs +4 -4
- package/icon/color/Confluence/m/index.js +4 -4
- package/icon/color/Confluence/m/index.mjs +4 -4
- package/icon/color/MetaColored/l/index.js +4 -4
- package/icon/color/MetaColored/l/index.mjs +4 -4
- package/icon/color/MetaColored/m/index.js +4 -4
- package/icon/color/MetaColored/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/package.json +1 -1
- 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/illustration/package.json +1 -1
- package/inline-edit/lib/cjs/InlineEdit.js +4 -4
- package/inline-edit/lib/es6/InlineEdit.js +4 -4
- package/inline-edit/package.json +1 -1
- package/inline-input/lib/cjs/InlineInput.js +14 -14
- package/inline-input/lib/es6/InlineInput.js +14 -14
- package/inline-input/package.json +1 -1
- package/input/lib/cjs/Input.js +17 -17
- package/input/lib/es6/Input.js +17 -17
- package/input/package.json +1 -1
- package/input-mask/lib/cjs/InputMask.js +7 -8
- package/input-mask/lib/cjs/InputMask.js.map +1 -1
- package/input-mask/lib/es6/InputMask.js +7 -7
- package/input-mask/lib/es6/InputMask.js.map +1 -1
- package/input-mask/package.json +1 -1
- package/input-number/lib/cjs/InputNumber.js +9 -9
- package/input-number/lib/es6/InputNumber.js +9 -9
- package/input-number/package.json +1 -1
- package/input-tags/InputTags.d.ts +1 -0
- package/input-tags/lib/cjs/InputTags.js +66 -37
- package/input-tags/lib/cjs/InputTags.js.map +1 -1
- package/input-tags/lib/es6/InputTags.js +68 -38
- package/input-tags/lib/es6/InputTags.js.map +1 -1
- package/input-tags/lib/types/InputTags.d.ts +1 -0
- package/input-tags/package.json +1 -1
- package/link/lib/cjs/Link.js +12 -12
- package/link/lib/es6/Link.js +12 -12
- package/link/package.json +1 -1
- package/mini-chart/lib/cjs/component/score/Donut.js +9 -9
- package/mini-chart/lib/cjs/component/score/Line.js +18 -18
- 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 +18 -18
- package/mini-chart/lib/es6/component/trend/Bar.js +7 -7
- package/mini-chart/lib/es6/component/trend/Line.js +7 -7
- package/mini-chart/package.json +1 -1
- package/modal/lib/cjs/Modal.js +8 -8
- package/modal/lib/es6/Modal.js +8 -8
- package/modal/package.json +1 -1
- package/neighbor-location/package.json +1 -1
- package/notice/lib/cjs/Notice.js +14 -14
- package/notice/lib/es6/Notice.js +14 -14
- package/notice/package.json +1 -1
- package/notice-bubble/index.d.ts +8 -0
- package/notice-bubble/lib/cjs/NoticeBubble.js +20 -23
- package/notice-bubble/lib/cjs/NoticeBubble.js.map +1 -1
- package/notice-bubble/lib/cjs/NoticeBubbleManager.js +24 -10
- package/notice-bubble/lib/cjs/NoticeBubbleManager.js.map +1 -1
- package/notice-bubble/lib/cjs/index.d.js.map +1 -1
- package/notice-bubble/lib/cjs/style/notice-bubble.shadow.css +2 -2
- package/notice-bubble/lib/es6/NoticeBubble.js +20 -23
- package/notice-bubble/lib/es6/NoticeBubble.js.map +1 -1
- package/notice-bubble/lib/es6/NoticeBubbleManager.js +24 -10
- package/notice-bubble/lib/es6/NoticeBubbleManager.js.map +1 -1
- package/notice-bubble/lib/es6/index.d.js.map +1 -1
- package/notice-bubble/lib/es6/style/notice-bubble.shadow.css +2 -2
- package/notice-bubble/lib/types/index.d.ts +8 -0
- package/notice-bubble/package.json +1 -1
- package/notice-global/lib/cjs/NoticeGlobal.js +11 -11
- package/notice-global/lib/es6/NoticeGlobal.js +11 -11
- package/notice-global/package.json +1 -1
- package/outside-click/package.json +1 -1
- package/package.json +1 -1
- package/pagination/lib/cjs/Pagination.js +11 -12
- package/pagination/lib/cjs/Pagination.js.map +1 -1
- package/pagination/lib/es6/Pagination.js +11 -11
- package/pagination/lib/es6/Pagination.js.map +1 -1
- package/pagination/package.json +1 -1
- package/pills/lib/cjs/Pills.js +13 -13
- package/pills/lib/es6/Pills.js +13 -13
- package/pills/package.json +1 -1
- package/popper/lib/cjs/Popper.js +7 -8
- package/popper/lib/cjs/Popper.js.map +1 -1
- package/popper/lib/es6/Popper.js +7 -7
- package/popper/lib/es6/Popper.js.map +1 -1
- package/popper/package.json +1 -1
- package/portal/package.json +1 -1
- 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/product-head/package.json +1 -1
- package/progress-bar/lib/cjs/ProgressBar.js +15 -15
- package/progress-bar/lib/es6/ProgressBar.js +15 -15
- package/progress-bar/package.json +1 -1
- package/radio/lib/cjs/Radio.js +16 -16
- package/radio/lib/es6/Radio.js +16 -16
- package/radio/package.json +1 -1
- 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/scroll-area/package.json +1 -1
- package/select/lib/cjs/InputSearch.js +6 -6
- package/select/lib/cjs/Select.js +8 -8
- package/select/lib/es6/InputSearch.js +6 -6
- package/select/lib/es6/Select.js +8 -8
- package/select/package.json +1 -1
- package/side-panel/lib/cjs/SidePanel.js +16 -16
- package/side-panel/lib/es6/SidePanel.js +16 -16
- package/side-panel/package.json +1 -1
- 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/CompactHorizontalBar.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/CompactHorizontalBar.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/skeleton/package.json +1 -1
- package/slider/lib/cjs/Slider.js +8 -8
- package/slider/lib/es6/Slider.js +8 -8
- package/slider/package.json +1 -1
- package/spin/lib/cjs/Spin.js +13 -13
- package/spin/lib/es6/Spin.js +13 -13
- package/spin/package.json +1 -1
- package/spin-container/lib/cjs/SpinContainer.js +8 -8
- package/spin-container/lib/es6/SpinContainer.js +8 -8
- package/spin-container/package.json +1 -1
- package/sticky/lib/cjs/Sticky.js +2 -2
- package/sticky/lib/es6/Sticky.js +2 -2
- package/sticky/package.json +1 -1
- package/switch/lib/cjs/Switch.js +21 -21
- package/switch/lib/es6/Switch.js +21 -21
- package/switch/package.json +1 -1
- package/tab-line/lib/cjs/TabLine.js +13 -13
- package/tab-line/lib/es6/TabLine.js +13 -13
- package/tab-line/package.json +1 -1
- package/tab-panel/lib/cjs/TabPanel.js +8 -8
- package/tab-panel/lib/es6/TabPanel.js +8 -8
- package/tab-panel/package.json +1 -1
- package/tag/lib/cjs/Tag.js +23 -23
- package/tag/lib/es6/Tag.js +23 -23
- package/tag/package.json +1 -1
- package/textarea/lib/cjs/Textarea.js +8 -8
- package/textarea/lib/es6/Textarea.js +8 -8
- package/textarea/package.json +1 -1
- package/time-picker/lib/cjs/PickerFormat.js +2 -3
- package/time-picker/lib/cjs/PickerFormat.js.map +1 -1
- package/time-picker/lib/cjs/TimePicker.js +12 -12
- package/time-picker/lib/es6/PickerFormat.js +1 -1
- package/time-picker/lib/es6/PickerFormat.js.map +1 -1
- package/time-picker/lib/es6/TimePicker.js +12 -12
- package/time-picker/package.json +1 -1
- package/tooltip/lib/cjs/Tooltip.js +9 -9
- package/tooltip/lib/es6/Tooltip.js +9 -9
- package/tooltip/package.json +1 -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/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/package.json +1 -1
- package/utils/lib/ScreenReaderOnly.d.ts +3 -0
- package/utils/lib/ScreenReaderOnly.js +3 -0
- package/utils/lib/ScreenReaderOnly.js.map +1 -1
- package/utils/lib/ScreenReaderOnly.mjs +4 -0
- package/utils/lib/ScreenReaderOnly.mjs.map +1 -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/findComponent.d.ts +4 -0
- package/utils/lib/findComponent.js +34 -0
- package/utils/lib/findComponent.js.map +1 -1
- package/utils/lib/findComponent.mjs +33 -0
- package/utils/lib/findComponent.mjs.map +1 -1
- package/utils/lib/injectStyle.js +1 -1
- package/utils/lib/injectStyle.mjs +1 -1
- package/widget-empty/lib/cjs/WidgetEmpty.js +5 -5
- package/widget-empty/lib/es6/WidgetEmpty.js +5 -5
- package/widget-empty/package.json +1 -1
- package/wizard/lib/cjs/Wizard.js +13 -14
- package/wizard/lib/cjs/Wizard.js.map +1 -1
- package/wizard/lib/es6/Wizard.js +13 -13
- package/wizard/lib/es6/Wizard.js.map +1 -1
- package/wizard/package.json +1 -1
|
@@ -6,34 +6,34 @@ import React from 'react';
|
|
|
6
6
|
import { createBaseComponent, sstyled } from 'intergalactic/core';
|
|
7
7
|
import Animation from './Animation';
|
|
8
8
|
/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
|
|
9
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-
|
|
10
|
-
"@collapse-enter": "collapse-
|
|
11
|
-
"@collapse-exit": "collapse-
|
|
12
|
-
"__SCollapse": "
|
|
13
|
-
"@fade-in-out-enter": "fade-in-out-
|
|
14
|
-
"@fade-in-out-exit": "fade-in-out-
|
|
15
|
-
"@opacity-in": "opacity-
|
|
16
|
-
"@opacity-out": "opacity-
|
|
17
|
-
"@scale-left-in": "scale-left-
|
|
18
|
-
"@scale-right-in": "scale-right-
|
|
19
|
-
"@scale-top-in": "scale-top-
|
|
20
|
-
"@scale-bottom-in": "scale-bottom-
|
|
21
|
-
"@scale-left-out": "scale-left-
|
|
22
|
-
"@scale-right-out": "scale-right-
|
|
23
|
-
"@scale-top-out": "scale-top-
|
|
24
|
-
"@scale-bottom-out": "scale-bottom-
|
|
25
|
-
"@slide-top-in": "slide-top-
|
|
26
|
-
"@slide-top-out": "slide-top-
|
|
27
|
-
"@slide-bottom-in": "slide-bottom-
|
|
28
|
-
"@slide-bottom-out": "slide-bottom-
|
|
29
|
-
"@slide-left-in": "slide-left-
|
|
30
|
-
"@slide-left-out": "slide-left-
|
|
31
|
-
"@slide-right-in": "slide-right-
|
|
32
|
-
"@slide-right-out": "slide-right-
|
|
33
|
-
"@transform-enter": "transform-
|
|
34
|
-
"--transformStart": "--
|
|
35
|
-
"--transformEnd": "--
|
|
36
|
-
"@transform-exit": "transform-
|
|
9
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_smhep{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_smhep{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_smhep{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_smhep{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_smhep{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_smhep{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_smhep{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"@collapse-enter": "collapse-enter_smhep",
|
|
11
|
+
"@collapse-exit": "collapse-exit_smhep",
|
|
12
|
+
"__SCollapse": "___SCollapse_smhep_gg_",
|
|
13
|
+
"@fade-in-out-enter": "fade-in-out-enter_smhep",
|
|
14
|
+
"@fade-in-out-exit": "fade-in-out-exit_smhep",
|
|
15
|
+
"@opacity-in": "opacity-in_smhep",
|
|
16
|
+
"@opacity-out": "opacity-out_smhep",
|
|
17
|
+
"@scale-left-in": "scale-left-in_smhep",
|
|
18
|
+
"@scale-right-in": "scale-right-in_smhep",
|
|
19
|
+
"@scale-top-in": "scale-top-in_smhep",
|
|
20
|
+
"@scale-bottom-in": "scale-bottom-in_smhep",
|
|
21
|
+
"@scale-left-out": "scale-left-out_smhep",
|
|
22
|
+
"@scale-right-out": "scale-right-out_smhep",
|
|
23
|
+
"@scale-top-out": "scale-top-out_smhep",
|
|
24
|
+
"@scale-bottom-out": "scale-bottom-out_smhep",
|
|
25
|
+
"@slide-top-in": "slide-top-in_smhep",
|
|
26
|
+
"@slide-top-out": "slide-top-out_smhep",
|
|
27
|
+
"@slide-bottom-in": "slide-bottom-in_smhep",
|
|
28
|
+
"@slide-bottom-out": "slide-bottom-out_smhep",
|
|
29
|
+
"@slide-left-in": "slide-left-in_smhep",
|
|
30
|
+
"@slide-left-out": "slide-left-out_smhep",
|
|
31
|
+
"@slide-right-in": "slide-right-in_smhep",
|
|
32
|
+
"@slide-right-out": "slide-right-out_smhep",
|
|
33
|
+
"@transform-enter": "transform-enter_smhep",
|
|
34
|
+
"--transformStart": "--transformStart_smhep",
|
|
35
|
+
"--transformEnd": "--transformEnd_smhep",
|
|
36
|
+
"@transform-exit": "transform-exit_smhep"
|
|
37
37
|
});
|
|
38
38
|
import { useForkRef } from 'intergalactic/utils/lib/ref';
|
|
39
39
|
import useEnhancedEffect from 'intergalactic/utils/lib/use/useEnhancedEffect';
|
|
@@ -4,34 +4,34 @@ import React from 'react';
|
|
|
4
4
|
import { createBaseComponent, sstyled } from 'intergalactic/core';
|
|
5
5
|
import Animation from './Animation';
|
|
6
6
|
/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
|
|
7
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-
|
|
8
|
-
"@collapse-enter": "collapse-
|
|
9
|
-
"@collapse-exit": "collapse-
|
|
10
|
-
"__SCollapse": "
|
|
11
|
-
"@fade-in-out-enter": "fade-in-out-
|
|
12
|
-
"@fade-in-out-exit": "fade-in-out-
|
|
13
|
-
"@opacity-in": "opacity-
|
|
14
|
-
"@opacity-out": "opacity-
|
|
15
|
-
"@scale-left-in": "scale-left-
|
|
16
|
-
"@scale-right-in": "scale-right-
|
|
17
|
-
"@scale-top-in": "scale-top-
|
|
18
|
-
"@scale-bottom-in": "scale-bottom-
|
|
19
|
-
"@scale-left-out": "scale-left-
|
|
20
|
-
"@scale-right-out": "scale-right-
|
|
21
|
-
"@scale-top-out": "scale-top-
|
|
22
|
-
"@scale-bottom-out": "scale-bottom-
|
|
23
|
-
"@slide-top-in": "slide-top-
|
|
24
|
-
"@slide-top-out": "slide-top-
|
|
25
|
-
"@slide-bottom-in": "slide-bottom-
|
|
26
|
-
"@slide-bottom-out": "slide-bottom-
|
|
27
|
-
"@slide-left-in": "slide-left-
|
|
28
|
-
"@slide-left-out": "slide-left-
|
|
29
|
-
"@slide-right-in": "slide-right-
|
|
30
|
-
"@slide-right-out": "slide-right-
|
|
31
|
-
"@transform-enter": "transform-
|
|
32
|
-
"--transformStart": "--
|
|
33
|
-
"--transformEnd": "--
|
|
34
|
-
"@transform-exit": "transform-
|
|
7
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_smhep{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_smhep{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_smhep{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_smhep{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_smhep{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_smhep{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_smhep{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
|
|
8
|
+
"@collapse-enter": "collapse-enter_smhep",
|
|
9
|
+
"@collapse-exit": "collapse-exit_smhep",
|
|
10
|
+
"__SCollapse": "___SCollapse_smhep_gg_",
|
|
11
|
+
"@fade-in-out-enter": "fade-in-out-enter_smhep",
|
|
12
|
+
"@fade-in-out-exit": "fade-in-out-exit_smhep",
|
|
13
|
+
"@opacity-in": "opacity-in_smhep",
|
|
14
|
+
"@opacity-out": "opacity-out_smhep",
|
|
15
|
+
"@scale-left-in": "scale-left-in_smhep",
|
|
16
|
+
"@scale-right-in": "scale-right-in_smhep",
|
|
17
|
+
"@scale-top-in": "scale-top-in_smhep",
|
|
18
|
+
"@scale-bottom-in": "scale-bottom-in_smhep",
|
|
19
|
+
"@scale-left-out": "scale-left-out_smhep",
|
|
20
|
+
"@scale-right-out": "scale-right-out_smhep",
|
|
21
|
+
"@scale-top-out": "scale-top-out_smhep",
|
|
22
|
+
"@scale-bottom-out": "scale-bottom-out_smhep",
|
|
23
|
+
"@slide-top-in": "slide-top-in_smhep",
|
|
24
|
+
"@slide-top-out": "slide-top-out_smhep",
|
|
25
|
+
"@slide-bottom-in": "slide-bottom-in_smhep",
|
|
26
|
+
"@slide-bottom-out": "slide-bottom-out_smhep",
|
|
27
|
+
"@slide-left-in": "slide-left-in_smhep",
|
|
28
|
+
"@slide-left-out": "slide-left-out_smhep",
|
|
29
|
+
"@slide-right-in": "slide-right-in_smhep",
|
|
30
|
+
"@slide-right-out": "slide-right-out_smhep",
|
|
31
|
+
"@transform-enter": "transform-enter_smhep",
|
|
32
|
+
"--transformStart": "--transformStart_smhep",
|
|
33
|
+
"--transformEnd": "--transformEnd_smhep",
|
|
34
|
+
"@transform-exit": "transform-exit_smhep"
|
|
35
35
|
});
|
|
36
36
|
function FadeInOut(props, ref) {
|
|
37
37
|
var _ref;
|
|
@@ -5,34 +5,34 @@ import React from 'react';
|
|
|
5
5
|
import { createBaseComponent, sstyled } from 'intergalactic/core';
|
|
6
6
|
import Animation from './Animation';
|
|
7
7
|
/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
|
|
8
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-
|
|
9
|
-
"@collapse-enter": "collapse-
|
|
10
|
-
"@collapse-exit": "collapse-
|
|
11
|
-
"__SCollapse": "
|
|
12
|
-
"@fade-in-out-enter": "fade-in-out-
|
|
13
|
-
"@fade-in-out-exit": "fade-in-out-
|
|
14
|
-
"@opacity-in": "opacity-
|
|
15
|
-
"@opacity-out": "opacity-
|
|
16
|
-
"@scale-left-in": "scale-left-
|
|
17
|
-
"@scale-right-in": "scale-right-
|
|
18
|
-
"@scale-top-in": "scale-top-
|
|
19
|
-
"@scale-bottom-in": "scale-bottom-
|
|
20
|
-
"@scale-left-out": "scale-left-
|
|
21
|
-
"@scale-right-out": "scale-right-
|
|
22
|
-
"@scale-top-out": "scale-top-
|
|
23
|
-
"@scale-bottom-out": "scale-bottom-
|
|
24
|
-
"@slide-top-in": "slide-top-
|
|
25
|
-
"@slide-top-out": "slide-top-
|
|
26
|
-
"@slide-bottom-in": "slide-bottom-
|
|
27
|
-
"@slide-bottom-out": "slide-bottom-
|
|
28
|
-
"@slide-left-in": "slide-left-
|
|
29
|
-
"@slide-left-out": "slide-left-
|
|
30
|
-
"@slide-right-in": "slide-right-
|
|
31
|
-
"@slide-right-out": "slide-right-
|
|
32
|
-
"@transform-enter": "transform-
|
|
33
|
-
"--transformStart": "--
|
|
34
|
-
"--transformEnd": "--
|
|
35
|
-
"@transform-exit": "transform-
|
|
8
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_smhep{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_smhep{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_smhep{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_smhep{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_smhep{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_smhep{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_smhep{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
|
|
9
|
+
"@collapse-enter": "collapse-enter_smhep",
|
|
10
|
+
"@collapse-exit": "collapse-exit_smhep",
|
|
11
|
+
"__SCollapse": "___SCollapse_smhep_gg_",
|
|
12
|
+
"@fade-in-out-enter": "fade-in-out-enter_smhep",
|
|
13
|
+
"@fade-in-out-exit": "fade-in-out-exit_smhep",
|
|
14
|
+
"@opacity-in": "opacity-in_smhep",
|
|
15
|
+
"@opacity-out": "opacity-out_smhep",
|
|
16
|
+
"@scale-left-in": "scale-left-in_smhep",
|
|
17
|
+
"@scale-right-in": "scale-right-in_smhep",
|
|
18
|
+
"@scale-top-in": "scale-top-in_smhep",
|
|
19
|
+
"@scale-bottom-in": "scale-bottom-in_smhep",
|
|
20
|
+
"@scale-left-out": "scale-left-out_smhep",
|
|
21
|
+
"@scale-right-out": "scale-right-out_smhep",
|
|
22
|
+
"@scale-top-out": "scale-top-out_smhep",
|
|
23
|
+
"@scale-bottom-out": "scale-bottom-out_smhep",
|
|
24
|
+
"@slide-top-in": "slide-top-in_smhep",
|
|
25
|
+
"@slide-top-out": "slide-top-out_smhep",
|
|
26
|
+
"@slide-bottom-in": "slide-bottom-in_smhep",
|
|
27
|
+
"@slide-bottom-out": "slide-bottom-out_smhep",
|
|
28
|
+
"@slide-left-in": "slide-left-in_smhep",
|
|
29
|
+
"@slide-left-out": "slide-left-out_smhep",
|
|
30
|
+
"@slide-right-in": "slide-right-in_smhep",
|
|
31
|
+
"@slide-right-out": "slide-right-out_smhep",
|
|
32
|
+
"@transform-enter": "transform-enter_smhep",
|
|
33
|
+
"--transformStart": "--transformStart_smhep",
|
|
34
|
+
"--transformEnd": "--transformEnd_smhep",
|
|
35
|
+
"@transform-exit": "transform-exit_smhep"
|
|
36
36
|
});
|
|
37
37
|
import { useForkRef } from 'intergalactic/utils/lib/ref';
|
|
38
38
|
function Scale(props, ref) {
|
|
@@ -4,34 +4,34 @@ import React from 'react';
|
|
|
4
4
|
import { createBaseComponent, sstyled } from 'intergalactic/core';
|
|
5
5
|
import Animation from './Animation';
|
|
6
6
|
/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
|
|
7
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-
|
|
8
|
-
"@collapse-enter": "collapse-
|
|
9
|
-
"@collapse-exit": "collapse-
|
|
10
|
-
"__SCollapse": "
|
|
11
|
-
"@fade-in-out-enter": "fade-in-out-
|
|
12
|
-
"@fade-in-out-exit": "fade-in-out-
|
|
13
|
-
"@opacity-in": "opacity-
|
|
14
|
-
"@opacity-out": "opacity-
|
|
15
|
-
"@scale-left-in": "scale-left-
|
|
16
|
-
"@scale-right-in": "scale-right-
|
|
17
|
-
"@scale-top-in": "scale-top-
|
|
18
|
-
"@scale-bottom-in": "scale-bottom-
|
|
19
|
-
"@scale-left-out": "scale-left-
|
|
20
|
-
"@scale-right-out": "scale-right-
|
|
21
|
-
"@scale-top-out": "scale-top-
|
|
22
|
-
"@scale-bottom-out": "scale-bottom-
|
|
23
|
-
"@slide-top-in": "slide-top-
|
|
24
|
-
"@slide-top-out": "slide-top-
|
|
25
|
-
"@slide-bottom-in": "slide-bottom-
|
|
26
|
-
"@slide-bottom-out": "slide-bottom-
|
|
27
|
-
"@slide-left-in": "slide-left-
|
|
28
|
-
"@slide-left-out": "slide-left-
|
|
29
|
-
"@slide-right-in": "slide-right-
|
|
30
|
-
"@slide-right-out": "slide-right-
|
|
31
|
-
"@transform-enter": "transform-
|
|
32
|
-
"--transformStart": "--
|
|
33
|
-
"--transformEnd": "--
|
|
34
|
-
"@transform-exit": "transform-
|
|
7
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_smhep{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_smhep{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_smhep{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_smhep{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_smhep{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_smhep{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_smhep{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
|
|
8
|
+
"@collapse-enter": "collapse-enter_smhep",
|
|
9
|
+
"@collapse-exit": "collapse-exit_smhep",
|
|
10
|
+
"__SCollapse": "___SCollapse_smhep_gg_",
|
|
11
|
+
"@fade-in-out-enter": "fade-in-out-enter_smhep",
|
|
12
|
+
"@fade-in-out-exit": "fade-in-out-exit_smhep",
|
|
13
|
+
"@opacity-in": "opacity-in_smhep",
|
|
14
|
+
"@opacity-out": "opacity-out_smhep",
|
|
15
|
+
"@scale-left-in": "scale-left-in_smhep",
|
|
16
|
+
"@scale-right-in": "scale-right-in_smhep",
|
|
17
|
+
"@scale-top-in": "scale-top-in_smhep",
|
|
18
|
+
"@scale-bottom-in": "scale-bottom-in_smhep",
|
|
19
|
+
"@scale-left-out": "scale-left-out_smhep",
|
|
20
|
+
"@scale-right-out": "scale-right-out_smhep",
|
|
21
|
+
"@scale-top-out": "scale-top-out_smhep",
|
|
22
|
+
"@scale-bottom-out": "scale-bottom-out_smhep",
|
|
23
|
+
"@slide-top-in": "slide-top-in_smhep",
|
|
24
|
+
"@slide-top-out": "slide-top-out_smhep",
|
|
25
|
+
"@slide-bottom-in": "slide-bottom-in_smhep",
|
|
26
|
+
"@slide-bottom-out": "slide-bottom-out_smhep",
|
|
27
|
+
"@slide-left-in": "slide-left-in_smhep",
|
|
28
|
+
"@slide-left-out": "slide-left-out_smhep",
|
|
29
|
+
"@slide-right-in": "slide-right-in_smhep",
|
|
30
|
+
"@slide-right-out": "slide-right-out_smhep",
|
|
31
|
+
"@transform-enter": "transform-enter_smhep",
|
|
32
|
+
"--transformStart": "--transformStart_smhep",
|
|
33
|
+
"--transformEnd": "--transformEnd_smhep",
|
|
34
|
+
"@transform-exit": "transform-exit_smhep"
|
|
35
35
|
});
|
|
36
36
|
function Slide(props, ref) {
|
|
37
37
|
var _ref;
|
|
@@ -6,34 +6,34 @@ import React from 'react';
|
|
|
6
6
|
import { createBaseComponent, sstyled } from 'intergalactic/core';
|
|
7
7
|
import Animation from './Animation';
|
|
8
8
|
/*__reshadow-styles__:"./style/keyframes.shadow.css"*/
|
|
9
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-
|
|
10
|
-
"@collapse-enter": "collapse-
|
|
11
|
-
"@collapse-exit": "collapse-
|
|
12
|
-
"__SCollapse": "
|
|
13
|
-
"@fade-in-out-enter": "fade-in-out-
|
|
14
|
-
"@fade-in-out-exit": "fade-in-out-
|
|
15
|
-
"@opacity-in": "opacity-
|
|
16
|
-
"@opacity-out": "opacity-
|
|
17
|
-
"@scale-left-in": "scale-left-
|
|
18
|
-
"@scale-right-in": "scale-right-
|
|
19
|
-
"@scale-top-in": "scale-top-
|
|
20
|
-
"@scale-bottom-in": "scale-bottom-
|
|
21
|
-
"@scale-left-out": "scale-left-
|
|
22
|
-
"@scale-right-out": "scale-right-
|
|
23
|
-
"@scale-top-out": "scale-top-
|
|
24
|
-
"@scale-bottom-out": "scale-bottom-
|
|
25
|
-
"@slide-top-in": "slide-top-
|
|
26
|
-
"@slide-top-out": "slide-top-
|
|
27
|
-
"@slide-bottom-in": "slide-bottom-
|
|
28
|
-
"@slide-bottom-out": "slide-bottom-
|
|
29
|
-
"@slide-left-in": "slide-left-
|
|
30
|
-
"@slide-left-out": "slide-left-
|
|
31
|
-
"@slide-right-in": "slide-right-
|
|
32
|
-
"@slide-right-out": "slide-right-
|
|
33
|
-
"@transform-enter": "transform-
|
|
34
|
-
"--transformStart": "--
|
|
35
|
-
"--transformEnd": "--
|
|
36
|
-
"@transform-exit": "transform-
|
|
9
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/"@keyframes collapse-enter_smhep{0%,to{overflow:clip}}@keyframes collapse-exit_smhep{0%,to{overflow:clip}}@keyframes fade-in-out-enter_smhep{0%{opacity:0}to{opacity:1}}@keyframes fade-in-out-exit_smhep{0%{opacity:1}to{opacity:0}}@keyframes opacity-in_smhep{0%{opacity:0}to{opacity:1}}@keyframes opacity-out_smhep{0%{opacity:1}to{opacity:0}}@keyframes scale-left-in_smhep{0%{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-in_smhep{0%{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}to{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-in_smhep{0%{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-in_smhep{0%{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}to{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-left-out_smhep{to{opacity:0;transform:translateX(20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-right-out_smhep{to{opacity:0;transform:translateX(-20px) scaleX(.9);pointer-events:none}0%{opacity:1;transform:translateX(0) scaleX(1);pointer-events:all}}@keyframes scale-top-out_smhep{to{opacity:0;transform:translateY(20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes scale-bottom-out_smhep{to{opacity:0;transform:translateY(-20px) scaleY(.9);pointer-events:none}0%{opacity:1;transform:translateY(0) scaleY(1);pointer-events:all}}@keyframes slide-top-in_smhep{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-top-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100px)}}@keyframes slide-bottom-in_smhep{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-bottom-out_smhep{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100px)}}@keyframes slide-left-in_smhep{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-left-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-100px)}}@keyframes slide-right-in_smhep{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-right-out_smhep{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}@keyframes transform-enter_smhep{0%{transform:var(--transformStart_smhep)}to{transform:var(--transformEnd_smhep)}}@keyframes transform-exit_smhep{0%{transform:var(--transformEnd_smhep)}to{transform:var(--transformStart_smhep)}}.___SCollapse_smhep_gg_{transition-property:height;display:flow-root}" /*__inner_css_end__*/, "smhep_gg_") /*__reshadow_css_end__*/, {
|
|
10
|
+
"@collapse-enter": "collapse-enter_smhep",
|
|
11
|
+
"@collapse-exit": "collapse-exit_smhep",
|
|
12
|
+
"__SCollapse": "___SCollapse_smhep_gg_",
|
|
13
|
+
"@fade-in-out-enter": "fade-in-out-enter_smhep",
|
|
14
|
+
"@fade-in-out-exit": "fade-in-out-exit_smhep",
|
|
15
|
+
"@opacity-in": "opacity-in_smhep",
|
|
16
|
+
"@opacity-out": "opacity-out_smhep",
|
|
17
|
+
"@scale-left-in": "scale-left-in_smhep",
|
|
18
|
+
"@scale-right-in": "scale-right-in_smhep",
|
|
19
|
+
"@scale-top-in": "scale-top-in_smhep",
|
|
20
|
+
"@scale-bottom-in": "scale-bottom-in_smhep",
|
|
21
|
+
"@scale-left-out": "scale-left-out_smhep",
|
|
22
|
+
"@scale-right-out": "scale-right-out_smhep",
|
|
23
|
+
"@scale-top-out": "scale-top-out_smhep",
|
|
24
|
+
"@scale-bottom-out": "scale-bottom-out_smhep",
|
|
25
|
+
"@slide-top-in": "slide-top-in_smhep",
|
|
26
|
+
"@slide-top-out": "slide-top-out_smhep",
|
|
27
|
+
"@slide-bottom-in": "slide-bottom-in_smhep",
|
|
28
|
+
"@slide-bottom-out": "slide-bottom-out_smhep",
|
|
29
|
+
"@slide-left-in": "slide-left-in_smhep",
|
|
30
|
+
"@slide-left-out": "slide-left-out_smhep",
|
|
31
|
+
"@slide-right-in": "slide-right-in_smhep",
|
|
32
|
+
"@slide-right-out": "slide-right-out_smhep",
|
|
33
|
+
"@transform-enter": "transform-enter_smhep",
|
|
34
|
+
"--transformStart": "--transformStart_smhep",
|
|
35
|
+
"--transformEnd": "--transformEnd_smhep",
|
|
36
|
+
"@transform-exit": "transform-exit_smhep"
|
|
37
37
|
});
|
|
38
38
|
function Transform(props, ref) {
|
|
39
39
|
var _ref;
|
package/animation/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"intergalactic/animation","description":"Semrush Animation Component","version":"2.
|
|
1
|
+
{"name":"intergalactic/animation","description":"Semrush Animation Component","version":"2.39.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/animation"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
package/badge/lib/cjs/Badge.js
CHANGED
|
@@ -18,12 +18,12 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
18
18
|
var _flexBox = require("intergalactic/flex-box");
|
|
19
19
|
var _resolveColorEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/resolveColorEnhance"));
|
|
20
20
|
/*__reshadow-styles__:"./style/badge.shadow.css"*/
|
|
21
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
22
|
-
"__SBadge": "
|
|
23
|
-
"_bg": "
|
|
24
|
-
"--bg": "--
|
|
25
|
-
"_color": "
|
|
26
|
-
"--color": "--
|
|
21
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBadge_1hooe_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1hooe_gg_.__bg_1hooe_gg_{background-color:var(--bg_1hooe)}.___SBadge_1hooe_gg_.__color_1hooe_gg_{color:var(--color_1hooe)}" /*__inner_css_end__*/, "1hooe_gg_") /*__reshadow_css_end__*/, {
|
|
22
|
+
"__SBadge": "___SBadge_1hooe_gg_",
|
|
23
|
+
"_bg": "__bg_1hooe_gg_",
|
|
24
|
+
"--bg": "--bg_1hooe",
|
|
25
|
+
"_color": "__color_1hooe_gg_",
|
|
26
|
+
"--color": "--color_1hooe"
|
|
27
27
|
});
|
|
28
28
|
var RootBadge = /*#__PURE__*/function (_Component) {
|
|
29
29
|
(0, _inherits2["default"])(RootBadge, _Component);
|
package/badge/lib/es6/Badge.js
CHANGED
|
@@ -11,12 +11,12 @@ import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
|
|
|
11
11
|
import { Box } from 'intergalactic/flex-box';
|
|
12
12
|
import resolveColorEnhance from 'intergalactic/utils/lib/enhances/resolveColorEnhance';
|
|
13
13
|
/*__reshadow-styles__:"./style/badge.shadow.css"*/
|
|
14
|
-
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".
|
|
15
|
-
"__SBadge": "
|
|
16
|
-
"_bg": "
|
|
17
|
-
"--bg": "--
|
|
18
|
-
"_color": "
|
|
19
|
-
"--color": "--
|
|
14
|
+
var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SBadge_1hooe_gg_{display:inline-block;box-sizing:border-box;height:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-fs-200, 14px);padding:0 var(--intergalactic-spacing-1x, 4px);border-radius:var(--intergalactic-badge-rounded, 6px);white-space:nowrap;font-size:var(--intergalactic-fs-50, 10px);font-weight:var(--intergalactic-medium, 500);letter-spacing:.3px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.___SBadge_1hooe_gg_.__bg_1hooe_gg_{background-color:var(--bg_1hooe)}.___SBadge_1hooe_gg_.__color_1hooe_gg_{color:var(--color_1hooe)}" /*__inner_css_end__*/, "1hooe_gg_") /*__reshadow_css_end__*/, {
|
|
15
|
+
"__SBadge": "___SBadge_1hooe_gg_",
|
|
16
|
+
"_bg": "__bg_1hooe_gg_",
|
|
17
|
+
"--bg": "--bg_1hooe",
|
|
18
|
+
"_color": "__color_1hooe_gg_",
|
|
19
|
+
"--color": "--color_1hooe"
|
|
20
20
|
});
|
|
21
21
|
var RootBadge = /*#__PURE__*/function (_Component) {
|
|
22
22
|
_inherits(RootBadge, _Component);
|
package/badge/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"name":"intergalactic/badge","description":"Semrush Badge Component","version":"4.
|
|
1
|
+
{"name":"intergalactic/badge","description":"Semrush Badge Component","version":"4.38.0-prerelease.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/utils":"4.44.0-prerelease.0","@semcore/flex-box":"5.39.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.37.0-prerelease.0","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/badge"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
|
package/base-trigger/index.d.ts
CHANGED
|
@@ -77,6 +77,11 @@ export type FilterTriggerProps = BaseTriggerProps & {
|
|
|
77
77
|
triggerRef?: React.Ref<HTMLButtonElement>;
|
|
78
78
|
};
|
|
79
79
|
|
|
80
|
+
export type FilterTriggerCounterProps = {
|
|
81
|
+
/** Count for render */
|
|
82
|
+
count?: number;
|
|
83
|
+
};
|
|
84
|
+
|
|
80
85
|
declare const BaseTrigger: Intergalactic.Component<'div', BaseTriggerProps> & {
|
|
81
86
|
Text: typeof Box;
|
|
82
87
|
Addon: typeof Box;
|
|
@@ -95,7 +100,7 @@ declare const LinkTrigger: Intergalactic.Component<'div', LinkTriggerProps> & {
|
|
|
95
100
|
declare const FilterTrigger: Intergalactic.Component<'div', FilterTriggerProps> & {
|
|
96
101
|
Text: typeof BaseTrigger.Text;
|
|
97
102
|
Addon: typeof BaseTrigger.Addon;
|
|
98
|
-
Counter: Intergalactic.Component<'div', BoxProps & DotProps>;
|
|
103
|
+
Counter: Intergalactic.Component<'div', BoxProps & DotProps & FilterTriggerCounterProps>;
|
|
99
104
|
TriggerButton: typeof BaseTrigger;
|
|
100
105
|
ClearButton: typeof BaseTrigger;
|
|
101
106
|
};
|
|
@@ -23,24 +23,24 @@ var _logger = _interopRequireDefault(require("intergalactic/utils/lib/logger"));
|
|
|
23
23
|
var _animatedSizeEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhances/animatedSizeEnhance"));
|
|
24
24
|
var _useCssVariable = require("intergalactic/utils/lib/useCssVariable");
|
|
25
25
|
/*__reshadow-styles__:"./style/base-trigger.shadow.css"*/
|
|
26
|
-
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".
|
|
27
|
-
"__SBaseTrigger": "
|
|
28
|
-
"_disabled": "
|
|
29
|
-
"__SInner": "
|
|
30
|
-
"__SText": "
|
|
31
|
-
"__SAddon": "
|
|
32
|
-
"__SBaseAddon": "
|
|
33
|
-
"_neighborLocation_right": "
|
|
34
|
-
"_neighborLocation_both": "
|
|
35
|
-
"_neighborLocation_left": "
|
|
36
|
-
"_display-placeholder": "__display-
|
|
37
|
-
"_state_valid": "
|
|
38
|
-
"__SInvalidPattern": "
|
|
39
|
-
"_size_m": "
|
|
40
|
-
"_size_l": "
|
|
41
|
-
"_keyboardFocused": "
|
|
42
|
-
"_active": "
|
|
43
|
-
"_state_invalid": "
|
|
26
|
+
var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SBaseTrigger_u2zwt_gg_{display:inline-block;align-items:center;justify-content:center;line-height:normal;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;background:var(--intergalactic-bg-primary-neutral, #ffffff);font-weight:var(--intergalactic-regular, 400);border:1px solid var(--intergalactic-border-primary, #c4c7cf);color:var(--intergalactic-text-primary, #191b23)}.___SBaseTrigger_u2zwt_gg_::-moz-focus-inner{border:0;padding:0}.___SBaseTrigger_u2zwt_gg_:active,.___SBaseTrigger_u2zwt_gg_:focus{outline:0;-webkit-text-decoration:none;text-decoration:none}@media (hover:hover){.___SBaseTrigger_u2zwt_gg_:hover{outline:0;-webkit-text-decoration:none;text-decoration:none}}.___SBaseTrigger_u2zwt_gg_.__keyboardFocused_u2zwt_gg_{border:1px solid var(--intergalactic-border-info-active, #006dca);box-shadow:var(--intergalactic-keyboard-focus, 0px 0px 0px 3px rgba(0, 143, 248, 0.5));z-index:1}@media (hover:hover){.___SBaseTrigger_u2zwt_gg_:hover{background-color:var(--intergalactic-bg-primary-neutral-hover, #f4f5f9)}}.___SBaseTrigger_u2zwt_gg_.__active_u2zwt_gg_,.___SBaseTrigger_u2zwt_gg_:active{border-color:var(--intergalactic-border-info-active, #006dca);background-color:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SBaseTrigger_u2zwt_gg_.__disabled_u2zwt_gg_{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}.___SInner_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;height:100%;width:100%}.___SText_u2zwt_gg_{display:inline;padding:1px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:var(--intergalactic-lh-200, 142%);flex-grow:1;text-align:left}.___SAddon_u2zwt_gg_{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.___SBaseAddon_u2zwt_gg_{width:12px;height:12px}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_{min-width:26px;height:28px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-2x, 8px);font-size:var(--intergalactic-fs-200, 14px)}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child,.___SBaseTrigger_u2zwt_gg_._size_m_u2zwt_gg_ .___SAddon_u2zwt_gg_:only-child{margin-left:calc(-1*var(--intergalactic-spacing-1x, 4px));margin-right:calc(-1*var(--intergalactic-spacing-1x, 4px))}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_{min-width:32px;height:40px;border-radius:var(--intergalactic-control-rounded, 6px);padding:0 var(--intergalactic-spacing-3x, 12px);font-size:var(--intergalactic-fs-300, 16px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):first-child{margin-right:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._size_l_u2zwt_gg_ .___SAddon_u2zwt_gg_:not(:only-child):last-child{margin-left:var(--intergalactic-spacing-2x, 8px)}.___SBaseTrigger_u2zwt_gg_._neighborLocation_right_u2zwt_gg_{border-top-right-radius:0;border-bottom-right-radius:0}.___SBaseTrigger_u2zwt_gg_._neighborLocation_both_u2zwt_gg_{border-radius:0;margin-left:-1px}.___SBaseTrigger_u2zwt_gg_._neighborLocation_left_u2zwt_gg_{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.___SText_u2zwt_gg_.__display-placeholder_u2zwt_gg_{color:var(--intergalactic-text-placeholder, #8a8e9b)}.___SBaseTrigger_u2zwt_gg_._state_valid_u2zwt_gg_{border-color:var(--intergalactic-border-success-active, #007c65)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f)}.___SBaseTrigger_u2zwt_gg_._state_invalid_u2zwt_gg_.__keyboardFocused_u2zwt_gg_{border-color:var(--intergalactic-border-critical-active, #d1002f);box-shadow:var(--intergalactic-keyboard-focus-invalid, 0px 0px 0px 3px rgba(255, 73, 83, 0.5))}.___SInvalidPattern_u2zwt_gg_._size_m_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-2x, 8px))}.___SInvalidPattern_u2zwt_gg_._size_l_u2zwt_gg_{margin-left:calc(-1*var(--intergalactic-spacing-3x, 12px))}" /*__inner_css_end__*/, "u2zwt_gg_") /*__reshadow_css_end__*/, {
|
|
27
|
+
"__SBaseTrigger": "___SBaseTrigger_u2zwt_gg_",
|
|
28
|
+
"_disabled": "__disabled_u2zwt_gg_",
|
|
29
|
+
"__SInner": "___SInner_u2zwt_gg_",
|
|
30
|
+
"__SText": "___SText_u2zwt_gg_",
|
|
31
|
+
"__SAddon": "___SAddon_u2zwt_gg_",
|
|
32
|
+
"__SBaseAddon": "___SBaseAddon_u2zwt_gg_",
|
|
33
|
+
"_neighborLocation_right": "_neighborLocation_right_u2zwt_gg_",
|
|
34
|
+
"_neighborLocation_both": "_neighborLocation_both_u2zwt_gg_",
|
|
35
|
+
"_neighborLocation_left": "_neighborLocation_left_u2zwt_gg_",
|
|
36
|
+
"_display-placeholder": "__display-placeholder_u2zwt_gg_",
|
|
37
|
+
"_state_valid": "_state_valid_u2zwt_gg_",
|
|
38
|
+
"__SInvalidPattern": "___SInvalidPattern_u2zwt_gg_",
|
|
39
|
+
"_size_m": "_size_m_u2zwt_gg_",
|
|
40
|
+
"_size_l": "_size_l_u2zwt_gg_",
|
|
41
|
+
"_keyboardFocused": "__keyboardFocused_u2zwt_gg_",
|
|
42
|
+
"_active": "__active_u2zwt_gg_",
|
|
43
|
+
"_state_invalid": "_state_invalid_u2zwt_gg_"
|
|
44
44
|
});
|
|
45
45
|
var RootBaseTrigger = /*#__PURE__*/function (_Component) {
|
|
46
46
|
(0, _inherits2["default"])(RootBaseTrigger, _Component);
|
|
@@ -117,7 +117,8 @@ function Text(props) {
|
|
|
117
117
|
empty = props.empty,
|
|
118
118
|
placeholder = props.placeholder;
|
|
119
119
|
return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SText, _ref5.cn("SText", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
|
|
120
|
-
"display-placeholder": empty
|
|
120
|
+
"display-placeholder": empty,
|
|
121
|
+
"aria-hidden": empty
|
|
121
122
|
}, _ref2))), empty ? placeholder : children);
|
|
122
123
|
}
|
|
123
124
|
function Addon(props) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"BaseTrigger.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_neighborLocation","_keyboardFocusEnhance","_addonTextChildren","_logger","_animatedSizeEnhance","_useCssVariable","style","_index","sstyled","insert","RootBaseTrigger","_Component","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","getTextProps","_this$asProps","asProps","placeholder","empty","render","_ref","SBaseTrigger","Box","SInner","SInvalidPattern","InvalidStateBox","_this$asProps2","Children","styles","theme","neighborLocation","state","size","logger","warn","undefined","BaseTrigger","displayName","createElement","Detect","_ref4","cn","_objectSpread2","assignProps","addonTextChildren","Text","Addon","Component","_defineProperty2","keyboardFocusEnhance","cssVariableEnhance","variable","fallback","map","Number","parseInt","prop","animatedSizeEnhance","animateProps","onChangeOf","props","_ref2","arguments[0]","_ref5","SText","children","_ref3","_ref6","SAddon","createComponent","_default","exports"],"sources":["../../src/BaseTrigger.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box, InvalidStateBox } from '@semcore/flex-box';\nimport NeighborLocation from '@semcore/neighbor-location';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport addonTextChildren from '@semcore/utils/lib/addonTextChildren';\nimport logger from '@semcore/utils/lib/logger';\nimport animatedSizeEnhance from '@semcore/utils/lib/enhances/animatedSizeEnhance';\nimport { cssVariableEnhance } from '@semcore/utils/lib/useCssVariable';\n\nimport style from './style/base-trigger.shadow.css';\n\nclass RootBaseTrigger extends Component {\n static displayName = 'BaseTrigger';\n static enhance = [\n keyboardFocusEnhance(),\n cssVariableEnhance({\n variable: '--intergalactic-duration-control',\n fallback: '200',\n map: Number.parseInt,\n prop: 'duration',\n }),\n animatedSizeEnhance({\n animateProps: ['width'],\n onChangeOf: ['value'],\n }),\n ];\n static style = style;\n static defaultProps = {\n size: 'm',\n empty: false,\n };\n\n getTextProps() {\n const { placeholder, empty } = this.asProps;\n return {\n placeholder,\n empty,\n };\n }\n\n render() {\n const SBaseTrigger = Root;\n const SInner = 'span';\n const SInvalidPattern = InvalidStateBox;\n const { Children, styles, theme, neighborLocation, empty, state, size } = this.asProps;\n\n logger.warn(\n theme !== undefined,\n \"The 'theme' property is deprecated, use 'state'\",\n this.asProps['data-ui-name'] || BaseTrigger.displayName,\n );\n\n // TODO: add aria\n return (\n <NeighborLocation.Detect neighborLocation={neighborLocation}>\n {(neighborLocation) =>\n sstyled(styles)(\n <SBaseTrigger render={Box} neighborLocation={neighborLocation} state={theme}>\n {state === 'invalid' && <SInvalidPattern size={size} />}\n <SInner>\n {addonTextChildren(Children, BaseTrigger.Text, BaseTrigger.Addon, empty)}\n </SInner>\n </SBaseTrigger>,\n )\n }\n </NeighborLocation.Detect>\n );\n }\n}\n\nfunction Text(props) {\n const SText = Root;\n const { children, styles, empty, placeholder } = props;\n\n return sstyled(styles)(\n <SText render={Box} display-placeholder={empty} aria-hidden={empty}>\n {empty ? placeholder : children}\n </SText>,\n );\n}\n\nfunction Addon(props) {\n const SAddon = Root;\n const { styles } = props;\n return sstyled(styles)(<SAddon render={Box} />);\n}\n\nconst BaseTrigger = createComponent(RootBaseTrigger, {\n Text,\n Addon,\n});\n\nexport default BaseTrigger;\n"],"mappings":"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"}
|