@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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.styled.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,2DAAwD;AAExD,+CAAkD;AAClD,yCAA+C;AAG/C,MAAM,QAAQ,GAAG,CAAC,CAAC;AACnB,MAAM,UAAU,GAAG,CAAC,CAAC;AAeR,QAAA,mBAAmB,GAAG,2BAAM,CAAC,GAAG,CAAY;IACrD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,aAAa,CAAC;CAClD,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAY;;;IAG5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,SAAS,CAAC;;IAE3C,CAAC,EACD,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACL,UAAU;;;GAGb;CACF,CAAC;AAEW,QAAA,wBAAwB,GAAG,2BAAM,CAAC,MAAM,CAAA,EAAE,CAAC;AAExD,gCAAwB,CAAC,YAAY,GAAG;IACtC,IAAI,EAAE,iBAAU,CAAC,MAAM;CACxB,CAAC;AAEW,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAE5B,QAAA,4BAA4B,GAAG,2BAAM,CAAC,MAAM,CAAY;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,sBAAsB,CAAC;IACxD,CAAC,EACD,MAAM,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACL,UAAU;;UAEN,IAAA,qBAAS,EAAC,MAAM,CAAC,sBAAsB,EAAE,MAAM,EAAE,YAAY,CAAC;;;GAGrE;CACF,CAAC;AAEW,QAAA,6BAA6B,GAAG,2BAAM,CAAC,MAAM,CAAY;IAClE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,uBAAuB,CAAC;IACzD,CAAC,EACD,MAAM,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACL,UAAU;;UAEN,IAAA,qBAAS,EAAC,MAAM,CAAC,uBAAuB,EAAE,MAAM,EAAE,YAAY,CAAC;;;GAGtE;CACF,CAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAe;IAC9C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,YAAY,CAAC;WACvC,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,KAAK,CAAC,UAAU,GAAG,CAAC;;;MAG7E,CAAC,EACD,MAAM,EACN,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,WAAW,EAAE,GAC/B,GACF,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;QACL,WAAW;;YAEP,IAAA,qBAAS,EAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,WAAW,CAAC;;;YAGpD,IAAA,qBAAS,EAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,CAAC;;;YAG9C,IAAA,qBAAS,EAAC,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,CAAC;;;KAG5D;;IAED,CAAC,EACD,MAAM,EACN,mBAAmB,EACnB,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACL,UAAU;+BACe,mBAAmB;;UAExC,IAAA,qBAAS,EAAC,MAAM,CAAC,YAAY,EAAE,MAAM,EAAE,WAAW,CAAC;;;GAG1D;;;;;;MAMG,gCAAwB;MACxB,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;;;QAGxD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,CAAC,sBAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;;;;QAInE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,CAAC,sBAAc,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;;;;QAIrE,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,CAAC,sBAAc,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;;;;MAIxE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,CAAC,sBAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;;;MAGlF,oBAAY;MACZ,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,eAAe,CAAC;MACjD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,CAAC,sBAAc,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;;CAEvF,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAC,UAAU,CAAC;IACtD,iBAAiB,EAAE,GAAG,EAAE,CAAC,IAAI;CAC9B,CAAC,CAAA;aACW,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;;CAQvD,CAAC;AAEW,QAAA,oBAAoB,GAAG,2BAAM,CAAC,IAAI,CAAA;;CAE9C,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAoC;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,gBAAgB,CAAC;aACzC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ;CACtC,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAY;;;IAGnD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,qBAAS,EAAC,MAAM,CAAC,mBAAmB,CAAC;;IAErD,CAAC,EACD,KAAK,EAAE,EACL,aAAa,EAAE,EAAE,UAAU,EAAE,GAC9B,GACF,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;MACL,UAAU;;;GAGb;MACG,iBAAS,kBAAkB,gCAAwB;MACnD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,cAAc,CAAC;;MAEhD,iBAAS,iBAAiB,gCAAwB;MAClD,KAAK,CAAC,EAAE,CAAC,IAAA,qBAAS,EAAC,KAAK,CAAC,MAAM,EAAE,aAAa,CAAC;;CAEpD,CAAC"}
|
|
@@ -35,8 +35,18 @@ minTabsInView = MIN_TABS_IN_VIEW, maxTabsInView = MAX_TABS_IN_VIEW, unMountConte
|
|
|
35
35
|
tabsLength: tabsLength,
|
|
36
36
|
selectedTab: props.selectedTab,
|
|
37
37
|
});
|
|
38
|
-
const
|
|
39
|
-
const
|
|
38
|
+
const disabledIconLeft = position === 0;
|
|
39
|
+
const disabledIconRight = position >= tabsLength - numTabsInView;
|
|
40
|
+
const buildIconLeft = () => tabsLength > numTabsInView && ((0, jsx_runtime_1.jsx)(tabs_styled_1.TabsLeftArrowContainerStyled, { "aria-label": props.leftControlAriaLabel, "data-testid": `${dataTestId}-icon-left`, disabled: disabledIconLeft, styles: props.styles, tabIndex: 0, type: type_1.ButtonType.BUTTON, onClick: () => {
|
|
41
|
+
if (!disabledIconLeft) {
|
|
42
|
+
handleClickIcon(false);
|
|
43
|
+
}
|
|
44
|
+
}, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: !disabledIconLeft ? props.styles.leftIcon : props.styles.leftIcon?.disabled, ...props.leftIcon }) }));
|
|
45
|
+
const buildIconRight = () => tabsLength > numTabsInView && ((0, jsx_runtime_1.jsx)(tabs_styled_1.TabsRightArrowContainerStyled, { "aria-label": props.rightControlAriaLabel, "data-testid": `${dataTestId}-icon-right`, disabled: disabledIconRight, styles: props.styles, tabIndex: 0, type: type_1.ButtonType.BUTTON, onClick: () => {
|
|
46
|
+
if (!disabledIconRight) {
|
|
47
|
+
handleClickIcon(true);
|
|
48
|
+
}
|
|
49
|
+
}, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: !disabledIconRight ? props.styles.rightIcon : props.styles.rightIcon?.disabled, ...props.rightIcon }) }));
|
|
40
50
|
const buildTabContent = () => {
|
|
41
51
|
const commonTokens = {
|
|
42
52
|
id: TAB_PANEL_ID,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,6DAA0D;AAC1D,iDAA8C;AAC9C,iEAAsE;AACtE,+CAA4C;AAC5C,qDAAkD;AAElD,qEAA4E;AAC5E,gDAA8C;AAC9C,+CAAkD;AAClD,kEAA+D;AAC/D,SAAS;AACT,+CAYuB;AACvB,yCAA+C;AAG/C,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,0FAA0F;AAC1F,MAAM,gBAAgB,GAAG,CAAC,CAAC;AAC3B,MAAM,oBAAoB,GAAG,MAAM,CAAC;AAEpC,MAAM,uBAAuB,GAAG,CAC9B,EACE,SAAS,GAAG,KAAK,EACjB,kBAAkB,GAAG,IAAI,EACzB,UAAU,GAAG,MAAM;AACnB,uEAAuE;AACvE,aAAa,GAAG,gBAAgB,EAChC,aAAa,GAAG,gBAAgB,EAChC,cAAc,GAAG,IAAI,EACrB,GAAG,KAAK,EACQ,EAClB,GAA0D,EAC7C,EAAE;IACf,MAAM,OAAO,GAAG,IAAA,aAAK,EAAC,oBAAoB,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,GAAG,OAAO,WAAW,CAAC;IAC1C,MAAM,YAAY,GAAG,GAAG,OAAO,YAAY,CAAC;IAE5C,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,CAAC,CAAC;IAC3C,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,aAAa,CAAC,CAAC;IAC1D,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,IAAA,iBAAO,EAAC;QAC3E,aAAa,EAAE,aAAa;QAC5B,UAAU,EAAE,UAAU;QACtB,WAAW,EAAE,KAAK,CAAC,WAAW;KAC/B,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"tabsStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabsStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -16,13 +16,17 @@ export type TabsVariantStylesType = {
|
|
|
16
16
|
focusVisible?: CommonStyleType;
|
|
17
17
|
};
|
|
18
18
|
};
|
|
19
|
-
leftIcon?: IconTypes
|
|
19
|
+
leftIcon?: IconTypes & {
|
|
20
|
+
disabled?: IconTypes;
|
|
21
|
+
};
|
|
20
22
|
arrowRightIconContainer?: Omit<CommonStyleType, 'MOBILE'> & {
|
|
21
23
|
[DeviceBreakpointsType.MOBILE]?: CommonStyleType & {
|
|
22
24
|
focusVisible?: CommonStyleType;
|
|
23
25
|
};
|
|
24
26
|
};
|
|
25
|
-
rightIcon?: IconTypes
|
|
27
|
+
rightIcon?: IconTypes & {
|
|
28
|
+
disabled?: IconTypes;
|
|
29
|
+
};
|
|
26
30
|
firstTabButton?: CommonStyleType;
|
|
27
31
|
lastTabButton?: CommonStyleType;
|
|
28
32
|
oneTabContainer?: CommonStyleType;
|
|
@@ -15,16 +15,27 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
36
|
exports.TextStyled = exports.applyVariantStyles = void 0;
|
|
27
37
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
38
|
+
const truncate_mixin_1 = require("../../styles/mixins/truncate.mixin");
|
|
28
39
|
const getStyles_1 = require("../../utils/getStyles/getStyles");
|
|
29
40
|
const applyDevicePropsTextStyles = (props) => (0, styled_components_1.css) `
|
|
30
41
|
color: ${props.color};
|
|
@@ -39,6 +50,15 @@ const applyDevicePropsTextStyles = (props) => (0, styled_components_1.css) `
|
|
|
39
50
|
(0, styled_components_1.css) `
|
|
40
51
|
pointer-events: none;
|
|
41
52
|
`}
|
|
53
|
+
${!props.$maxTruncatedLines &&
|
|
54
|
+
props.$truncate &&
|
|
55
|
+
(0, styled_components_1.css) `
|
|
56
|
+
${truncate_mixin_1.truncateMixin}
|
|
57
|
+
`}
|
|
58
|
+
${props.$maxTruncatedLines &&
|
|
59
|
+
(0, styled_components_1.css) `
|
|
60
|
+
${(0, truncate_mixin_1.maxTruncatedLinesMixin)(props.$maxTruncatedLines)}
|
|
61
|
+
`}
|
|
42
62
|
`;
|
|
43
63
|
const applyPropsTextStyles = (props) => (0, styled_components_1.css) `
|
|
44
64
|
${applyDevicePropsTextStyles(props)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.styled.js","sourceRoot":"","sources":["../../../../src/components/text/text.styled.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"text.styled.js","sourceRoot":"","sources":["../../../../src/components/text/text.styled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,9 +9,9 @@ const react_1 = __importDefault(require("react"));
|
|
|
9
9
|
const aria_1 = require("../../utils/aria/aria");
|
|
10
10
|
const text_styled_1 = require("./text.styled");
|
|
11
11
|
const transform_1 = require("./types/transform");
|
|
12
|
-
const TextStandAloneComponent = ({
|
|
12
|
+
const TextStandAloneComponent = ({ dataTestId = 'text', transform = transform_1.TextTransformType.NONE, ...props }, ref) => {
|
|
13
13
|
const ariaProps = (0, aria_1.pickAriaProps)(props);
|
|
14
|
-
return ((0, jsx_runtime_1.jsx)(text_styled_1.TextStyled, { ...props, ...ariaProps, ref: ref, "$transform": transform, align: align, as: component, content: undefined, "data-testid": dataTestId, htmlFor: htmlFor, id: id, isDisabled: isDisabled, role: role, styles: styles, weight: weight, onClick: onClick, children: children }));
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(text_styled_1.TextStyled, { ...props, ...ariaProps, ref: ref, "$maxTruncatedLines": props.maxTruncatedLines, "$transform": transform, "$truncate": props.truncate, align: props.align, as: props.component, content: undefined, "data-testid": dataTestId, htmlFor: props.htmlFor, id: props.id, isDisabled: props.isDisabled, role: props.role, styles: props.styles, weight: props.weight, onClick: props.onClick, children: props.children }));
|
|
15
15
|
};
|
|
16
16
|
/**
|
|
17
17
|
* @description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textStandAlone.js","sourceRoot":"","sources":["../../../../src/components/text/textStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,4CAAkD;AAElD,+CAA2C;AAE3C,iDAAsD;AAEtD,MAAM,uBAAuB,GAAG,CAC9B,
|
|
1
|
+
{"version":3,"file":"textStandAlone.js","sourceRoot":"","sources":["../../../../src/components/text/textStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,4CAAkD;AAElD,+CAA2C;AAE3C,iDAAsD;AAEtD,MAAM,uBAAuB,GAAG,CAC9B,EAAE,UAAU,GAAG,MAAM,EAAE,SAAS,GAAG,6BAAiB,CAAC,IAAI,EAAE,GAAG,KAAK,EAAmB,EACtF,GAAoD,EACvC,EAAE;IACf,MAAM,SAAS,GAAG,IAAA,oBAAa,EAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,uBAAC,wBAAU,OACL,KAAK,KACL,SAAS,EACb,GAAG,EAAE,GAAG,wBACY,KAAK,CAAC,iBAAiB,gBAC/B,SAAS,eACV,KAAK,CAAC,QAAQ,EACzB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,SAAS,EACnB,OAAO,EAAE,SAAS,iBACL,UAAU,EACvB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,KAAK,CAAC,OAAO,YAErB,KAAK,CAAC,QAAQ,GACJ,CACd,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;GAMG;AACU,QAAA,cAAc,GAAG,eAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -14,8 +14,10 @@ export interface ITextStyled {
|
|
|
14
14
|
align?: string;
|
|
15
15
|
$transform?: TextTransformType;
|
|
16
16
|
customTypography?: TypographyTypes;
|
|
17
|
+
$maxTruncatedLines?: number;
|
|
18
|
+
$truncate?: boolean;
|
|
17
19
|
}
|
|
18
|
-
type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden' | 'aria-level'>;
|
|
20
|
+
type TextAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-hidden' | 'aria-level' | 'aria-live'>;
|
|
19
21
|
export interface ITextStandAlone extends ITextStyled, TextAriaAttributes {
|
|
20
22
|
children: React.ReactNode;
|
|
21
23
|
component?: TextComponentType | GenericLinkType;
|
|
@@ -25,12 +27,16 @@ export interface ITextStandAlone extends ITextStyled, TextAriaAttributes {
|
|
|
25
27
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
26
28
|
role?: React.AriaRole;
|
|
27
29
|
color?: string;
|
|
30
|
+
wordBreak?: string;
|
|
31
|
+
wordWrap?: string;
|
|
28
32
|
filter?: string;
|
|
29
33
|
display?: TextDisplayType;
|
|
30
34
|
decoration?: TextDecorationType;
|
|
31
35
|
cursor?: string;
|
|
32
36
|
weight?: number;
|
|
33
37
|
target?: string;
|
|
38
|
+
truncate?: boolean;
|
|
39
|
+
maxTruncatedLines?: number;
|
|
34
40
|
align?: string;
|
|
35
41
|
transform?: TextTransformType;
|
|
36
42
|
url?: string;
|
|
@@ -39,7 +39,11 @@ export type TextPropsStylesType = {
|
|
|
39
39
|
$transform?: TextTransformType;
|
|
40
40
|
align?: string;
|
|
41
41
|
weight?: number;
|
|
42
|
+
wordBreak?: string;
|
|
43
|
+
wordWrap?: string;
|
|
42
44
|
isDisabled?: boolean;
|
|
45
|
+
$maxTruncatedLines?: number;
|
|
46
|
+
$truncate?: boolean;
|
|
43
47
|
};
|
|
44
48
|
/**
|
|
45
49
|
* @name TextThemeStylesType
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
2
|
+
type ITextOrIcon = Pick<IToggleStandAlone, 'styles' | 'togglePosition' | 'screenReaderId' | 'disabled' | 'inputValues' | 'radioButtonToggleName' | 'onClick' | 'dataTestId' | 'offText' | 'onText'> & {
|
|
3
|
+
block?: boolean;
|
|
4
|
+
};
|
|
5
|
+
export declare const ToggleCenterRadioButton: ({ block, ...props }: ITextOrIcon) => JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ToggleCenterRadioButton = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const text_1 = require("../../../../components/text/text");
|
|
6
|
+
const component_1 = require("../../../../components/text/types/component");
|
|
7
|
+
const positions_1 = require("../../../../types/positions/positions");
|
|
8
|
+
const toggle_styled_1 = require("../../toggle.styled");
|
|
9
|
+
const toggleRadioButton_1 = require("./toggleRadioButton");
|
|
10
|
+
const ToggleCenterRadioButton = ({ block = false, ...props }) => {
|
|
11
|
+
return ((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 }) })), (0, jsx_runtime_1.jsx)(toggleRadioButton_1.ToggleRadioButton, { block: block, dataTestId: props.dataTestId, disabled: props.disabled, inputValues: props.inputValues, position: positions_1.POSITIONS.CENTER, radioButtonToggleName: props.radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), 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 }) }))] }));
|
|
12
|
+
};
|
|
13
|
+
exports.ToggleCenterRadioButton = ToggleCenterRadioButton;
|
|
14
|
+
//# sourceMappingURL=toggleCenterRadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleCenterRadioButton.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleCenterRadioButton.tsx"],"names":[],"mappings":";;;;AAEA,iDAA8C;AAC9C,iEAAsE;AACtE,2DAAwD;AAExD,uDAAoF;AAEpF,2DAAwD;AAgBjD,MAAM,uBAAuB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IAC/F,OAAO,CACL,6DACG,KAAK,CAAC,cAAc,KAAK,qBAAS,CAAC,MAAM,IAAI,CAC5C,uBAAC,qCAAqB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAC7D,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,SAAS,EAAE,6BAAiB,CAAC,KAAK,EAClC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,KAAK,CAAC,OAAO,EAAE,OAAO,GAClB,GACe,CACzB,EACD,uBAAC,qCAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,qBAAS,CAAC,MAAM,EAC1B,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,KAAK,CAAC,OAAO,GACtB,EACD,KAAK,CAAC,cAAc,KAAK,qBAAS,CAAC,MAAM,IAAI,CAC5C,uBAAC,sCAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,YAC/D,uBAAC,WAAI,mBACU,IAAI,EACjB,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,SAAS,EAAE,6BAAiB,CAAC,KAAK,EAClC,OAAO,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAC1C,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,KAAK,CAAC,MAAM,EAAE,OAAO,GACjB,GACgB,CAC1B,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AA3CW,QAAA,uBAAuB,2BA2ClC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
type ITextOrIcon = Pick<IToggleStandAlone, 'styles' | 'togglePosition' | 'screenReaderId' | 'disabled' | 'inputValues' | 'radioButtonToggleName' | 'onClick' | 'dataTestId' | 'offText' | 'onText'> & {
|
|
4
|
+
position: POSITIONS;
|
|
5
|
+
block?: boolean;
|
|
6
|
+
};
|
|
7
|
+
export declare const ToggleRadioButton: ({ block, ...props }: ITextOrIcon) => JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ToggleRadioButton = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const inputType_1 = require("../../../../components/input/types/inputType");
|
|
6
|
+
const labelStandAlone_1 = require("../../../../components/label/labelStandAlone");
|
|
7
|
+
const positions_1 = require("../../../../types/positions/positions");
|
|
8
|
+
const toggle_styled_1 = require("../../toggle.styled");
|
|
9
|
+
const getTextOrIcon_1 = require("../../utils/getTextOrIcon");
|
|
10
|
+
const getValueOfRadioButton_1 = require("../../utils/getValueOfRadioButton");
|
|
11
|
+
const ToggleRadioButton = ({ block = false, ...props }) => {
|
|
12
|
+
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: `${props.position.toLowerCase()}Input`, name: props.radioButtonToggleName, tabIndex: -1, type: inputType_1.InputTypeType.RADIO, value: (0, getValueOfRadioButton_1.getValueOfRadioButton)(props.position, props.inputValues), onClick: e => {
|
|
13
|
+
if (!block) {
|
|
14
|
+
e.persist();
|
|
15
|
+
props.onClick?.(e, props.position);
|
|
16
|
+
}
|
|
17
|
+
} }), (0, jsx_runtime_1.jsx)(toggle_styled_1.LabelWrapperStyled, { hasThreePositions: true, showLabel: props.position !== positions_1.POSITIONS.CENTER && props.position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: (0, jsx_runtime_1.jsx)(labelStandAlone_1.LabelStandAlone, { color: props.styles?.label?.color, dataTestId: `${props.dataTestId}-${props.position === positions_1.POSITIONS.RIGHT
|
|
18
|
+
? 'on'
|
|
19
|
+
: props.position === positions_1.POSITIONS.CENTER
|
|
20
|
+
? 'Na'
|
|
21
|
+
: 'off'}-label-option`, inputId: `${props.position.toLowerCase()}Input`, textVariant: (props.position === positions_1.POSITIONS.LEFT && props.offText?.content) ||
|
|
22
|
+
(props.position === positions_1.POSITIONS.RIGHT && props.onText?.content)
|
|
23
|
+
? props.styles?.label?.font_variant
|
|
24
|
+
: props.styles?.labelWithIcons?.font_variant, weight: props.styles?.label?.font_weight, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, getTextOrIcon_1.getTextOrIcon)(props.position, props.inputValues, props.offText, props.onText) }) }) })] }));
|
|
25
|
+
};
|
|
26
|
+
exports.ToggleRadioButton = ToggleRadioButton;
|
|
27
|
+
//# sourceMappingURL=toggleRadioButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleRadioButton.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleRadioButton.tsx"],"names":[],"mappings":";;;;AAEA,kEAAmE;AACnE,wEAA8E;AAC9E,2DAAwD;AAExD,uDAAkF;AAElF,6DAA0D;AAC1D,6EAA0E;AAgBnE,MAAM,iBAAiB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe,EAAe,EAAE;IACzF,OAAO,CACL,6DACE,uBAAC,uCAAuB,eACb,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,sBAChB,KAAK,CAAC,cAAc,qBACrB,KAAK,CAAC,kBAAkB,CAAC,EAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,EAAE,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAC1C,IAAI,EAAE,KAAK,CAAC,qBAAqB,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,yBAAa,CAAC,KAAK,EACzB,KAAK,EAAE,IAAA,6CAAqB,EAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,CAAC,EAC/D,OAAO,EAAE,CAAC,CAAC,EAAE;oBACX,IAAI,CAAC,KAAK,EAAE,CAAC;wBACX,CAAC,CAAC,OAAO,EAAE,CAAC;wBACZ,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;oBACrC,CAAC;gBACH,CAAC,GACD,EACF,uBAAC,kCAAkB,IACjB,iBAAiB,EAAE,IAAI,EACvB,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,qBAAS,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,EACzF,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,uBAAC,iCAAK,IACJ,KAAK,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,IAC7B,KAAK,CAAC,QAAQ,KAAK,qBAAS,CAAC,KAAK;wBAChC,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,qBAAS,CAAC,MAAM;4BACnC,CAAC,CAAC,IAAI;4BACN,CAAC,CAAC,KACR,eAAe,EACf,OAAO,EAAE,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,OAAO,EAC/C,WAAW,EACT,CAAC,KAAK,CAAC,QAAQ,KAAK,qBAAS,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC;wBAC7D,CAAC,KAAK,CAAC,QAAQ,KAAK,qBAAS,CAAC,KAAK,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO,CAAC;wBAC3D,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,YAAY;wBACnC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,cAAc,EAAE,YAAY,EAEhD,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,YAEvC,2DAAG,IAAA,6BAAa,EAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAI,GAC/E,GACW,IACpB,CACJ,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,iBAAiB,qBAkD5B"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IToggleStandAlone } from '
|
|
3
|
-
interface IToggleThreePosition extends IToggleStandAlone {
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
interface IToggleThreePosition extends Omit<IToggleStandAlone, 'hasThreePositions'> {
|
|
4
4
|
}
|
|
5
5
|
export declare const ToggleThreePosition: React.ForwardRefExoticComponent<IToggleThreePosition & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export {};
|
|
@@ -0,0 +1,27 @@
|
|
|
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 ariaLiveOption_1 = require("../../../../types/ariaLiveOption/ariaLiveOption");
|
|
10
|
+
const positions_1 = require("../../../../types/positions/positions");
|
|
11
|
+
const screenReaderOnly_1 = require("../../../screenReaderOnly/screenReaderOnly");
|
|
12
|
+
const toggle_styled_1 = require("../../toggle.styled");
|
|
13
|
+
const getScreenReaderText_1 = require("../../utils/getScreenReaderText");
|
|
14
|
+
const toggleCenterRadioButton_1 = require("./toggleCenterRadioButton");
|
|
15
|
+
const toggleRadioButton_1 = require("./toggleRadioButton");
|
|
16
|
+
const ToggleThreePositionComponent = ({ inputValues = {
|
|
17
|
+
rightInputValue: 'on option',
|
|
18
|
+
centerInputValue: 'undeterminated option',
|
|
19
|
+
leftInputValue: 'off option',
|
|
20
|
+
}, radioButtonToggleName = 'groupe-toggle', blockCenter = false, dataTestId = 'toggle', ...props }, ref) => {
|
|
21
|
+
return ((0, jsx_runtime_1.jsxs)(toggle_styled_1.ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": dataTestId, disabled: props.disabled, hasThreePositions: true, id: props.id, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onKeyDown: e => {
|
|
22
|
+
e.persist();
|
|
23
|
+
props.onKeyDown?.(e);
|
|
24
|
+
}, children: [(0, jsx_runtime_1.jsx)(screenReaderOnly_1.ScreenReaderOnly, { ariaLive: ariaLiveOption_1.AriaLiveOptionType.POLITE, children: (0, getScreenReaderText_1.getScreenReaderText)(props.togglePosition, inputValues) }), (0, jsx_runtime_1.jsx)(toggleRadioButton_1.ToggleRadioButton, { dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, position: positions_1.POSITIONS.LEFT, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), (0, jsx_runtime_1.jsx)(toggleCenterRadioButton_1.ToggleCenterRadioButton, { block: blockCenter, dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, offText: props.offText, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick, onText: props.onText }), (0, jsx_runtime_1.jsx)(toggleRadioButton_1.ToggleRadioButton, { dataTestId: dataTestId, disabled: props.disabled, inputValues: inputValues, position: positions_1.POSITIONS.RIGHT, radioButtonToggleName: radioButtonToggleName, screenReaderId: props.screenReaderId, styles: props.styles, togglePosition: props.togglePosition, onClick: props.onClick }), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: true, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
25
|
+
};
|
|
26
|
+
exports.ToggleThreePosition = react_1.default.forwardRef(ToggleThreePositionComponent);
|
|
27
|
+
//# sourceMappingURL=toggleThreePosition.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/threePositions/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { POSITIONS } from '../../../../types/positions/positions';
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
type IToggleContent = Pick<IToggleStandAlone, 'styles' | 'onIcon' | 'offIcon' | 'dataTestId' | 'togglePosition'> & {
|
|
4
|
+
position: POSITIONS;
|
|
5
|
+
};
|
|
6
|
+
export declare const ToggleContent: ({ ...props }: IToggleContent) => JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ToggleContent = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const positions_1 = require("../../../../types/positions/positions");
|
|
6
|
+
const elementOrIcon_1 = require("../../../elementOrIcon/elementOrIcon");
|
|
7
|
+
const toggle_styled_1 = require("../../toggle.styled");
|
|
8
|
+
const ToggleContent = ({ ...props }) => {
|
|
9
|
+
const icon = props.position === positions_1.POSITIONS.RIGHT ? props.onIcon : props.offIcon;
|
|
10
|
+
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": `${props.dataTestId}-${props.position === positions_1.POSITIONS.RIGHT ? 'on' : 'off'}-option`, hasThreePositions: false, showLabel: props.position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: (0, jsx_runtime_1.jsx)(elementOrIcon_1.ElementOrIcon, { customIconStyles: props.styles?.icon, ...icon }) })] }));
|
|
11
|
+
};
|
|
12
|
+
exports.ToggleContent = ToggleContent;
|
|
13
|
+
//# sourceMappingURL=toggleContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleContent.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/twoPositions/toggleContent.tsx"],"names":[],"mappings":";;;;AAEA,2DAAwD;AAExD,wEAAqE;AACrE,uDAAgF;AAQzE,MAAM,aAAa,GAAG,CAAC,EAAE,GAAG,KAAK,EAAkB,EAAe,EAAE;IACzE,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,KAAK,qBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;IAE/E,OAAO,CACL,6DACE,uBAAC,sCAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,uBAAC,iCAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,KAAK,qBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,SAAS,EAC9F,iBAAiB,EAAE,KAAK,EACxB,SAAS,EAAE,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC,cAAc,EAClD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEpC,uBAAC,6BAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,KAAM,IAAI,GAAI,GAC/C,IACnB,CACJ,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,aAAa,iBAoBxB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { IToggleStandAlone } from '
|
|
3
|
-
interface IToggleTwoPosition extends IToggleStandAlone {
|
|
2
|
+
import { IToggleStandAlone } from '../../types/toggle';
|
|
3
|
+
interface IToggleTwoPosition extends Omit<IToggleStandAlone, 'hasThreePositions'> {
|
|
4
4
|
}
|
|
5
5
|
export declare const ToggleTwoPosition: React.ForwardRefExoticComponent<IToggleTwoPosition & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
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 toggle_styled_1 = require("../../toggle.styled");
|
|
12
|
+
const toggleContent_1 = require("./toggleContent");
|
|
13
|
+
const ToggleTwoPositionComponent = ({ dataTestId = 'toggle', ...props }, ref) => {
|
|
14
|
+
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: false, id: props.id, role: role_1.ROLES.SWITCH, styles: props.styles, tabIndex: !props.disabled ? (props.tabIndex ?? 0) : undefined, togglePosition: props.togglePosition, onClick: e => {
|
|
15
|
+
e.persist();
|
|
16
|
+
const newPosition = props.togglePosition === positions_1.POSITIONS.RIGHT ? positions_1.POSITIONS.LEFT : positions_1.POSITIONS.RIGHT;
|
|
17
|
+
props.onClick?.(e, newPosition);
|
|
18
|
+
}, onKeyDown: e => {
|
|
19
|
+
e.persist();
|
|
20
|
+
props.onKeyDown?.(e);
|
|
21
|
+
}, children: [(0, jsx_runtime_1.jsx)(toggleContent_1.ToggleContent, { ...props, dataTestId: dataTestId, position: positions_1.POSITIONS.LEFT }), (0, jsx_runtime_1.jsx)(toggleContent_1.ToggleContent, { ...props, dataTestId: dataTestId, position: positions_1.POSITIONS.RIGHT }), (0, jsx_runtime_1.jsx)(toggle_styled_1.SliderContainerStyled, { "aria-hidden": "true", "data-testid": `${dataTestId}-thumb`, hasThreePositions: false, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
22
|
+
};
|
|
23
|
+
exports.ToggleTwoPosition = react_1.default.forwardRef(ToggleTwoPositionComponent);
|
|
24
|
+
//# sourceMappingURL=toggleTwoPositions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../../src/components/toggle/components/twoPositions/toggleTwoPositions.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,2DAAwD;AACxD,4CAA0C;AAE1C,uDAAiF;AAEjF,mDAAgD;AAIhD,MAAM,0BAA0B,GAAG,CACjC,EAAE,UAAU,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAsB,EACvD,GAA0D,EAC7C,EAAE;IACf,OAAO,CACL,wBAAC,mCAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,qBAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,UAAU,EACvB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,YAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7D,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,MAAM,WAAW,GACf,KAAK,CAAC,cAAc,KAAK,qBAAS,CAAC,KAAK,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAS,CAAC,KAAK,CAAC;YAC9E,KAAK,CAAC,OAAO,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC;QAClC,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE;YACb,CAAC,CAAC,OAAO,EAAE,CAAC;YACZ,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC,aAED,uBAAC,6BAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAS,CAAC,IAAI,GAAI,EAC9E,uBAAC,6BAAa,OAAK,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,qBAAS,CAAC,KAAK,GAAI,EAC/E,uBAAC,qCAAqB,mBACR,MAAM,iBACL,GAAG,UAAU,QAAQ,EAClC,iBAAiB,EAAE,KAAK,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,IACkB,CACvB,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,iBAAiB,GAAG,eAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
|
|
@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
|
|
|
15
15
|
}) : function(o, v) {
|
|
16
16
|
o["default"] = v;
|
|
17
17
|
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
};
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
25
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
36
|
exports.TextRightWrapperStyled = exports.TextLeftWrapperStyled = exports.IconWrapperStyled = exports.LabelWrapperStyled = exports.SliderContainerStyled = exports.ToggleSpanSwitchStyled = exports.ToggleRadioSwitchStyled = exports.ToggleWrapperStyled = void 0;
|
|
27
37
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle.styled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.styled.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"toggle.styled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ const keyboard_utility_1 = require("../../utils/keyboard/keyboard.utility");
|
|
|
14
14
|
const toggleStandAlone_1 = require("./toggleStandAlone");
|
|
15
15
|
const getToggleState_1 = require("./utils/getToggleState");
|
|
16
16
|
const TOGGLE_STYLES = 'TOGGLE_STYLES';
|
|
17
|
-
const ToggleControlledComponent = react_1.default.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? positions_1.POSITIONS.CENTER : positions_1.POSITIONS.LEFT, disabled = false, onChange, onKeyDown, ...props }, ref) => {
|
|
17
|
+
const ToggleControlledComponent = react_1.default.forwardRef(({ variant, ctv, hasThreePositions = false, togglePosition = hasThreePositions ? positions_1.POSITIONS.CENTER : positions_1.POSITIONS.LEFT, disabled = false, onClick, onChange, onKeyDown, ...props }, ref) => {
|
|
18
18
|
const styleVariant = (0, useStyles_1.useStyles)(TOGGLE_STYLES, variant, ctv);
|
|
19
19
|
const handleKeyDown = e => {
|
|
20
20
|
if (!disabled && ((0, keyboard_utility_1.isKeySpacePressed)(e.key) || (0, keyboard_utility_1.isKeyEnterPressed)(e.key))) {
|
|
@@ -30,9 +30,13 @@ const ToggleControlledComponent = react_1.default.forwardRef(({ variant, ctv, ha
|
|
|
30
30
|
onKeyDown?.(e);
|
|
31
31
|
}
|
|
32
32
|
};
|
|
33
|
+
const handleClick = (e, position) => {
|
|
34
|
+
onChange?.(position);
|
|
35
|
+
onClick?.(e, position);
|
|
36
|
+
};
|
|
33
37
|
const state = (0, getToggleState_1.getToggleState)(hasThreePositions, togglePosition, disabled);
|
|
34
38
|
const styles = styleVariant[state];
|
|
35
|
-
return ((0, jsx_runtime_1.jsx)(toggleStandAlone_1.ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onKeyDown: handleKeyDown }));
|
|
39
|
+
return ((0, jsx_runtime_1.jsx)(toggleStandAlone_1.ToggleStandAlone, { ...props, ref: ref, disabled: disabled, hasThreePositions: hasThreePositions, styles: styles, togglePosition: togglePosition, onClick: handleClick, onKeyDown: handleKeyDown }));
|
|
36
40
|
});
|
|
37
41
|
ToggleControlledComponent.displayName = 'ToggleControlledComponent';
|
|
38
42
|
const ToggleBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(fallbackComponent_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(toggleStandAlone_1.ToggleStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(ToggleControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,2DAAwD;AAExD,8EAA2E;AAC3E,sFAAmF;AACnF,+DAA4D;AAC5D,4EAA6F;AAC7F,yDAAsD;AAGtD,2DAAwD;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,eAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,qBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,IAAA,qBAAS,EAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAErF,MAAM,aAAa,GAA4C,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAA,oCAAiB,EAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAA,oCAAiB,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,WAAW,GAAG,qBAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,cAAc,KAAK,qBAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBACzD,cAAc,KAAK,qBAAS,CAAC,MAAM,EACnC,CAAC;gBACD,WAAW,GAAG,qBAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,cAAc,KAAK,qBAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;gBAClE,WAAW,GAAG,qBAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cAChB,uBAAC,mCAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,uBAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAAC,cAAc,CAIlB,CAAC;AAS9B,4CAAgB"}
|
|
1
|
+
{"version":3,"file":"toggleControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleControlled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,2DAAwD;AAExD,8EAA2E;AAC3E,sFAAmF;AACnF,+DAA4D;AAC5D,4EAA6F;AAC7F,yDAAsD;AAGtD,2DAAwD;AAExD,MAAM,aAAa,GAAG,eAAe,CAAC;AAEtC,MAAM,yBAAyB,GAAG,eAAK,CAAC,UAAU,CAChD,CACE,EACE,OAAO,EACP,GAAG,EACH,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,iBAAiB,CAAC,CAAC,CAAC,qBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,EACtE,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,IAAA,qBAAS,EAA0B,aAAa,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAErF,MAAM,aAAa,GAA4C,CAAC,CAAC,EAAE;QACjE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAA,oCAAiB,EAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAA,oCAAiB,EAAC,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;YACxE,IAAI,WAAW,GAAG,qBAAS,CAAC,IAAI,CAAC;YACjC,IACE,CAAC,cAAc,KAAK,qBAAS,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC;gBACzD,cAAc,KAAK,qBAAS,CAAC,MAAM,EACnC,CAAC;gBACD,WAAW,GAAG,qBAAS,CAAC,KAAK,CAAC;YAChC,CAAC;iBAAM,IAAI,cAAc,KAAK,qBAAS,CAAC,IAAI,IAAI,iBAAiB,EAAE,CAAC;gBAClE,WAAW,GAAG,qBAAS,CAAC,MAAM,CAAC;YACjC,CAAC;YACD,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;YACxB,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,QAAmB,EAAE,EAAE;QAC5E,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC;QACrB,OAAO,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG,IAAA,+BAAc,EAAC,iBAAiB,EAAE,cAAc,EAAE,QAAQ,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IAEnC,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,aAAa,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,MAAM,cAAc,GAAG,CACrB,KAA2B,EAC3B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,qCAAiB,cAChB,uBAAC,mCAAgB,OAAM,KAAsC,EAAE,GAAG,EAAE,GAAG,GAAI,GACzD,YAGtB,uBAAC,yBAAyB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACpC,CACjB,CAAC;AAEF,MAAM,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAAC,cAAc,CAIlB,CAAC;AAS9B,4CAAgB"}
|
|
@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.ToggleStandAlone = void 0;
|
|
7
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
|
-
const toggleThreePosition_1 = require("./components/toggleThreePosition");
|
|
10
|
-
const toggleTwoPositions_1 = require("./components/toggleTwoPositions");
|
|
11
|
-
const ToggleStandAloneComponent = ({ ...props }, ref) => {
|
|
12
|
-
return !
|
|
9
|
+
const toggleThreePosition_1 = require("./components/threePositions/toggleThreePosition");
|
|
10
|
+
const toggleTwoPositions_1 = require("./components/twoPositions/toggleTwoPositions");
|
|
11
|
+
const ToggleStandAloneComponent = ({ hasThreePositions, ...props }, ref) => {
|
|
12
|
+
return !hasThreePositions ? ((0, jsx_runtime_1.jsx)(toggleTwoPositions_1.ToggleTwoPosition, { ...props, ref: ref })) : ((0, jsx_runtime_1.jsx)(toggleThreePosition_1.ToggleThreePosition, { ...props, ref: ref }));
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
15
15
|
* @description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,
|
|
1
|
+
{"version":3,"file":"toggleStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleStandAlone.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,yFAAsF;AACtF,qFAAiF;AAGjF,MAAM,yBAAyB,GAAG,CAChC,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAqB,EAClD,GAA0D,EAC7C,EAAE;IACf,OAAO,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAC1B,uBAAC,sCAAiB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC3C,CAAC,CAAC,CAAC,CACF,uBAAC,yCAAmB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,CAC7C,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;GAKG;AACU,QAAA,gBAAgB,GAAG,eAAK,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC"}
|
|
@@ -14,11 +14,7 @@ const ToggleUnControlledComponent = ({ variant, hasThreePositions = false, defau
|
|
|
14
14
|
setTogglePosition(newPosition);
|
|
15
15
|
onChange?.(newPosition);
|
|
16
16
|
};
|
|
17
|
-
|
|
18
|
-
handleChange(position);
|
|
19
|
-
props.onClick?.(e, position);
|
|
20
|
-
};
|
|
21
|
-
return ((0, jsx_runtime_1.jsx)(toggleControlled_1.ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange, onClick: handleClick }));
|
|
17
|
+
return ((0, jsx_runtime_1.jsx)(toggleControlled_1.ToggleControlled, { ...props, ref: ref, hasThreePositions: hasThreePositions, togglePosition: togglePosition ?? _togglePosition, variant: variant, onChange: handleChange }));
|
|
22
18
|
};
|
|
23
19
|
const ToggleUnControlled = react_1.default.forwardRef(ToggleUnControlledComponent);
|
|
24
20
|
exports.ToggleUnControlled = ToggleUnControlled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,+DAA4D;AAC5D,yDAAsD;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,qBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,
|
|
1
|
+
{"version":3,"file":"toggleUnControlled.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggleUnControlled.tsx"],"names":[],"mappings":";;;;;;;AAAA,kDAA0B;AAE1B,+DAA4D;AAC5D,yDAAsD;AAGtD,MAAM,2BAA2B,GAAG,CAClC,EACE,OAAO,EACP,iBAAiB,GAAG,KAAK,EACzB,qBAAqB,GAAG,iBAAiB,CAAC,CAAC,CAAC,qBAAS,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAS,CAAC,IAAI,EAC7E,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACe,EACzB,GAA0D,EAC7C,EAAE;IACf,MAAM,CAAC,eAAe,EAAE,iBAAiB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,qBAAqB,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,CAAC,WAAsB,EAAE,EAAE;QAC9C,iBAAiB,CAAC,WAAW,CAAC,CAAC;QAC/B,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,mCAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,EAAE,cAAc,IAAI,eAAe,EACjD,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,eAAK,CAAC,UAAU,CAAC,2BAA2B,CAIpB,CAAC;AAY3C,gDAAkB;AAEI,oCAAM"}
|
|
@@ -41,7 +41,10 @@ export interface IToggleStandAlone extends ToggleAriaAttributes {
|
|
|
41
41
|
disabled?: boolean;
|
|
42
42
|
blockCenter?: boolean;
|
|
43
43
|
tabIndex?: number;
|
|
44
|
-
|
|
44
|
+
/**
|
|
45
|
+
* @deprecated The seconda param, position will be removed in the next version
|
|
46
|
+
*/
|
|
47
|
+
onClick?: (e: React.MouseEvent<HTMLElement>, position: POSITIONS) => void;
|
|
45
48
|
onKeyDown?: React.KeyboardEventHandler<HTMLElement>;
|
|
46
49
|
}
|
|
47
50
|
type propsToOmit = 'styles' | 'togglePosition' | 'hasThreePositions';
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { IElementOrIcon } from '../../../components/elementOrIcon/types/elementOrIcon';
|
|
2
|
+
import { POSITIONS } from '../../../types/positions/positions';
|
|
3
|
+
import { IInputValue } from '../types/toggle';
|
|
4
|
+
export declare const getScreenReaderText: (position: POSITIONS, inputValues: IInputValue, onIcon?: IElementOrIcon, offIcon?: IElementOrIcon) => string | undefined;
|