@kubit-ui-web/react-components 1.16.0 → 1.17.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/dist/cjs/components/accordion/accordion.styled.js +17 -7
- package/dist/cjs/components/accordion/accordion.styled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js +17 -7
- package/dist/cjs/components/actionBottomSheet/actionBottomSheet.styled.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js +1 -1
- package/dist/cjs/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/cjs/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +1 -0
- package/dist/cjs/components/avatar/avatar.styled.js +17 -7
- package/dist/cjs/components/avatar/avatar.styled.js.map +1 -1
- package/dist/cjs/components/backToTop/backToTopControlled.js +1 -1
- package/dist/cjs/components/backToTop/backToTopControlled.js.map +1 -1
- package/dist/cjs/components/backToTop/backToTopStandAlone.js +2 -2
- package/dist/cjs/components/backToTop/backToTopStandAlone.js.map +1 -1
- package/dist/cjs/components/badgeV2/index.d.ts +1 -2
- package/dist/cjs/components/badgeV2/index.js +16 -4
- package/dist/cjs/components/badgeV2/index.js.map +1 -1
- package/dist/cjs/components/badgeV2/types/index.d.ts +2 -2
- package/dist/cjs/components/badgeV2/types/index.js.map +1 -1
- package/dist/cjs/components/breadcrumbs/breadcrumbs.styled.js +17 -7
- package/dist/cjs/components/breadcrumbs/breadcrumbs.styled.js.map +1 -1
- package/dist/cjs/components/button/button.styled.js +17 -7
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js +1 -1
- package/dist/cjs/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js +2 -1
- package/dist/cjs/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/cjs/components/carousel/carousel.styled.js +18 -8
- package/dist/cjs/components/carousel/carousel.styled.js.map +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/cjs/components/confirmationMessage/confirmationMessage.styled.js +17 -7
- package/dist/cjs/components/confirmationMessage/confirmationMessage.styled.js.map +1 -1
- package/dist/cjs/components/cssAnimation/cssAnimation.js +17 -7
- package/dist/cjs/components/cssAnimation/cssAnimation.js.map +1 -1
- package/dist/cjs/components/dot/dot.js +1 -1
- package/dist/cjs/components/dot/dot.js.map +1 -1
- package/dist/cjs/components/dot/dotStandAlone.js +2 -2
- package/dist/cjs/components/dot/dotStandAlone.js.map +1 -1
- package/dist/cjs/components/dot/types/dot.d.ts +1 -0
- package/dist/cjs/components/drawer/drawer.styled.js +17 -7
- package/dist/cjs/components/drawer/drawer.styled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerControlled.js +14 -2
- package/dist/cjs/components/drawer/drawerControlled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js +1 -5
- package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelected.styled.js +17 -7
- package/dist/cjs/components/dropdownSelected/dropdownSelected.styled.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +17 -7
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js +2 -2
- package/dist/cjs/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
- package/dist/cjs/components/footer/footer.styled.js +17 -7
- package/dist/cjs/components/footer/footer.styled.js.map +1 -1
- package/dist/cjs/components/grid/grid.styled.js +17 -7
- package/dist/cjs/components/grid/grid.styled.js.map +1 -1
- package/dist/cjs/components/headerStructure/headerStructure.styled.js +17 -7
- package/dist/cjs/components/headerStructure/headerStructure.styled.js.map +1 -1
- package/dist/cjs/components/icon/icon.styled.js +17 -7
- package/dist/cjs/components/icon/icon.styled.js.map +1 -1
- package/dist/cjs/components/icon/iconHost.d.ts +0 -7
- package/dist/cjs/components/icon/iconHost.js +0 -7
- package/dist/cjs/components/icon/iconHost.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.d.ts +3 -0
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js +15 -4
- package/dist/cjs/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js +2 -2
- package/dist/cjs/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
- package/dist/cjs/components/iconHighlighted/types/iconHighlighted.d.ts +2 -0
- package/dist/cjs/components/iconHighlighted/types/iconHighlightedTheme.d.ts +7 -0
- package/dist/cjs/components/illustration/illustration.styled.js +17 -7
- package/dist/cjs/components/illustration/illustration.styled.js.map +1 -1
- package/dist/cjs/components/image/types/image.d.ts +3 -0
- package/dist/cjs/components/input/components/inputIcon.js +1 -1
- package/dist/cjs/components/input/components/inputIcon.js.map +1 -1
- package/dist/cjs/components/input/input.styled.d.ts +4 -0
- package/dist/cjs/components/input/input.styled.js +25 -8
- package/dist/cjs/components/input/input.styled.js.map +1 -1
- package/dist/cjs/components/input/types/input.d.ts +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrency.styled.js +17 -7
- package/dist/cjs/components/inputCurrency/inputCurrency.styled.js.map +1 -1
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js +17 -7
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -1
- package/dist/cjs/components/inputDropdown/components/optionsList.js +1 -1
- package/dist/cjs/components/inputDropdown/components/optionsList.js.map +1 -1
- package/dist/cjs/components/inputDropdown/components/popoverSearchList.js +5 -6
- package/dist/cjs/components/inputDropdown/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputDropdown/helpers/filterOptions.d.ts +4 -4
- package/dist/cjs/components/inputDropdown/helpers/filterOptions.js.map +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.d.ts +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +34 -13
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputDropdown/index.d.ts +0 -1
- package/dist/cjs/components/inputDropdown/index.js +1 -3
- package/dist/cjs/components/inputDropdown/index.js.map +1 -1
- package/dist/cjs/components/inputDropdown/inputDropdown.js +3 -2
- package/dist/cjs/components/inputDropdown/inputDropdown.js.map +1 -1
- package/dist/cjs/components/inputDropdown/inputDropdown.styled.js +17 -7
- package/dist/cjs/components/inputDropdown/inputDropdown.styled.js.map +1 -1
- package/dist/cjs/components/inputDropdown/inputDropdownStandAlone.js +4 -4
- package/dist/cjs/components/inputDropdown/inputDropdownStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDropdown/types/inputDropdown.d.ts +11 -6
- package/dist/cjs/components/inputDropdown/types/inputDropdownTheme.d.ts +3 -0
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js +2 -2
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.styled.js +17 -7
- package/dist/cjs/components/inputSearch/inputSearch.styled.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +2 -3
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/cjs/components/inputSearch/types/inputSearch.d.ts +2 -0
- package/dist/cjs/components/link/link.styled.js +17 -7
- package/dist/cjs/components/link/link.styled.js.map +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js +17 -7
- package/dist/cjs/components/link/linkAsButton/linkAsButton.styled.js.map +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.d.ts +1 -1
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js +4 -2
- package/dist/cjs/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/loader/loader.styled.js +17 -7
- package/dist/cjs/components/loader/loader.styled.js.map +1 -1
- package/dist/cjs/components/mediaButton/mediaButton.styled.js +17 -7
- package/dist/cjs/components/mediaButton/mediaButton.styled.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js +17 -7
- package/dist/cjs/components/mediaProgressBar/mediaProgressBar.styled.js.map +1 -1
- package/dist/cjs/components/modal/modal.styled.js +17 -7
- package/dist/cjs/components/modal/modal.styled.js.map +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +5 -5
- package/dist/cjs/components/modal/modalStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js +17 -7
- package/dist/cjs/components/modal/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/fragments/modalHeader.js +4 -4
- package/dist/cjs/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/cjs/components/modalV2/modal.styled.d.ts +2 -0
- package/dist/cjs/components/modalV2/modal.styled.js +24 -8
- package/dist/cjs/components/modalV2/modal.styled.js.map +1 -1
- package/dist/cjs/components/modalV2/modalUnControlled.js +17 -7
- package/dist/cjs/components/modalV2/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/types/modalTheme.d.ts +3 -1
- package/dist/cjs/components/navigationCard/navigationCard.styled.js +17 -7
- package/dist/cjs/components/navigationCard/navigationCard.styled.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +1 -5
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.js +1 -1
- package/dist/cjs/components/navigationRow/navigationRowStandAlone.js.map +1 -1
- package/dist/cjs/components/operativeLayout/operativeLayout.styled.js +17 -7
- package/dist/cjs/components/operativeLayout/operativeLayout.styled.js.map +1 -1
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.d.ts +3 -3
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -2
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js.map +1 -1
- package/dist/cjs/components/pageControl/components/buttonControlStandAlone.d.ts +8 -0
- package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js +13 -0
- package/dist/cjs/components/pageControl/components/buttonControlStandAlone.js.map +1 -0
- package/dist/cjs/components/pageControl/helper/controlType.d.ts +3 -0
- package/dist/cjs/components/pageControl/helper/controlType.js +8 -0
- package/dist/cjs/components/pageControl/helper/controlType.js.map +1 -0
- package/dist/cjs/components/pageControl/helper/index.d.ts +1 -0
- package/dist/cjs/components/pageControl/helper/index.js +1 -0
- package/dist/cjs/components/pageControl/helper/index.js.map +1 -1
- package/dist/cjs/components/pageControl/index.d.ts +1 -1
- package/dist/cjs/components/pageControl/index.js +2 -1
- package/dist/cjs/components/pageControl/index.js.map +1 -1
- package/dist/cjs/components/pageControl/pageControl.styled.d.ts +5 -1
- package/dist/cjs/components/pageControl/pageControl.styled.js +6 -2
- package/dist/cjs/components/pageControl/pageControl.styled.js.map +1 -1
- package/dist/cjs/components/pageControl/pageControlStandAlone.js +12 -6
- package/dist/cjs/components/pageControl/pageControlStandAlone.js.map +1 -1
- package/dist/cjs/components/pageControl/types/pageControl.d.ts +19 -2
- package/dist/cjs/components/pageControl/types/pageControlTheme.d.ts +2 -0
- package/dist/cjs/components/pillSelector/pillSelector.styled.js +17 -7
- package/dist/cjs/components/pillSelector/pillSelector.styled.js.map +1 -1
- package/dist/cjs/components/pillV2/index.d.ts +1 -3
- package/dist/cjs/components/pillV2/index.js +16 -5
- package/dist/cjs/components/pillV2/index.js.map +1 -1
- package/dist/cjs/components/pillV2/pill.js +1 -5
- package/dist/cjs/components/pillV2/pill.js.map +1 -1
- package/dist/cjs/components/pillV2/pillStandAlone.d.ts +1 -1
- package/dist/cjs/components/pillV2/pillStandAlone.js +3 -1
- package/dist/cjs/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/cjs/components/pillV2/types/index.d.ts +4 -4
- package/dist/cjs/components/pillV2/types/index.js +5 -18
- package/dist/cjs/components/pillV2/types/index.js.map +1 -1
- package/dist/cjs/components/pillV2/types/pill.d.ts +2 -1
- package/dist/cjs/components/pillV2/types/pillTheme.d.ts +1 -1
- package/dist/cjs/components/popover/popover.styled.js +30 -11
- package/dist/cjs/components/popover/popover.styled.js.map +1 -1
- package/dist/cjs/components/progressBar/progressBar.styled.d.ts +4 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js +1 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js.map +1 -1
- package/dist/cjs/components/progressBar/progressBarStandAlone.js +1 -1
- package/dist/cjs/components/progressBar/progressBarStandAlone.js.map +1 -1
- package/dist/cjs/components/progressBar/types/progressBar.d.ts +4 -0
- package/dist/cjs/components/quickButton/quickButton.styled.js +17 -7
- package/dist/cjs/components/quickButton/quickButton.styled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js +17 -7
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/cjs/components/skeleton/skeleton.styled.js +17 -7
- package/dist/cjs/components/skeleton/skeleton.styled.js.map +1 -1
- package/dist/cjs/components/slider/slider.styled.js +17 -7
- package/dist/cjs/components/slider/slider.styled.js.map +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumber.styled.js +17 -7
- package/dist/cjs/components/stepperNumber/stepperNumber.styled.js.map +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/cjs/components/stepperNumber/types/stepperNumber.d.ts +1 -0
- package/dist/cjs/components/table/table.js +17 -7
- package/dist/cjs/components/table/table.js.map +1 -1
- package/dist/cjs/components/table/table.styled.js +17 -7
- package/dist/cjs/components/table/table.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.styled.js +17 -7
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +12 -2
- package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/cjs/components/tabs/types/tabsTheme.d.ts +6 -2
- package/dist/cjs/components/text/text.styled.js +27 -7
- package/dist/cjs/components/text/text.styled.js.map +1 -1
- package/dist/cjs/components/text/textStandAlone.js +2 -2
- package/dist/cjs/components/text/textStandAlone.js.map +1 -1
- package/dist/cjs/components/text/types/text.d.ts +7 -1
- package/dist/cjs/components/text/types/textTheme.d.ts +4 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.d.ts +6 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.js +14 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleCenterRadioButton.js.map +1 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.d.ts +8 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.js +27 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleRadioButton.js.map +1 -0
- package/dist/cjs/components/toggle/components/{toggleThreePosition.d.ts → threePositions/toggleThreePosition.d.ts} +2 -2
- package/dist/cjs/components/toggle/components/threePositions/toggleThreePosition.js +27 -0
- package/dist/cjs/components/toggle/components/threePositions/toggleThreePosition.js.map +1 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleContent.d.ts +7 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleContent.js +13 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleContent.js.map +1 -0
- package/dist/{esm/components/toggle/components → cjs/components/toggle/components/twoPositions}/toggleTwoPositions.d.ts +2 -2
- package/dist/cjs/components/toggle/components/twoPositions/toggleTwoPositions.js +24 -0
- package/dist/cjs/components/toggle/components/twoPositions/toggleTwoPositions.js.map +1 -0
- package/dist/cjs/components/toggle/toggle.styled.js +17 -7
- package/dist/cjs/components/toggle/toggle.styled.js.map +1 -1
- package/dist/cjs/components/toggle/toggleControlled.js +6 -2
- package/dist/cjs/components/toggle/toggleControlled.js.map +1 -1
- package/dist/cjs/components/toggle/toggleStandAlone.js +4 -4
- package/dist/cjs/components/toggle/toggleStandAlone.js.map +1 -1
- package/dist/cjs/components/toggle/toggleUnControlled.js +1 -5
- package/dist/cjs/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/cjs/components/toggle/types/toggle.d.ts +4 -1
- package/dist/cjs/components/toggle/utils/getScreenReaderText.d.ts +4 -0
- package/dist/cjs/components/toggle/utils/getScreenReaderText.js +11 -0
- package/dist/cjs/components/toggle/utils/getScreenReaderText.js.map +1 -0
- package/dist/cjs/components/toggle/utils/getTextOrIcon.d.ts +3 -0
- package/dist/cjs/components/toggle/utils/getTextOrIcon.js +11 -0
- package/dist/cjs/components/toggle/utils/getTextOrIcon.js.map +1 -0
- package/dist/cjs/components/toggle/utils/getValueOfRadioButton.d.ts +3 -0
- package/dist/cjs/components/toggle/utils/getValueOfRadioButton.js +15 -0
- package/dist/cjs/components/toggle/utils/getValueOfRadioButton.js.map +1 -0
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js +17 -7
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +29 -7
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -3
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +8 -3
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.d.ts +9 -7
- package/dist/cjs/components/tooltip/tooltip.styled.js +17 -7
- package/dist/cjs/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +2 -2
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/video/video.styled.js +17 -7
- package/dist/cjs/components/video/video.styled.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js +0 -17
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js +25 -11
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/tabs/styles.js +15 -6
- package/dist/cjs/designSystem/kubit/components/tabs/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/toggleWithLabel/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/toggleWithLabel/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/styles.js +17 -7
- package/dist/cjs/designSystem/kubit/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/variants.js +17 -7
- package/dist/cjs/designSystem/kubit/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/astra/styles.d.ts +5 -5
- package/dist/cjs/designSystem/kubitWireframe/commons/components/drawer/styles.js +0 -5
- package/dist/cjs/designSystem/kubitWireframe/commons/components/drawer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/root/styles.d.ts +5 -5
- package/dist/cjs/designSystem/kubitWireframe/variants.js +17 -7
- package/dist/cjs/designSystem/kubitWireframe/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/vulcan/styles.d.ts +5 -5
- package/dist/cjs/designSystem/variants/variants.d.ts +2 -0
- package/dist/cjs/hooks/useInput/useInput.js +11 -2
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js +7 -1
- package/dist/cjs/hooks/useTrapFocus/useTrapFocus.js.map +1 -1
- package/dist/cjs/provider/genericComponents/defaultGenericComponents.d.ts +3 -3
- package/dist/cjs/styles/mixins/index.d.ts +1 -0
- package/dist/cjs/styles/mixins/index.js +1 -0
- package/dist/cjs/styles/mixins/index.js.map +1 -1
- package/dist/cjs/styles/mixins/truncate.mixin.d.ts +3 -0
- package/dist/cjs/styles/mixins/truncate.mixin.js +17 -0
- package/dist/cjs/styles/mixins/truncate.mixin.js.map +1 -0
- package/dist/cjs/types/styles/typography.d.ts +2 -0
- package/dist/cjs/utils/date/date.d.ts +1 -1
- package/dist/cjs/utils/focusHandlers/index.d.ts +1 -0
- package/dist/cjs/utils/focusHandlers/index.js +18 -0
- package/dist/cjs/utils/focusHandlers/index.js.map +1 -0
- package/dist/cjs/utils/getStyles/getStyles.js +4 -3
- package/dist/cjs/utils/getStyles/getStyles.js.map +1 -1
- package/dist/cjs/utils/index.d.ts +1 -0
- package/dist/cjs/utils/index.js +1 -0
- package/dist/cjs/utils/index.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js +1 -1
- package/dist/esm/components/actionBottomSheet/actionBottomSheetStandAlone.js.map +1 -1
- package/dist/esm/components/actionBottomSheet/types/actionBottomSheetTheme.d.ts +1 -0
- package/dist/esm/components/backToTop/backToTopControlled.js +1 -1
- package/dist/esm/components/backToTop/backToTopControlled.js.map +1 -1
- package/dist/esm/components/backToTop/backToTopStandAlone.js +1 -1
- package/dist/esm/components/backToTop/backToTopStandAlone.js.map +1 -1
- package/dist/esm/components/badgeV2/index.d.ts +1 -2
- package/dist/esm/components/badgeV2/index.js +1 -2
- package/dist/esm/components/badgeV2/index.js.map +1 -1
- package/dist/esm/components/badgeV2/types/index.d.ts +2 -2
- package/dist/esm/components/badgeV2/types/index.js.map +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.js +1 -1
- package/dist/esm/components/calendar/calendarStandAlone.js.map +1 -1
- package/dist/esm/components/calendar/utils/handleKeysmoves.js +2 -1
- package/dist/esm/components/calendar/utils/handleKeysmoves.js.map +1 -1
- package/dist/esm/components/carousel/carousel.styled.js +1 -1
- package/dist/esm/components/carousel/carousel.styled.js.map +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/esm/components/dot/dot.js +1 -1
- package/dist/esm/components/dot/dot.js.map +1 -1
- package/dist/esm/components/dot/dotStandAlone.js +3 -3
- package/dist/esm/components/dot/dotStandAlone.js.map +1 -1
- package/dist/esm/components/dot/types/dot.d.ts +1 -0
- package/dist/esm/components/drawer/drawerControlled.js +14 -2
- package/dist/esm/components/drawer/drawerControlled.js.map +1 -1
- package/dist/esm/components/drawer/drawerStandAlone.js +1 -5
- package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/esm/components/elementOrIcon/elementOrIcon.js.map +1 -1
- package/dist/esm/components/elementOrIllustration/elementOrIllustration.js +1 -1
- package/dist/esm/components/elementOrIllustration/elementOrIllustration.js.map +1 -1
- package/dist/esm/components/icon/iconHost.d.ts +0 -7
- package/dist/esm/components/icon/iconHost.js +0 -7
- package/dist/esm/components/icon/iconHost.js.map +1 -1
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.d.ts +3 -0
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js +15 -4
- package/dist/esm/components/iconHighlighted/iconHighlighted.styled.js.map +1 -1
- package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js +4 -4
- package/dist/esm/components/iconHighlighted/iconHighlightedStandAlone.js.map +1 -1
- package/dist/esm/components/iconHighlighted/types/iconHighlighted.d.ts +2 -0
- package/dist/esm/components/iconHighlighted/types/iconHighlightedTheme.d.ts +7 -0
- package/dist/esm/components/image/types/image.d.ts +3 -0
- package/dist/esm/components/input/components/inputIcon.js +2 -2
- package/dist/esm/components/input/components/inputIcon.js.map +1 -1
- package/dist/esm/components/input/input.styled.d.ts +4 -0
- package/dist/esm/components/input/input.styled.js +7 -0
- package/dist/esm/components/input/input.styled.js.map +1 -1
- package/dist/esm/components/input/types/input.d.ts +1 -1
- package/dist/esm/components/inputDropdown/components/optionsList.js +1 -1
- package/dist/esm/components/inputDropdown/components/optionsList.js.map +1 -1
- package/dist/esm/components/inputDropdown/components/popoverSearchList.js +5 -6
- package/dist/esm/components/inputDropdown/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputDropdown/helpers/filterOptions.d.ts +4 -4
- package/dist/esm/components/inputDropdown/helpers/filterOptions.js.map +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +34 -13
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputDropdown/index.d.ts +0 -1
- package/dist/esm/components/inputDropdown/index.js +0 -1
- package/dist/esm/components/inputDropdown/index.js.map +1 -1
- package/dist/esm/components/inputDropdown/inputDropdown.js +3 -2
- package/dist/esm/components/inputDropdown/inputDropdown.js.map +1 -1
- package/dist/esm/components/inputDropdown/inputDropdownStandAlone.js +4 -4
- package/dist/esm/components/inputDropdown/inputDropdownStandAlone.js.map +1 -1
- package/dist/esm/components/inputDropdown/types/inputDropdown.d.ts +11 -6
- package/dist/esm/components/inputDropdown/types/inputDropdownTheme.d.ts +3 -0
- package/dist/esm/components/inputSearch/components/popoverSearchList.js +2 -2
- package/dist/esm/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js +2 -3
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +2 -0
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.d.ts +1 -1
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js +4 -2
- package/dist/esm/components/link/linkAsButton/linkAsButtonStandAlone.js.map +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +5 -5
- package/dist/esm/components/modal/modalStandAlone.js.map +1 -1
- package/dist/esm/components/modalV2/fragments/modalHeader.js +6 -6
- package/dist/esm/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/esm/components/modalV2/modal.styled.d.ts +2 -0
- package/dist/esm/components/modalV2/modal.styled.js +6 -0
- package/dist/esm/components/modalV2/modal.styled.js.map +1 -1
- package/dist/esm/components/modalV2/types/modalTheme.d.ts +3 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js +1 -5
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/esm/components/navigationRow/navigationRowStandAlone.js +1 -1
- package/dist/esm/components/navigationRow/navigationRowStandAlone.js.map +1 -1
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.d.ts +3 -3
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +1 -2
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js.map +1 -1
- package/dist/esm/components/pageControl/components/buttonControlStandAlone.d.ts +8 -0
- package/dist/esm/components/pageControl/components/buttonControlStandAlone.js +9 -0
- package/dist/esm/components/pageControl/components/buttonControlStandAlone.js.map +1 -0
- package/dist/esm/components/pageControl/helper/controlType.d.ts +3 -0
- package/dist/esm/components/pageControl/helper/controlType.js +4 -0
- package/dist/esm/components/pageControl/helper/controlType.js.map +1 -0
- package/dist/esm/components/pageControl/helper/index.d.ts +1 -0
- package/dist/esm/components/pageControl/helper/index.js +1 -0
- package/dist/esm/components/pageControl/helper/index.js.map +1 -1
- package/dist/esm/components/pageControl/index.d.ts +1 -1
- package/dist/esm/components/pageControl/index.js +1 -1
- package/dist/esm/components/pageControl/index.js.map +1 -1
- package/dist/esm/components/pageControl/pageControl.styled.d.ts +5 -1
- package/dist/esm/components/pageControl/pageControl.styled.js +5 -1
- package/dist/esm/components/pageControl/pageControl.styled.js.map +1 -1
- package/dist/esm/components/pageControl/pageControlStandAlone.js +12 -6
- package/dist/esm/components/pageControl/pageControlStandAlone.js.map +1 -1
- package/dist/esm/components/pageControl/types/pageControl.d.ts +19 -2
- package/dist/esm/components/pageControl/types/pageControlTheme.d.ts +2 -0
- package/dist/esm/components/pillV2/index.d.ts +1 -3
- package/dist/esm/components/pillV2/index.js +1 -2
- package/dist/esm/components/pillV2/index.js.map +1 -1
- package/dist/esm/components/pillV2/pill.js +1 -5
- package/dist/esm/components/pillV2/pill.js.map +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.d.ts +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.js +3 -1
- package/dist/esm/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/esm/components/pillV2/types/index.d.ts +4 -4
- package/dist/esm/components/pillV2/types/index.js +2 -4
- package/dist/esm/components/pillV2/types/index.js.map +1 -1
- package/dist/esm/components/pillV2/types/pill.d.ts +2 -1
- package/dist/esm/components/pillV2/types/pillTheme.d.ts +1 -1
- package/dist/esm/components/popover/popover.styled.js +13 -4
- package/dist/esm/components/popover/popover.styled.js.map +1 -1
- package/dist/esm/components/progressBar/progressBar.styled.d.ts +4 -0
- package/dist/esm/components/progressBar/progressBar.styled.js +1 -0
- package/dist/esm/components/progressBar/progressBar.styled.js.map +1 -1
- package/dist/esm/components/progressBar/progressBarStandAlone.js +1 -1
- package/dist/esm/components/progressBar/progressBarStandAlone.js.map +1 -1
- package/dist/esm/components/progressBar/types/progressBar.d.ts +4 -0
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +1 -1
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js.map +1 -1
- package/dist/esm/components/stepperNumber/types/stepperNumber.d.ts +1 -0
- package/dist/esm/components/tabs/tabsStandAlone.js +12 -2
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/tabsTheme.d.ts +6 -2
- package/dist/esm/components/text/text.styled.js +10 -0
- package/dist/esm/components/text/text.styled.js.map +1 -1
- package/dist/esm/components/text/textStandAlone.js +2 -2
- package/dist/esm/components/text/textStandAlone.js.map +1 -1
- package/dist/esm/components/text/types/text.d.ts +7 -1
- package/dist/esm/components/text/types/textTheme.d.ts +4 -0
- package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.d.ts +6 -0
- package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.js +10 -0
- package/dist/esm/components/toggle/components/threePositions/toggleCenterRadioButton.js.map +1 -0
- package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.d.ts +8 -0
- package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.js +23 -0
- package/dist/esm/components/toggle/components/threePositions/toggleRadioButton.js.map +1 -0
- package/dist/esm/components/toggle/components/{toggleThreePosition.d.ts → threePositions/toggleThreePosition.d.ts} +2 -2
- package/dist/esm/components/toggle/components/threePositions/toggleThreePosition.js +21 -0
- package/dist/esm/components/toggle/components/threePositions/toggleThreePosition.js.map +1 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleContent.d.ts +7 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleContent.js +9 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleContent.js.map +1 -0
- package/dist/{cjs/components/toggle/components → esm/components/toggle/components/twoPositions}/toggleTwoPositions.d.ts +2 -2
- package/dist/esm/components/toggle/components/twoPositions/toggleTwoPositions.js +18 -0
- package/dist/esm/components/toggle/components/twoPositions/toggleTwoPositions.js.map +1 -0
- package/dist/esm/components/toggle/toggleControlled.js +6 -2
- package/dist/esm/components/toggle/toggleControlled.js.map +1 -1
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/toggle/toggleStandAlone.js.map +1 -1
- package/dist/esm/components/toggle/toggleUnControlled.js +1 -5
- package/dist/esm/components/toggle/toggleUnControlled.js.map +1 -1
- package/dist/esm/components/toggle/types/toggle.d.ts +4 -1
- package/dist/esm/components/toggle/utils/getScreenReaderText.d.ts +4 -0
- package/dist/esm/components/toggle/utils/getScreenReaderText.js +7 -0
- package/dist/esm/components/toggle/utils/getScreenReaderText.js.map +1 -0
- package/dist/esm/components/toggle/utils/getTextOrIcon.d.ts +3 -0
- package/dist/esm/components/toggle/utils/getTextOrIcon.js +7 -0
- package/dist/esm/components/toggle/utils/getTextOrIcon.js.map +1 -0
- package/dist/esm/components/toggle/utils/getValueOfRadioButton.d.ts +3 -0
- package/dist/esm/components/toggle/utils/getValueOfRadioButton.js +11 -0
- package/dist/esm/components/toggle/utils/getValueOfRadioButton.js.map +1 -0
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +29 -7
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -3
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.d.ts +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js +8 -3
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +9 -7
- package/dist/esm/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/drawer/styles.js +0 -17
- package/dist/esm/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js +25 -11
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/tabs/styles.js +15 -6
- package/dist/esm/designSystem/kubit/components/tabs/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/toggleWithLabel/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/toggleWithLabel/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/astra/styles.d.ts +5 -5
- package/dist/esm/designSystem/kubitWireframe/commons/components/drawer/styles.js +0 -5
- package/dist/esm/designSystem/kubitWireframe/commons/components/drawer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/root/styles.d.ts +5 -5
- package/dist/esm/designSystem/kubitWireframe/vulcan/styles.d.ts +5 -5
- package/dist/esm/designSystem/variants/variants.d.ts +2 -0
- package/dist/esm/hooks/useInput/useInput.js +11 -2
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useTrapFocus/useTrapFocus.js +7 -1
- package/dist/esm/hooks/useTrapFocus/useTrapFocus.js.map +1 -1
- package/dist/esm/provider/genericComponents/defaultGenericComponents.d.ts +3 -3
- package/dist/esm/styles/mixins/index.d.ts +1 -0
- package/dist/esm/styles/mixins/index.js +1 -0
- package/dist/esm/styles/mixins/index.js.map +1 -1
- package/dist/esm/styles/mixins/truncate.mixin.d.ts +3 -0
- package/dist/esm/styles/mixins/truncate.mixin.js +13 -0
- package/dist/esm/styles/mixins/truncate.mixin.js.map +1 -0
- package/dist/esm/types/styles/typography.d.ts +2 -0
- package/dist/esm/utils/date/date.d.ts +1 -1
- package/dist/esm/utils/focusHandlers/index.d.ts +1 -0
- package/dist/esm/utils/focusHandlers/index.js +2 -0
- package/dist/esm/utils/focusHandlers/index.js.map +1 -0
- package/dist/esm/utils/getStyles/getStyles.js +4 -3
- package/dist/esm/utils/getStyles/getStyles.js.map +1 -1
- package/dist/esm/utils/index.d.ts +1 -0
- package/dist/esm/utils/index.js +1 -0
- package/dist/esm/utils/index.js.map +1 -1
- package/dist/tsconfig-cjs.tsbuildinfo +1 -1
- package/dist/tsconfig-esm.tsbuildinfo +1 -1
- package/package.json +35 -33
- package/dist/cjs/components/toggle/components/toggleThreePosition.js +0 -61
- package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +0 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js +0 -31
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +0 -1
- package/dist/esm/components/toggle/components/toggleThreePosition.js +0 -55
- package/dist/esm/components/toggle/components/toggleThreePosition.js.map +0 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js +0 -25
- package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +0 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kubit-ui-web/react-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.17.0",
|
|
4
4
|
"description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Kubit",
|
|
@@ -87,60 +87,62 @@
|
|
|
87
87
|
"license": "Apache-2.0",
|
|
88
88
|
"devDependencies": {
|
|
89
89
|
"@babel/core": "^7.26.0",
|
|
90
|
+
"@babel/helper-environment-visitor": "^7.24.7",
|
|
91
|
+
"@babel/helper-split-export-declaration": "^7.24.7",
|
|
90
92
|
"@babel/preset-env": "^7.26.0",
|
|
91
|
-
"@babel/preset-react": "^7.
|
|
93
|
+
"@babel/preset-react": "^7.26.3",
|
|
92
94
|
"@babel/preset-typescript": "^7.26.0",
|
|
93
|
-
"@eslint/compat": "^1.2.
|
|
94
|
-
"@eslint/eslintrc": "^3.
|
|
95
|
-
"@eslint/js": "^9.
|
|
95
|
+
"@eslint/compat": "^1.2.4",
|
|
96
|
+
"@eslint/eslintrc": "^3.2.0",
|
|
97
|
+
"@eslint/js": "^9.16.0",
|
|
96
98
|
"@kubit-ui-web/eslint-plugin-no-index-import": "^1.0.2",
|
|
97
|
-
"@storybook/addon-a11y": "^8.4.
|
|
98
|
-
"@storybook/addon-controls": "^8.4.
|
|
99
|
+
"@storybook/addon-a11y": "^8.4.7",
|
|
100
|
+
"@storybook/addon-controls": "^8.4.7",
|
|
99
101
|
"@storybook/addon-coverage": "^1.0.4",
|
|
100
|
-
"@storybook/addon-essentials": "^8.4.
|
|
101
|
-
"@storybook/addon-interactions": "^8.4.
|
|
102
|
-
"@storybook/addon-links": "^8.4.
|
|
103
|
-
"@storybook/addon-themes": "^8.4.
|
|
104
|
-
"@storybook/blocks": "^8.4.
|
|
105
|
-
"@storybook/react": "^8.4.
|
|
106
|
-
"@storybook/react-vite": "^8.4.
|
|
102
|
+
"@storybook/addon-essentials": "^8.4.7",
|
|
103
|
+
"@storybook/addon-interactions": "^8.4.7",
|
|
104
|
+
"@storybook/addon-links": "^8.4.7",
|
|
105
|
+
"@storybook/addon-themes": "^8.4.7",
|
|
106
|
+
"@storybook/blocks": "^8.4.7",
|
|
107
|
+
"@storybook/react": "^8.4.7",
|
|
108
|
+
"@storybook/react-vite": "^8.4.7",
|
|
107
109
|
"@testing-library/jest-dom": "^6.6.3",
|
|
108
|
-
"@testing-library/react": "^16.0
|
|
110
|
+
"@testing-library/react": "^16.1.0",
|
|
109
111
|
"@testing-library/react-hooks": "^8.0.1",
|
|
110
112
|
"@testing-library/user-event": "^14.5.2",
|
|
111
113
|
"@trivago/prettier-plugin-sort-imports": "^4.3.0",
|
|
112
114
|
"@types/jest": "^29.5.14",
|
|
113
115
|
"@types/jest-axe": "^3.5.9",
|
|
114
|
-
"@types/mocha": "^10.0.
|
|
116
|
+
"@types/mocha": "^10.0.10",
|
|
115
117
|
"@types/react": "^18.3.12",
|
|
116
118
|
"@types/react-dom": "^18.3.1",
|
|
117
119
|
"@types/styled-components": "^5.1.34",
|
|
118
120
|
"@types/ungap__structured-clone": "^1.2.0",
|
|
119
|
-
"@typescript-eslint/eslint-plugin": "^8.
|
|
120
|
-
"@typescript-eslint/parser": "^8.
|
|
121
|
+
"@typescript-eslint/eslint-plugin": "^8.17.0",
|
|
122
|
+
"@typescript-eslint/parser": "^8.17.0",
|
|
121
123
|
"@ungap/structured-clone": "^1.2.0",
|
|
122
|
-
"@vitejs/plugin-react": "^4.3.
|
|
124
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
123
125
|
"babel-jest": "^29.7.0",
|
|
124
126
|
"cpy-cli": "^5.0.0",
|
|
125
|
-
"eslint": "^9.
|
|
127
|
+
"eslint": "^9.16.0",
|
|
126
128
|
"eslint-config-prettier": "^9.1.0",
|
|
127
129
|
"eslint-config-standard-with-typescript": "^43.0.1",
|
|
128
|
-
"eslint-import-resolver-typescript": "^3.
|
|
130
|
+
"eslint-import-resolver-typescript": "^3.7.0",
|
|
129
131
|
"eslint-plugin-import": "^2.31.0",
|
|
130
132
|
"eslint-plugin-jest": "^28.9.0",
|
|
131
133
|
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
132
|
-
"eslint-plugin-n": "^17.
|
|
134
|
+
"eslint-plugin-n": "^17.14.0",
|
|
133
135
|
"eslint-plugin-node": "^11.1.0",
|
|
134
136
|
"eslint-plugin-prettier": "5.2.1",
|
|
135
|
-
"eslint-plugin-promise": "^7.1
|
|
137
|
+
"eslint-plugin-promise": "^7.2.1",
|
|
136
138
|
"eslint-plugin-react": "^7.37.2",
|
|
137
|
-
"eslint-plugin-react-hooks": "^5.
|
|
138
|
-
"eslint-plugin-react-refresh": "^0.4.
|
|
139
|
-
"eslint-plugin-storybook": "^0.11.
|
|
139
|
+
"eslint-plugin-react-hooks": "^5.1.0",
|
|
140
|
+
"eslint-plugin-react-refresh": "^0.4.16",
|
|
141
|
+
"eslint-plugin-storybook": "^0.11.1",
|
|
140
142
|
"eslint-plugin-unused-imports": "^4.1.4",
|
|
141
|
-
"globals": "^15.
|
|
143
|
+
"globals": "^15.13.0",
|
|
142
144
|
"gts": "^6.0.2",
|
|
143
|
-
"html-validate": "^8.
|
|
145
|
+
"html-validate": "^8.27.0",
|
|
144
146
|
"jest": "^29.7.0",
|
|
145
147
|
"jest-axe": "^9.0.0",
|
|
146
148
|
"jest-canvas-mock": "^2.5.2",
|
|
@@ -149,15 +151,15 @@
|
|
|
149
151
|
"jest-junit": "^16.0.0",
|
|
150
152
|
"jest-styled-components": "^7.2.0",
|
|
151
153
|
"json-beautify": "^1.1.1",
|
|
152
|
-
"prettier": "^3.
|
|
154
|
+
"prettier": "^3.4.2",
|
|
153
155
|
"react-transition-group": "^4.4.5",
|
|
154
156
|
"sort-imports": "^1.1.0",
|
|
155
|
-
"storybook": "^8.4.
|
|
157
|
+
"storybook": "^8.4.7",
|
|
156
158
|
"ts-jest": "^29.2.5",
|
|
157
159
|
"tsc-alias": "1.8.10",
|
|
158
|
-
"typedoc": "^0.
|
|
159
|
-
"typescript": "^5.
|
|
160
|
-
"vite": "^
|
|
160
|
+
"typedoc": "^0.27.3",
|
|
161
|
+
"typescript": "^5.7.2",
|
|
162
|
+
"vite": "^6.0.3",
|
|
161
163
|
"vite-tsconfig-paths": "^4.3.2",
|
|
162
164
|
"yarn-deduplicate": "^6.0.2"
|
|
163
165
|
},
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ToggleThreePosition = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const labelStandAlone_1 = require("../../../components/label/labelStandAlone");
|
|
10
|
-
const text_1 = require("../../../components/text/text");
|
|
11
|
-
const component_1 = require("../../../components/text/types/component");
|
|
12
|
-
const ariaLiveOption_1 = require("../../../types/ariaLiveOption/ariaLiveOption");
|
|
13
|
-
const positions_1 = require("../../../types/positions/positions");
|
|
14
|
-
const inputType_1 = require("../../input/types/inputType");
|
|
15
|
-
const screenReaderOnly_1 = require("../../screenReaderOnly/screenReaderOnly");
|
|
16
|
-
const toggle_styled_1 = require("../toggle.styled");
|
|
17
|
-
const ToggleThreePositionComponent = ({ inputValues = {
|
|
18
|
-
rightInputValue: 'on option',
|
|
19
|
-
centerInputValue: 'undeterminated option',
|
|
20
|
-
leftInputValue: 'off option',
|
|
21
|
-
}, radioButtonToggleName = 'groupe-toggle', blockCenter = false, dataTestId = 'toggle', ...props }, ref) => {
|
|
22
|
-
const getScreenReaderText = (position) => position === positions_1.POSITIONS.CENTER
|
|
23
|
-
? inputValues.centerInputValue
|
|
24
|
-
: position === positions_1.POSITIONS.RIGHT
|
|
25
|
-
? (inputValues.rightInputValue ?? props.onIcon?.altText)
|
|
26
|
-
: (inputValues.leftInputValue ?? props.offIcon?.altText);
|
|
27
|
-
const buildTextOrIcon = (position) => {
|
|
28
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: position === positions_1.POSITIONS.CENTER
|
|
29
|
-
? inputValues.centerInputValue
|
|
30
|
-
: position === positions_1.POSITIONS.RIGHT
|
|
31
|
-
? props.onText?.content
|
|
32
|
-
: props.offText?.content }));
|
|
33
|
-
};
|
|
34
|
-
const getValueOfRadioButton = (position) => {
|
|
35
|
-
if (position === positions_1.POSITIONS.RIGHT) {
|
|
36
|
-
return inputValues?.rightInputValue;
|
|
37
|
-
}
|
|
38
|
-
else if (position === positions_1.POSITIONS.LEFT) {
|
|
39
|
-
return inputValues?.leftInputValue;
|
|
40
|
-
}
|
|
41
|
-
return inputValues?.centerInputValue;
|
|
42
|
-
};
|
|
43
|
-
const buildRadioButton = (position, block = false) => {
|
|
44
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(toggle_styled_1.ToggleRadioSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width, "aria-describedby": props.screenReaderId, "aria-labelledby": props['aria-describedby'], disabled: props.disabled, id: `${position.toLowerCase()}Input`, name: radioButtonToggleName, tabIndex: -1, type: inputType_1.InputTypeType.RADIO, value: getValueOfRadioButton(position), onClick: e => {
|
|
45
|
-
if (!block) {
|
|
46
|
-
e.persist();
|
|
47
|
-
props.onClick?.(e, position);
|
|
48
|
-
}
|
|
49
|
-
} }), (0, jsx_runtime_1.jsx)(toggle_styled_1.LabelWrapperStyled, { hasThreePositions: props.hasThreePositions, showLabel: position !== positions_1.POSITIONS.CENTER && position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: (0, jsx_runtime_1.jsx)(labelStandAlone_1.LabelStandAlone, { color: props.styles?.label?.color, dataTestId: `${dataTestId}-${position === positions_1.POSITIONS.RIGHT ? 'on' : position === positions_1.POSITIONS.CENTER ? 'Na' : 'off'}-label-option`, inputId: `${position.toLowerCase()}Input`, textVariant: (position === positions_1.POSITIONS.LEFT && props.offText?.content) ||
|
|
50
|
-
(position === positions_1.POSITIONS.RIGHT && props.onText?.content)
|
|
51
|
-
? props.styles?.label?.font_variant
|
|
52
|
-
: props.styles?.labelWithIcons?.font_variant, weight: props.styles?.label?.font_weight, children: buildTextOrIcon(position) }) })] }));
|
|
53
|
-
};
|
|
54
|
-
const buildCenterRadioButton = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.togglePosition === positions_1.POSITIONS.CENTER && ((0, jsx_runtime_1.jsx)(toggle_styled_1.TextLeftWrapperStyled, { margin: props.styles?.label?.margin_left, children: (0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: props.styles?.label?.color, component: component_1.TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.offText?.content }) })), buildRadioButton(positions_1.POSITIONS.CENTER, blockCenter ? props.togglePosition !== positions_1.POSITIONS.CENTER : false), props.togglePosition === positions_1.POSITIONS.CENTER && ((0, jsx_runtime_1.jsx)(toggle_styled_1.TextRightWrapperStyled, { margin: props.styles?.label?.margin_right, children: (0, jsx_runtime_1.jsx)(text_1.Text, { "aria-hidden": true, color: props.styles?.label?.color, component: component_1.TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.onText?.content }) }))] }));
|
|
55
|
-
return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onKeyDown: e => {
|
|
56
|
-
e.persist();
|
|
57
|
-
props.onKeyDown?.(e);
|
|
58
|
-
}, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: ariaLiveOption_1.AriaLiveOptionType.POLITE, children: getScreenReaderText(props.togglePosition) }), buildRadioButton(positions_1.POSITIONS.LEFT), props.hasThreePositions && buildCenterRadioButton(), buildRadioButton(positions_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
59
|
-
};
|
|
60
|
-
exports.ToggleThreePosition = react_1.default.forwardRef(ToggleThreePositionComponent);
|
|
61
|
-
//# sourceMappingURL=toggleThreePosition.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.ToggleTwoPosition = void 0;
|
|
7
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
-
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const positions_1 = require("../../../types/positions/positions");
|
|
10
|
-
const role_1 = require("../../../types/role/role");
|
|
11
|
-
const elementOrIcon_1 = require("../../elementOrIcon/elementOrIcon");
|
|
12
|
-
const toggle_styled_1 = require("../toggle.styled");
|
|
13
|
-
const ToggleTwoPositionComponent = ({ dataTestId = 'toggle', ...props }, ref) => {
|
|
14
|
-
const buildTextOrIcon = (position) => {
|
|
15
|
-
const icon = position === positions_1.POSITIONS.RIGHT ? props.onIcon : props.offIcon;
|
|
16
|
-
return (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.icon, ...icon });
|
|
17
|
-
};
|
|
18
|
-
const buildContent = (position) => {
|
|
19
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(toggle_styled_1.ToggleSpanSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width }), (0, jsx_runtime_1.jsx)(toggle_styled_1.IconWrapperStyled, { "data-testid": `${dataTestId}-${position === positions_1.POSITIONS.RIGHT ? 'on' : 'off'}-option`, hasThreePositions: props.hasThreePositions, showLabel: position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: buildTextOrIcon(position) })] }));
|
|
20
|
-
};
|
|
21
|
-
return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === positions_1.POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, role: role_1.ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
|
|
22
|
-
e.persist();
|
|
23
|
-
const newPosition = props.togglePosition === positions_1.POSITIONS.RIGHT ? positions_1.POSITIONS.LEFT : positions_1.POSITIONS.RIGHT;
|
|
24
|
-
props.onClick?.(e, newPosition);
|
|
25
|
-
}, onKeyDown: e => {
|
|
26
|
-
e.persist();
|
|
27
|
-
props.onKeyDown?.(e);
|
|
28
|
-
}, children: [buildContent(positions_1.POSITIONS.LEFT), buildContent(positions_1.POSITIONS.RIGHT), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
29
|
-
};
|
|
30
|
-
exports.ToggleTwoPosition = react_1.default.forwardRef(ToggleTwoPositionComponent);
|
|
31
|
-
//# sourceMappingURL=toggleTwoPositions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { LabelStandAlone as Label } from '../../../components/label/labelStandAlone';
|
|
4
|
-
import { Text } from '../../../components/text/text';
|
|
5
|
-
import { TextComponentType } from '../../../components/text/types/component';
|
|
6
|
-
import { AriaLiveOptionType } from '../../../types/ariaLiveOption/ariaLiveOption';
|
|
7
|
-
import { POSITIONS } from '../../../types/positions/positions';
|
|
8
|
-
import { InputTypeType } from '../../input/types/inputType';
|
|
9
|
-
import { ScreenReaderOnly } from '../../screenReaderOnly/screenReaderOnly';
|
|
10
|
-
import { LabelWrapperStyled, SliderContainerStyled, TextLeftWrapperStyled, TextRightWrapperStyled, ToggleRadioSwitchStyled, ToggleWrapperStyled, } from '../toggle.styled';
|
|
11
|
-
const ToggleThreePositionComponent = ({ inputValues = {
|
|
12
|
-
rightInputValue: 'on option',
|
|
13
|
-
centerInputValue: 'undeterminated option',
|
|
14
|
-
leftInputValue: 'off option',
|
|
15
|
-
}, radioButtonToggleName = 'groupe-toggle', blockCenter = false, dataTestId = 'toggle', ...props }, ref) => {
|
|
16
|
-
const getScreenReaderText = (position) => position === POSITIONS.CENTER
|
|
17
|
-
? inputValues.centerInputValue
|
|
18
|
-
: position === POSITIONS.RIGHT
|
|
19
|
-
? (inputValues.rightInputValue ?? props.onIcon?.altText)
|
|
20
|
-
: (inputValues.leftInputValue ?? props.offIcon?.altText);
|
|
21
|
-
const buildTextOrIcon = (position) => {
|
|
22
|
-
return (_jsx(_Fragment, { children: position === POSITIONS.CENTER
|
|
23
|
-
? inputValues.centerInputValue
|
|
24
|
-
: position === POSITIONS.RIGHT
|
|
25
|
-
? props.onText?.content
|
|
26
|
-
: props.offText?.content }));
|
|
27
|
-
};
|
|
28
|
-
const getValueOfRadioButton = (position) => {
|
|
29
|
-
if (position === POSITIONS.RIGHT) {
|
|
30
|
-
return inputValues?.rightInputValue;
|
|
31
|
-
}
|
|
32
|
-
else if (position === POSITIONS.LEFT) {
|
|
33
|
-
return inputValues?.leftInputValue;
|
|
34
|
-
}
|
|
35
|
-
return inputValues?.centerInputValue;
|
|
36
|
-
};
|
|
37
|
-
const buildRadioButton = (position, block = false) => {
|
|
38
|
-
return (_jsxs(_Fragment, { children: [_jsx(ToggleRadioSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width, "aria-describedby": props.screenReaderId, "aria-labelledby": props['aria-describedby'], disabled: props.disabled, id: `${position.toLowerCase()}Input`, name: radioButtonToggleName, tabIndex: -1, type: InputTypeType.RADIO, value: getValueOfRadioButton(position), onClick: e => {
|
|
39
|
-
if (!block) {
|
|
40
|
-
e.persist();
|
|
41
|
-
props.onClick?.(e, position);
|
|
42
|
-
}
|
|
43
|
-
} }), _jsx(LabelWrapperStyled, { hasThreePositions: props.hasThreePositions, showLabel: position !== POSITIONS.CENTER && position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: _jsx(Label, { color: props.styles?.label?.color, dataTestId: `${dataTestId}-${position === POSITIONS.RIGHT ? 'on' : position === POSITIONS.CENTER ? 'Na' : 'off'}-label-option`, inputId: `${position.toLowerCase()}Input`, textVariant: (position === POSITIONS.LEFT && props.offText?.content) ||
|
|
44
|
-
(position === POSITIONS.RIGHT && props.onText?.content)
|
|
45
|
-
? props.styles?.label?.font_variant
|
|
46
|
-
: props.styles?.labelWithIcons?.font_variant, weight: props.styles?.label?.font_weight, children: buildTextOrIcon(position) }) })] }));
|
|
47
|
-
};
|
|
48
|
-
const buildCenterRadioButton = () => (_jsxs(_Fragment, { children: [props.togglePosition === POSITIONS.CENTER && (_jsx(TextLeftWrapperStyled, { margin: props.styles?.label?.margin_left, children: _jsx(Text, { "aria-hidden": true, color: props.styles?.label?.color, component: TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.offText?.content }) })), buildRadioButton(POSITIONS.CENTER, blockCenter ? props.togglePosition !== POSITIONS.CENTER : false), props.togglePosition === POSITIONS.CENTER && (_jsx(TextRightWrapperStyled, { margin: props.styles?.label?.margin_right, children: _jsx(Text, { "aria-hidden": true, color: props.styles?.label?.color, component: TextComponentType.LABEL, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.onText?.content }) }))] }));
|
|
49
|
-
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onKeyDown: e => {
|
|
50
|
-
e.persist();
|
|
51
|
-
props.onKeyDown?.(e);
|
|
52
|
-
}, children: [_jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, children: getScreenReaderText(props.togglePosition) }), buildRadioButton(POSITIONS.LEFT), props.hasThreePositions && buildCenterRadioButton(), buildRadioButton(POSITIONS.RIGHT), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
53
|
-
};
|
|
54
|
-
export const ToggleThreePosition = React.forwardRef(ToggleThreePositionComponent);
|
|
55
|
-
//# sourceMappingURL=toggleThreePosition.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { POSITIONS } from '../../../types/positions/positions';
|
|
4
|
-
import { ROLES } from '../../../types/role/role';
|
|
5
|
-
import { ElementOrIcon } from '../../elementOrIcon/elementOrIcon';
|
|
6
|
-
import { IconWrapperStyled, SliderContainerStyled, ToggleSpanSwitchStyled, ToggleWrapperStyled, } from '../toggle.styled';
|
|
7
|
-
const ToggleTwoPositionComponent = ({ dataTestId = 'toggle', ...props }, ref) => {
|
|
8
|
-
const buildTextOrIcon = (position) => {
|
|
9
|
-
const icon = position === POSITIONS.RIGHT ? props.onIcon : props.offIcon;
|
|
10
|
-
return _jsx(ElementOrIcon, { customIconStyles: props.styles?.icon, ...icon });
|
|
11
|
-
};
|
|
12
|
-
const buildContent = (position) => {
|
|
13
|
-
return (_jsxs(_Fragment, { children: [_jsx(ToggleSpanSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width }), _jsx(IconWrapperStyled, { "data-testid": `${dataTestId}-${position === POSITIONS.RIGHT ? 'on' : 'off'}-option`, hasThreePositions: props.hasThreePositions, showLabel: position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: buildTextOrIcon(position) })] }));
|
|
14
|
-
};
|
|
15
|
-
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-checked": props.togglePosition === POSITIONS.RIGHT, "aria-describedby": props['aria-describedby'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: props.hasThreePositions, id: props.id, role: ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
|
|
16
|
-
e.persist();
|
|
17
|
-
const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
|
|
18
|
-
props.onClick?.(e, newPosition);
|
|
19
|
-
}, onKeyDown: e => {
|
|
20
|
-
e.persist();
|
|
21
|
-
props.onKeyDown?.(e);
|
|
22
|
-
}, children: [buildContent(POSITIONS.LEFT), buildContent(POSITIONS.RIGHT), _jsx(SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
23
|
-
};
|
|
24
|
-
export const ToggleTwoPosition = React.forwardRef(ToggleTwoPositionComponent);
|
|
25
|
-
//# sourceMappingURL=toggleTwoPositions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":"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"}
|