@kubit-ui-web/react-components 1.7.0 → 1.8.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 +1 -0
- package/dist/cjs/components/accordion/accordion.styled.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js +1 -1
- package/dist/cjs/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js.map +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js.map +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/cjs/components/footer/components/footerSection.js +22 -0
- package/dist/cjs/components/footer/components/footerSection.js.map +1 -0
- package/dist/cjs/components/footer/components/index.js +1 -1
- package/dist/cjs/components/footer/footer.styled.js +63 -19
- package/dist/cjs/components/footer/footer.styled.js.map +1 -1
- package/dist/cjs/components/footer/footerStandAlone.js +49 -36
- package/dist/cjs/components/footer/footerStandAlone.js.map +1 -1
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/input/components/label.js +1 -1
- package/dist/cjs/components/input/components/label.js.map +1 -1
- package/dist/cjs/components/input/components/title.js +3 -3
- package/dist/cjs/components/input/components/title.js.map +1 -1
- package/dist/cjs/components/input/input.styled.js +10 -1
- package/dist/cjs/components/input/input.styled.js.map +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +2 -6
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/input/inputUnControlled.js +5 -3
- package/dist/cjs/components/input/inputUnControlled.js.map +1 -1
- package/dist/cjs/components/input/types/input.js +2 -0
- package/dist/cjs/components/input/types/input.js.map +1 -1
- package/dist/cjs/components/input/utils/extraStyles.utils.js +4 -4
- package/dist/cjs/components/input/utils/extraStyles.utils.js.map +1 -1
- package/dist/cjs/components/inputCounter/inputCounter.js +5 -3
- package/dist/cjs/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrency.js +5 -3
- package/dist/cjs/components/inputCurrency/inputCurrency.js.map +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js +5 -1
- package/dist/cjs/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +6 -10
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/index.js +1 -3
- package/dist/cjs/components/inputDate/utils/index.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyFormat.js +15 -12
- package/dist/cjs/components/inputDate/utils/verifyFormat.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyYear.js +2 -1
- package/dist/cjs/components/inputDate/utils/verifyYear.js.map +1 -1
- package/dist/cjs/components/inputDigitSequence/components/index.js +20 -0
- package/dist/cjs/components/inputDigitSequence/components/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigit.js +24 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigit.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js +14 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSequenceHelpText.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js +17 -0
- package/dist/cjs/components/inputDigitSequence/components/inputDigitSquenceTooltip.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/hooks/index.js +18 -0
- package/dist/cjs/components/inputDigitSequence/hooks/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js +100 -0
- package/dist/cjs/components/inputDigitSequence/hooks/useAnimation.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/index.js +21 -0
- package/dist/cjs/components/inputDigitSequence/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js +156 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js +117 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceControlled.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceStandAlone.js +45 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceStandAlone.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceUncontrolled.js +10 -0
- package/dist/cjs/components/inputDigitSequence/inputDigitSequenceUncontrolled.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/index.js +20 -0
- package/dist/cjs/components/inputDigitSequence/types/index.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequence.js +3 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequence.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequenceTheme.js +3 -0
- package/dist/cjs/components/inputDigitSequence/types/inputDigitSequenceTheme.js.map +1 -0
- package/dist/cjs/components/inputDigitSequence/types/state.js +10 -0
- package/dist/cjs/components/inputDigitSequence/types/state.js.map +1 -0
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +4 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputPassword/inputPassword.js +5 -3
- package/dist/cjs/components/inputPassword/inputPassword.js.map +1 -1
- package/dist/cjs/components/inputPhone/inputPhone.js +5 -3
- package/dist/cjs/components/inputPhone/inputPhone.js.map +1 -1
- package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js +5 -1
- package/dist/cjs/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js +9 -1
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js +3 -2
- package/dist/cjs/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js +2 -2
- package/dist/cjs/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/message/index.js +1 -1
- package/dist/cjs/components/message/index.js.map +1 -1
- package/dist/cjs/components/message/message.styled.js +4 -1
- package/dist/cjs/components/message/message.styled.js.map +1 -1
- package/dist/cjs/components/message/messageStandAlone.js +1 -1
- package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalControlled.js +1 -2
- package/dist/cjs/components/modal/modalControlled.js.map +1 -1
- package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js +4 -2
- package/dist/cjs/components/navigationCard/fragments/navigationCardInfo.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCard.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +8 -2
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenu.js +24 -8
- package/dist/cjs/components/oliveMenu/oliveMenu.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenu.styled.js +3 -0
- package/dist/cjs/components/oliveMenu/oliveMenu.styled.js.map +1 -1
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js +10 -3
- package/dist/cjs/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -1
- package/dist/cjs/components/option/optionStandAlone.js.map +1 -1
- package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js +8 -6
- package/dist/cjs/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/cjs/components/popover/popoverStandAlone.js +3 -1
- package/dist/cjs/components/popover/popoverStandAlone.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +3 -10
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/slider.js +41 -10
- package/dist/cjs/components/slider/slider.js.map +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +2 -2
- package/dist/cjs/components/slider/sliderStandAlone.js.map +1 -1
- package/dist/cjs/components/slider/utils/accessibility.utils.js +29 -29
- package/dist/cjs/components/slider/utils/accessibility.utils.js.map +1 -1
- package/dist/cjs/components/slider/utils/slider.utils.js +121 -38
- package/dist/cjs/components/slider/utils/slider.utils.js.map +1 -1
- package/dist/cjs/components/snackbar/snackbarUnControlled.js +18 -4
- package/dist/cjs/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/cjs/components/table/hooks/useContent.js +2 -2
- package/dist/cjs/components/table/hooks/useContent.js.map +1 -1
- package/dist/cjs/components/tabs/tabs.styled.js +13 -0
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +17 -4
- package/dist/cjs/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/cjs/components/tabs/types/state.js +3 -0
- package/dist/cjs/components/tabs/types/state.js.map +1 -1
- package/dist/cjs/components/tagV2/tagStandAlone.js +1 -1
- package/dist/cjs/components/tagV2/tagStandAlone.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleThreePosition.js +3 -3
- package/dist/cjs/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js +1 -1
- package/dist/cjs/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js +61 -6
- package/dist/cjs/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js +8 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js +5 -2
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/index.js +3 -15
- package/dist/cjs/components/toggleWithLabel/types/index.js.map +1 -1
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.js +7 -0
- package/dist/cjs/components/toggleWithLabel/types/toggleWithLabel.js.map +1 -1
- package/dist/cjs/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/footer/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/footer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/styles.js +109 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/inputDigitSequence/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/oliveMenu/styles.js +5 -0
- package/dist/cjs/designSystem/kubit/components/oliveMenu/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubit/fonts/Digit_Password_Large_Square.ttf +0 -0
- package/dist/cjs/designSystem/kubit/fonts/Digit_Password_Small_Square.ttf +0 -0
- package/dist/cjs/designSystem/kubit/foundations/typography.js +2 -0
- package/dist/cjs/designSystem/kubit/foundations/typography.js.map +1 -1
- package/dist/cjs/designSystem/kubit/globalStyles/font.css +12 -0
- package/dist/cjs/designSystem/kubit/globalStyles/fonts.js +14 -0
- package/dist/cjs/designSystem/kubit/globalStyles/fonts.js.map +1 -1
- package/dist/cjs/hooks/index.js +3 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js +57 -0
- package/dist/cjs/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js.map +1 -0
- package/dist/cjs/hooks/useInput/useInput.js +10 -0
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js +4 -7
- package/dist/cjs/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
- package/dist/cjs/styles/mixins/input.mixin.js +4 -4
- package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
- package/dist/cjs/utils/date/date.js +3 -2
- package/dist/cjs/utils/date/date.js.map +1 -1
- package/dist/cjs/utils/date/formatDate.js +67 -0
- package/dist/cjs/utils/date/formatDate.js.map +1 -0
- package/dist/cjs/utils/date/index.js +2 -1
- package/dist/cjs/utils/date/index.js.map +1 -1
- package/dist/cjs/utils/date/transformDate.js +3 -12
- package/dist/cjs/utils/date/transformDate.js.map +1 -1
- package/dist/cjs/utils/date/validateDate.js +8 -0
- package/dist/cjs/utils/date/validateDate.js.map +1 -0
- package/dist/cjs/utils/focusHandlers/focusHandlers.js +34 -1
- package/dist/cjs/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/esm/components/accordion/accordion.styled.js +2 -1
- package/dist/esm/components/accordion/accordion.styled.js.map +1 -1
- package/dist/esm/components/accordion/types/accordionTheme.d.ts +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/monthSelector.js.map +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js +1 -1
- package/dist/esm/components/calendar/selector/yearSelector/yearSelector.js.map +1 -1
- package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarousel.js.map +1 -1
- package/dist/esm/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/esm/components/checkbox/checkboxStandAlone.js.map +1 -1
- package/dist/esm/components/checkbox/types/checkbox.d.ts +2 -1
- package/dist/esm/components/drawer/drawerStandAlone.js +1 -1
- package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/esm/components/drawer/types/drawer.d.ts +3 -0
- package/dist/esm/components/footer/components/footerSection.d.ts +11 -0
- package/dist/esm/components/footer/components/footerSection.js +18 -0
- package/dist/esm/components/footer/components/footerSection.js.map +1 -0
- package/dist/esm/components/footer/components/index.d.ts +1 -1
- package/dist/esm/components/footer/components/index.js +1 -1
- package/dist/esm/components/footer/footer.styled.d.ts +7 -8
- package/dist/esm/components/footer/footer.styled.js +40 -16
- package/dist/esm/components/footer/footer.styled.js.map +1 -1
- package/dist/esm/components/footer/footerStandAlone.js +52 -39
- package/dist/esm/components/footer/footerStandAlone.js.map +1 -1
- package/dist/esm/components/footer/types/footer.d.ts +17 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/input/components/label.js +3 -3
- package/dist/esm/components/input/components/label.js.map +1 -1
- package/dist/esm/components/input/components/title.js +5 -5
- package/dist/esm/components/input/components/title.js.map +1 -1
- package/dist/esm/components/input/input.styled.d.ts +7 -0
- package/dist/esm/components/input/input.styled.js +9 -0
- package/dist/esm/components/input/input.styled.js.map +1 -1
- package/dist/esm/components/input/inputStandAlone.d.ts +1 -0
- package/dist/esm/components/input/inputStandAlone.js +2 -6
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/inputUnControlled.js +5 -3
- package/dist/esm/components/input/inputUnControlled.js.map +1 -1
- package/dist/esm/components/input/types/input.d.ts +7 -2
- package/dist/esm/components/input/types/input.js +2 -0
- package/dist/esm/components/input/types/input.js.map +1 -1
- package/dist/esm/components/input/types/inputTheme.d.ts +2 -0
- package/dist/esm/components/input/utils/extraStyles.utils.d.ts +1 -1
- package/dist/esm/components/input/utils/extraStyles.utils.js +4 -4
- package/dist/esm/components/input/utils/extraStyles.utils.js.map +1 -1
- package/dist/esm/components/inputCounter/inputCounter.js +5 -3
- package/dist/esm/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/esm/components/inputCurrency/inputCurrency.js +5 -3
- package/dist/esm/components/inputCurrency/inputCurrency.js.map +1 -1
- package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js +5 -1
- package/dist/esm/components/inputCurrency/inputCurrencyStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.d.ts +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +7 -11
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/utils/index.d.ts +0 -1
- package/dist/esm/components/inputDate/utils/index.js +0 -1
- package/dist/esm/components/inputDate/utils/index.js.map +1 -1
- package/dist/esm/components/inputDate/utils/verifyFormat.js +15 -12
- package/dist/esm/components/inputDate/utils/verifyFormat.js.map +1 -1
- package/dist/esm/components/inputDate/utils/verifyYear.d.ts +1 -1
- package/dist/esm/components/inputDate/utils/verifyYear.js +2 -1
- package/dist/esm/components/inputDate/utils/verifyYear.js.map +1 -1
- package/dist/esm/components/inputDigitSequence/components/index.d.ts +3 -0
- package/dist/esm/components/inputDigitSequence/components/index.js +4 -0
- package/dist/esm/components/inputDigitSequence/components/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigit.d.ts +21 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigit.js +20 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigit.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.d.ts +8 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.js +10 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSequenceHelpText.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.d.ts +9 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.js +13 -0
- package/dist/esm/components/inputDigitSequence/components/inputDigitSquenceTooltip.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/hooks/index.d.ts +1 -0
- package/dist/esm/components/inputDigitSequence/hooks/index.js +2 -0
- package/dist/esm/components/inputDigitSequence/hooks/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/hooks/useAnimation.d.ts +11 -0
- package/dist/esm/components/inputDigitSequence/hooks/useAnimation.js +96 -0
- package/dist/esm/components/inputDigitSequence/hooks/useAnimation.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/index.d.ts +2 -0
- package/dist/esm/components/inputDigitSequence/index.js +3 -0
- package/dist/esm/components/inputDigitSequence/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.d.ts +39 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.js +130 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequence.styled.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.d.ts +2 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.js +91 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceControlled.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.d.ts +3 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.js +19 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceStandAlone.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.d.ts +2 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.js +6 -0
- package/dist/esm/components/inputDigitSequence/inputDigitSequenceUncontrolled.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/index.d.ts +3 -0
- package/dist/esm/components/inputDigitSequence/types/index.js +4 -0
- package/dist/esm/components/inputDigitSequence/types/index.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.d.ts +63 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.js +2 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequence.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.d.ts +33 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.js +2 -0
- package/dist/esm/components/inputDigitSequence/types/inputDigitSequenceTheme.js.map +1 -0
- package/dist/esm/components/inputDigitSequence/types/state.d.ts +5 -0
- package/dist/esm/components/inputDigitSequence/types/state.js +7 -0
- package/dist/esm/components/inputDigitSequence/types/state.js.map +1 -0
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +4 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +4 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputPassword/inputPassword.js +5 -3
- package/dist/esm/components/inputPassword/inputPassword.js.map +1 -1
- package/dist/esm/components/inputPhone/inputPhone.js +5 -3
- package/dist/esm/components/inputPhone/inputPhone.js.map +1 -1
- package/dist/esm/components/inputPhone/inputPhoneStandAlone.js +5 -1
- package/dist/esm/components/inputPhone/inputPhoneStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.d.ts +6 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js +9 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js +3 -2
- package/dist/esm/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +1 -2
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js +2 -2
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
- package/dist/esm/components/message/index.d.ts +1 -1
- package/dist/esm/components/message/index.js +1 -1
- package/dist/esm/components/message/index.js.map +1 -1
- package/dist/esm/components/message/message.styled.d.ts +3 -0
- package/dist/esm/components/message/message.styled.js +3 -0
- package/dist/esm/components/message/message.styled.js.map +1 -1
- package/dist/esm/components/message/messageStandAlone.js +3 -3
- package/dist/esm/components/message/messageStandAlone.js.map +1 -1
- package/dist/esm/components/message/types/messageTheme.d.ts +1 -0
- package/dist/esm/components/modal/modalControlled.js +1 -2
- package/dist/esm/components/modal/modalControlled.js.map +1 -1
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.d.ts +1 -0
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.js +4 -2
- package/dist/esm/components/navigationCard/fragments/navigationCardInfo.js.map +1 -1
- package/dist/esm/components/navigationCard/navigationCard.d.ts +2 -2
- package/dist/esm/components/navigationCard/navigationCard.js.map +1 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.d.ts +1 -1
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js +9 -3
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/esm/components/navigationCard/types/navigationCard.d.ts +5 -1
- package/dist/esm/components/oliveMenu/oliveMenu.js +24 -8
- package/dist/esm/components/oliveMenu/oliveMenu.js.map +1 -1
- package/dist/esm/components/oliveMenu/oliveMenu.styled.js +3 -0
- package/dist/esm/components/oliveMenu/oliveMenu.styled.js.map +1 -1
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js +13 -6
- package/dist/esm/components/oliveMenu/oliveMenuStandAlone.js.map +1 -1
- package/dist/esm/components/oliveMenu/types/oliveMenu.d.ts +5 -3
- package/dist/esm/components/oliveMenu/types/oliveMenuTheme.d.ts +1 -0
- package/dist/esm/components/option/optionStandAlone.js +1 -1
- package/dist/esm/components/option/optionStandAlone.js.map +1 -1
- package/dist/esm/components/pillSelector/pillSelectorStandAlone.js +3 -1
- package/dist/esm/components/pillSelector/pillSelectorStandAlone.js.map +1 -1
- package/dist/esm/components/pillSelector/types/pillSelector.d.ts +2 -1
- package/dist/esm/components/popover/popoverStandAlone.js +3 -1
- package/dist/esm/components/popover/popoverStandAlone.js.map +1 -1
- package/dist/esm/components/popover/types/popover.d.ts +1 -0
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.d.ts +19 -17
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButton.d.ts +14 -12
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButtonTheme.d.ts +4 -3
- package/dist/esm/components/slider/components/sliderScaleStandAlone.d.ts +2 -6
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js +3 -10
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js.map +1 -1
- package/dist/esm/components/slider/slider.js +41 -10
- package/dist/esm/components/slider/slider.js.map +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +2 -2
- package/dist/esm/components/slider/sliderStandAlone.js.map +1 -1
- package/dist/esm/components/slider/types/slider.d.ts +3 -3
- package/dist/esm/components/slider/utils/accessibility.utils.d.ts +23 -3
- package/dist/esm/components/slider/utils/accessibility.utils.js +29 -29
- package/dist/esm/components/slider/utils/accessibility.utils.js.map +1 -1
- package/dist/esm/components/slider/utils/slider.utils.d.ts +87 -9
- package/dist/esm/components/slider/utils/slider.utils.js +118 -37
- package/dist/esm/components/slider/utils/slider.utils.js.map +1 -1
- package/dist/esm/components/snackbar/snackbarUnControlled.js +18 -4
- package/dist/esm/components/snackbar/snackbarUnControlled.js.map +1 -1
- package/dist/esm/components/summaryDetails/types/summaryDetails.d.ts +1 -1
- package/dist/esm/components/table/hooks/useContent.js +2 -2
- package/dist/esm/components/table/hooks/useContent.js.map +1 -1
- package/dist/esm/components/tabs/tabs.styled.d.ts +3 -1
- package/dist/esm/components/tabs/tabs.styled.js +13 -0
- package/dist/esm/components/tabs/tabs.styled.js.map +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +17 -4
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/state.d.ts +4 -1
- package/dist/esm/components/tabs/types/state.js +3 -0
- package/dist/esm/components/tabs/types/state.js.map +1 -1
- package/dist/esm/components/tabs/types/tabs.d.ts +2 -0
- package/dist/esm/components/tagV2/tagStandAlone.js +1 -1
- package/dist/esm/components/tagV2/tagStandAlone.js.map +1 -1
- package/dist/esm/components/tagV2/types/tag.d.ts +1 -0
- package/dist/esm/components/toggle/components/toggleThreePosition.js +3 -3
- package/dist/esm/components/toggle/components/toggleThreePosition.js.map +1 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js +1 -1
- package/dist/esm/components/toggle/components/toggleTwoPositions.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.d.ts +4 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.js +39 -4
- package/dist/esm/components/toggleWithLabel/toggleWithLabel.styled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js +8 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelControlled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js +3 -2
- 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 +5 -2
- package/dist/esm/components/toggleWithLabel/toggleWithLabelUncontrolled.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/index.d.ts +2 -1
- package/dist/esm/components/toggleWithLabel/types/index.js +1 -1
- package/dist/esm/components/toggleWithLabel/types/index.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +14 -2
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.js +6 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabelTheme.d.ts +5 -3
- package/dist/esm/components/tooltip/positioning/utils/detectOverflow.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/footer/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/footer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.js +106 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/inputDigitSequence/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/oliveMenu/styles.js +5 -0
- package/dist/esm/designSystem/kubit/components/oliveMenu/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/fonts/Digit_Password_Large_Square.ttf +0 -0
- package/dist/esm/designSystem/kubit/fonts/Digit_Password_Small_Square.ttf +0 -0
- package/dist/esm/designSystem/kubit/foundations/typography.d.ts +2 -0
- package/dist/esm/designSystem/kubit/foundations/typography.js +2 -0
- package/dist/esm/designSystem/kubit/foundations/typography.js.map +1 -1
- package/dist/esm/designSystem/kubit/globalStyles/font.css +12 -0
- package/dist/esm/designSystem/kubit/globalStyles/fonts.js +14 -0
- package/dist/esm/designSystem/kubit/globalStyles/fonts.js.map +1 -1
- package/dist/esm/designSystem/kubit/index.d.ts +4 -0
- package/dist/esm/designSystem/variants.d.ts +1 -1
- package/dist/esm/hooks/index.d.ts +1 -0
- package/dist/esm/hooks/index.js +1 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.d.ts +18 -0
- package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js +30 -0
- package/dist/esm/hooks/useElementBoundingClientRect/useElementBoundingClientRect.js.map +1 -0
- package/dist/esm/hooks/useInput/types/inputHook.d.ts +3 -0
- package/dist/esm/hooks/useInput/useInput.js +10 -0
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useZoomEffect/useZoomEffect.js +4 -7
- package/dist/esm/hooks/useZoomEffect/useZoomEffect.js.map +1 -1
- package/dist/esm/styles/mixins/input.mixin.d.ts +1 -1
- package/dist/esm/styles/mixins/input.mixin.js +4 -4
- package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
- package/dist/esm/utils/date/date.js +3 -2
- package/dist/esm/utils/date/date.js.map +1 -1
- package/dist/esm/utils/date/formatDate.d.ts +3 -0
- package/dist/esm/utils/date/formatDate.js +62 -0
- package/dist/esm/utils/date/formatDate.js.map +1 -0
- package/dist/esm/utils/date/index.d.ts +2 -1
- package/dist/esm/utils/date/index.js +2 -1
- package/dist/esm/utils/date/index.js.map +1 -1
- package/dist/esm/utils/date/transformDate.js +3 -12
- package/dist/esm/utils/date/transformDate.js.map +1 -1
- package/dist/esm/utils/date/validateDate.d.ts +1 -0
- package/dist/esm/utils/date/validateDate.js +4 -0
- package/dist/esm/utils/date/validateDate.js.map +1 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.d.ts +24 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.js +31 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/package.json +33 -33
- package/dist/cjs/components/footer/components/footerContent.js +0 -15
- package/dist/cjs/components/footer/components/footerContent.js.map +0 -1
- package/dist/esm/components/footer/components/footerContent.d.ts +0 -13
- package/dist/esm/components/footer/components/footerContent.js +0 -11
- package/dist/esm/components/footer/components/footerContent.js.map +0 -1
|
@@ -3,5 +3,8 @@ export var TabsStateTypes;
|
|
|
3
3
|
TabsStateTypes["SELECTED"] = "SELECTED";
|
|
4
4
|
TabsStateTypes["UNSELECTED"] = "UNSELECTED";
|
|
5
5
|
TabsStateTypes["EMPTY"] = "EMPTY";
|
|
6
|
+
TabsStateTypes["HOVER"] = "HOVER";
|
|
7
|
+
TabsStateTypes["PRESSED"] = "PRESSED";
|
|
8
|
+
TabsStateTypes["DISABLED"] = "DISABLED";
|
|
6
9
|
})(TabsStateTypes || (TabsStateTypes = {}));
|
|
7
10
|
//# sourceMappingURL=state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/tabs/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/tabs/types/state.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,cAOX;AAPD,WAAY,cAAc;IACxB,uCAAqB,CAAA;IACrB,2CAAyB,CAAA;IACzB,iCAAe,CAAA;IACf,iCAAe,CAAA;IACf,qCAAmB,CAAA;IACnB,uCAAqB,CAAA;AACvB,CAAC,EAPW,cAAc,KAAd,cAAc,QAOzB"}
|
|
@@ -5,6 +5,7 @@ import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
|
|
|
5
5
|
import { TabsVariantStylesType } from './tabsTheme';
|
|
6
6
|
export type PrimaryTabTabType = Omit<IText<string>, 'children'> & {
|
|
7
7
|
content?: ReactNode;
|
|
8
|
+
disabled?: boolean;
|
|
8
9
|
};
|
|
9
10
|
export interface ITabsStandAlone {
|
|
10
11
|
styles: TabsVariantStylesType;
|
|
@@ -23,6 +24,7 @@ export interface ITabsStandAlone {
|
|
|
23
24
|
hideLabelForSingleTab?: boolean;
|
|
24
25
|
dataTestId?: string;
|
|
25
26
|
onSelectTab?: (tab: number) => void;
|
|
27
|
+
unMountContent?: boolean;
|
|
26
28
|
}
|
|
27
29
|
export interface ITabsControlled<V = undefined extends string ? unknown : string> extends Omit<ITabsStandAlone, 'styles' | 'device'>, Omit<CustomTokenTypes<TabsVariantStylesType>, 'cts' | 'extraCt'> {
|
|
28
30
|
variant: V;
|
|
@@ -7,7 +7,7 @@ import { pickAriaProps } from '../../utils/aria/aria';
|
|
|
7
7
|
import { TagContainerStyled } from './tag.styled';
|
|
8
8
|
const TagStandAloneComponent = ({ dataTestId = 'tag', ...props }, ref) => {
|
|
9
9
|
const ariaProps = pickAriaProps(props);
|
|
10
|
-
return (_jsxs(TagContainerStyled, { ref: ref, "data-testid": dataTestId, styles: props.styles, ...ariaProps, children: [_jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.icon }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.label, ...props.label, children: props.label?.content })] }));
|
|
10
|
+
return (_jsxs(TagContainerStyled, { ref: ref, as: props.component, "data-testid": dataTestId, styles: props.styles, ...ariaProps, children: [_jsx(ElementOrIcon, { customIconStyles: props.styles.icon, ...props.icon }), _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.label, ...props.label, children: props.label?.content })] }));
|
|
11
11
|
};
|
|
12
12
|
/**
|
|
13
13
|
* @description
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tagStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tagV2/tagStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,MAAM,sBAAsB,GAAG,CAC7B,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,EAAkB,EAChD,GAA0D,EAC7C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,MAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"tagStandAlone.js","sourceRoot":"","sources":["../../../../src/components/tagV2/tagStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAGlD,MAAM,sBAAsB,GAAG,CAC7B,EAAE,UAAU,GAAG,KAAK,EAAE,GAAG,KAAK,EAAkB,EAChD,GAA0D,EAC7C,EAAE;IACf,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,OAAO,CACL,MAAC,kBAAkB,IACjB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,SAAS,iBACN,UAAU,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,KAChB,SAAS,aAEb,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,KAAM,KAAK,CAAC,IAAI,GAAI,EACtE,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,KAChC,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,IACY,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,CAAC"}
|
|
@@ -14,8 +14,8 @@ const ToggleThreePositionComponent = ({ inputValues = {
|
|
|
14
14
|
const getScreenReaderText = (position) => position === POSITIONS.CENTER
|
|
15
15
|
? inputValues.centerInputValue
|
|
16
16
|
: position === POSITIONS.RIGHT
|
|
17
|
-
? inputValues.rightInputValue ?? props.onIcon?.altText
|
|
18
|
-
: inputValues.leftInputValue ?? props.offIcon?.altText;
|
|
17
|
+
? (inputValues.rightInputValue ?? props.onIcon?.altText)
|
|
18
|
+
: (inputValues.leftInputValue ?? props.offIcon?.altText);
|
|
19
19
|
const buildTextOrIcon = (position) => {
|
|
20
20
|
return (_jsx(_Fragment, { children: position === POSITIONS.CENTER
|
|
21
21
|
? inputValues.centerInputValue
|
|
@@ -44,7 +44,7 @@ const ToggleThreePositionComponent = ({ inputValues = {
|
|
|
44
44
|
: props.styles?.labelWithIcons?.font_variant, weight: props.styles?.label?.font_weight, children: buildTextOrIcon(position) }) })] }));
|
|
45
45
|
};
|
|
46
46
|
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, dataTestId: `${props.dataTestId}OffLabel`, 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, dataTestId: `${props.dataTestId}OnLabel`, variant: props.styles?.label?.font_variant, weight: props.styles?.label?.font_weight, children: props.onText?.content }) }))] }));
|
|
47
|
-
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": props.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 => {
|
|
47
|
+
return (_jsxs(ToggleWrapperStyled, { ref: ref, "aria-label": props['aria-label'], "data-testid": props.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 => {
|
|
48
48
|
e.persist();
|
|
49
49
|
props.onKeyDown?.(e);
|
|
50
50
|
}, 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": `${props.dataTestId}Thumb`, hasThreePositions: props.hasThreePositions, styles: props.styles, togglePosition: props.togglePosition })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAExD,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,uBAAuB,EACvB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,4BAA4B,GAAG,CACnC,EACE,WAAW,GAAG;IACZ,eAAe,EAAE,WAAW;IAC5B,gBAAgB,EAAE,uBAAuB;IACzC,cAAc,EAAE,YAAY;CAC7B,EACD,qBAAqB,GAAG,eAAe,EACvC,WAAW,GAAG,KAAK,EACnB,GAAG,KAAK,EACa,EACvB,GAA0D,EAC7C,EAAE;IACf,MAAM,mBAAmB,GAAG,CAAC,QAAmB,EAAE,EAAE,CAClD,QAAQ,KAAK,SAAS,CAAC,MAAM;QAC3B,CAAC,CAAC,WAAW,CAAC,gBAAgB;QAC9B,CAAC,CAAC,QAAQ,KAAK,SAAS,CAAC,KAAK;YAC5B,CAAC,CAAC,WAAW,CAAC,eAAe,IAAI,KAAK,CAAC,MAAM,EAAE,OAAO;
|
|
1
|
+
{"version":3,"file":"toggleThreePosition.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleThreePosition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ const ToggleTwoPositionComponent = ({ ...props }, ref) => {
|
|
|
11
11
|
const buildContent = (position) => {
|
|
12
12
|
return (_jsxs(_Fragment, { children: [_jsx(ToggleSpanSwitchStyled, { "$height": props.styles?.thumb?.height, "$width": props.styles?.thumb?.width }), _jsx(IconWrapperStyled, { "data-testid": `${props.dataTestId}${position === POSITIONS.RIGHT ? 'On' : 'Off'}Option`, hasThreePositions: props.hasThreePositions, showLabel: position === props.togglePosition, styles: props.styles, togglePosition: props.togglePosition, children: buildTextOrIcon(position) })] }));
|
|
13
13
|
};
|
|
14
|
-
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": props.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 => {
|
|
14
|
+
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": props.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 => {
|
|
15
15
|
e.persist();
|
|
16
16
|
const newPosition = props.togglePosition === POSITIONS.RIGHT ? POSITIONS.LEFT : POSITIONS.RIGHT;
|
|
17
17
|
props.onClick?.(newPosition, e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAE3C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,GACpB,MAAM,kBAAkB,CAAC;AAK1B,MAAM,0BAA0B,GAAG,CACjC,EAAE,GAAG,KAAK,EAAsB,EAChC,GAA0D,EAC7C,EAAE;IACf,MAAM,eAAe,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC9C,MAAM,IAAI,GAAG,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;QACzE,OAAO,KAAC,aAAa,IAAC,gBAAgB,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,KAAM,IAAI,GAAI,CAAC;IAC3E,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,QAAmB,EAAE,EAAE;QAC3C,OAAO,CACL,8BACE,KAAC,sBAAsB,eACZ,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,YAC5B,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,GAClC,EACF,KAAC,iBAAiB,mBACH,GAAG,KAAK,CAAC,UAAU,GAAG,QAAQ,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,EACtF,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,SAAS,EAAE,QAAQ,KAAK,KAAK,CAAC,cAAc,EAC5C,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,cAAc,EAAE,KAAK,CAAC,cAAc,YAEnC,eAAe,CAAC,QAAQ,CAAC,GACR,IACnB,CACJ,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,mBAAmB,IAClB,GAAG,EAAE,GAAG,kBACM,KAAK,CAAC,cAAc,KAAK,SAAS,CAAC,KAAK,sBACpC,KAAK,CAAC,kBAAkB,CAAC,gBAC/B,KAAK,CAAC,YAAY,CAAC,qBACd,KAAK,CAAC,iBAAiB,CAAC,iBAC5B,KAAK,CAAC,UAAU,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,IAAI,EAAE,KAAK,CAAC,MAAM,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,QAAQ,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"toggleTwoPositions.js","sourceRoot":"","sources":["../../../../../src/components/toggle/components/toggleTwoPositions.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
export declare const ToggleWithLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, IToggleWithLabelStyled
|
|
1
|
+
import { IToggleWithLabelStyled, LABEL_POSITION } from './types';
|
|
2
|
+
export declare const ToggleWithLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, IToggleWithLabelStyled & {
|
|
3
|
+
labelPosition?: LABEL_POSITION;
|
|
4
|
+
}>> & string;
|
|
@@ -1,15 +1,50 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
1
|
+
import styled, { css } from 'styled-components';
|
|
2
2
|
import { getStyles, getTypographyStyles } from '../../utils';
|
|
3
|
+
import { LABEL_POSITION } from './types';
|
|
4
|
+
const getLabelPositionStyles = (labelPosition) => {
|
|
5
|
+
if (labelPosition === LABEL_POSITION.LEFT) {
|
|
6
|
+
return css `
|
|
7
|
+
flex-direction: row;
|
|
8
|
+
`;
|
|
9
|
+
}
|
|
10
|
+
else if (labelPosition === LABEL_POSITION.RIGHT) {
|
|
11
|
+
return css `
|
|
12
|
+
flex-direction: row-reverse;
|
|
13
|
+
`;
|
|
14
|
+
}
|
|
15
|
+
return css `
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
`;
|
|
18
|
+
};
|
|
19
|
+
const getLegendStyles = (labelPosition) => {
|
|
20
|
+
if (labelPosition !== LABEL_POSITION.TOP) {
|
|
21
|
+
return css `
|
|
22
|
+
display: contents;
|
|
23
|
+
`;
|
|
24
|
+
}
|
|
25
|
+
return css ``;
|
|
26
|
+
};
|
|
27
|
+
/* deprecated - deleted displayRowStyles when the 'displayRow' prop is removed */
|
|
28
|
+
const displayRowStyles = (styles, displayRow) => {
|
|
29
|
+
return (displayRow &&
|
|
30
|
+
css `
|
|
31
|
+
${displayRow && getStyles(styles)};
|
|
32
|
+
${displayRow && getTypographyStyles(styles)};
|
|
33
|
+
`);
|
|
34
|
+
};
|
|
3
35
|
export const ToggleWithLabelStyled = styled.fieldset `
|
|
4
36
|
${({ styles }) => getStyles(styles?.container)};
|
|
5
37
|
${({ styles }) => getTypographyStyles(styles?.container)};
|
|
6
38
|
|
|
7
|
-
${({ styles, displayRow }) =>
|
|
8
|
-
|
|
39
|
+
${({ styles, displayRow, labelPosition }) => labelPosition
|
|
40
|
+
? getLabelPositionStyles(labelPosition)
|
|
41
|
+
: displayRowStyles(styles?.rowContainer, displayRow)};
|
|
9
42
|
|
|
10
43
|
legend {
|
|
11
44
|
${({ styles }) => getStyles(styles?.legendContainer)};
|
|
12
|
-
${({ styles, displayRow }) =>
|
|
45
|
+
${({ styles, displayRow, labelPosition }) => labelPosition
|
|
46
|
+
? getLegendStyles(labelPosition)
|
|
47
|
+
: displayRowStyles(styles?.rowLegendContainer, displayRow)};
|
|
13
48
|
}
|
|
14
49
|
`;
|
|
15
50
|
//# sourceMappingURL=toggleWithLabel.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabel.styled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabel.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"toggleWithLabel.styled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabel.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEzD,OAAO,EAA0B,cAAc,EAAE,MAAM,SAAS,CAAC;AAEjE,MAAM,sBAAsB,GAAG,CAAC,aAA6B,EAAE,EAAE;IAC/D,IAAI,aAAa,KAAK,cAAc,CAAC,IAAI,EAAE,CAAC;QAC1C,OAAO,GAAG,CAAA;;KAET,CAAC;IACJ,CAAC;SAAM,IAAI,aAAa,KAAK,cAAc,CAAC,KAAK,EAAE,CAAC;QAClD,OAAO,GAAG,CAAA;;KAET,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAA;;GAET,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,aAA6B,EAAE,EAAE;IACxD,IAAI,aAAa,KAAK,cAAc,CAAC,GAAG,EAAE,CAAC;QACzC,OAAO,GAAG,CAAA;;KAET,CAAC;IACJ,CAAC;IACD,OAAO,GAAG,CAAA,EAAE,CAAC;AACf,CAAC,CAAC;AAEF,iFAAiF;AACjF,MAAM,gBAAgB,GAAG,CAAC,MAAM,EAAE,UAAoB,EAAE,EAAE;IACxD,OAAO,CACL,UAAU;QACV,GAAG,CAAA;QACC,UAAU,IAAI,SAAS,CAAC,MAAM,CAAC;QAC/B,UAAU,IAAI,mBAAmB,CAAC,MAAM,CAAC;KAC5C,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,CAEnD;IACG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,mBAAmB,CAAC,MAAM,EAAE,SAAS,CAAC;;IAEtD,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE,CAC1C,aAAa;IACX,CAAC,CAAC,sBAAsB,CAAC,aAAa,CAAC;IACvC,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC;;;MAGpD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,eAAe,CAAC;MAClD,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,EAAE,CAC1C,aAAa;IACX,CAAC,CAAC,eAAe,CAAC,aAAa,CAAC;IAChC,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAAE,kBAAkB,EAAE,UAAU,CAAC;;CAEjE,CAAC"}
|
|
@@ -6,7 +6,14 @@ import { ToggleWithLabelStandAlone } from './toggleWithLabelStandAlone';
|
|
|
6
6
|
const TOGGLE_WITH_LABEL_STYLES = 'TOGGLE_WITH_LABEL_STYLES';
|
|
7
7
|
const ToggleWithLabelControlledComponent = React.forwardRef(({ variant, ctv, ...props }, ref) => {
|
|
8
8
|
const styles = useStyles(TOGGLE_WITH_LABEL_STYLES, variant, ctv);
|
|
9
|
-
|
|
9
|
+
const toggleRef = React.useRef(null);
|
|
10
|
+
const handleClick = () => {
|
|
11
|
+
if (toggleRef.current) {
|
|
12
|
+
toggleRef.current.focus();
|
|
13
|
+
toggleRef.current.click();
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
return (_jsx(ToggleWithLabelStandAlone, { ref: ref, styles: styles, toggleRef: toggleRef, onClick: handleClick, ...props }));
|
|
10
17
|
});
|
|
11
18
|
ToggleWithLabelControlledComponent.displayName = 'ToggleWithLabelControlledComponent';
|
|
12
19
|
const ToggleWithLabelBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(ToggleWithLabelStandAlone, { ...props, ref: ref }) }), children: _jsx(ToggleWithLabelControlledComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelControlled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAE5D,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8B,EACtD,GAA+D,EAClD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAAgC,wBAAwB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAEhG,OAAO,KAAC,yBAAyB,
|
|
1
|
+
{"version":3,"file":"toggleWithLabelControlled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAIxE,MAAM,wBAAwB,GAAG,0BAA0B,CAAC;AAE5D,MAAM,kCAAkC,GAAG,KAAK,CAAC,UAAU,CACzD,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAA8B,EACtD,GAA+D,EAClD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CAAgC,wBAAwB,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;IAEhG,MAAM,SAAS,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEvD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC1B,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,KAChB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,kCAAkC,CAAC,WAAW,GAAG,oCAAoC,CAAC;AAEtF,MAAM,uBAAuB,GAAG,CAC9B,KAAiC,EACjC,GAA+D,EAClD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OACnB,KAA+C,EACpD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,kCAAkC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7C,CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC"}
|
|
@@ -6,12 +6,13 @@ import { TextComponentType } from '../../components/text/types';
|
|
|
6
6
|
import { Toggle } from '../../components/toggle';
|
|
7
7
|
import { useId } from '../../hooks';
|
|
8
8
|
import { ToggleWithLabelStyled } from './toggleWithLabel.styled';
|
|
9
|
-
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, ...props }, ref) => {
|
|
9
|
+
const ToggleWithLabelStandAloneComponent = ({ screenReaderText, id, displayRow, styles, label, required, requiredSymbol, textVariant, toggleVariant, labelPosition, ...props }, ref) => {
|
|
10
10
|
const uniqueId = useId('toggle');
|
|
11
11
|
const toggleId = id ?? uniqueId;
|
|
12
12
|
const screenReaderId = `${uniqueId}ScreenReader`;
|
|
13
13
|
const labelId = `${uniqueId}Label`;
|
|
14
|
-
|
|
14
|
+
const legendStyles = props.disabled && styles?.legend?.disabled ? styles?.legend?.disabled : styles?.legend;
|
|
15
|
+
return (_jsxs(ToggleWithLabelStyled, { ref: ref, as: label ? 'fieldset' : 'div', displayRow: displayRow, labelPosition: labelPosition, styles: styles, onClick: props.onClick, children: [label && (_jsxs(Text, { component: TextComponentType.LEGEND, customTypography: legendStyles, dataTestId: `${props.dataTestId}Label`, id: labelId, variant: textVariant ?? styles?.legend?.font_variant, ...label, children: [label.content, required && (_jsx(Text, { "aria-hidden": true, color: styles?.required?.color, component: TextComponentType.SPAN, dataTestId: `${props.dataTestId}Required`, variant: styles?.required?.font_variant, weight: styles?.required?.font_weight, ...requiredSymbol, children: requiredSymbol?.content }))] })), _jsx(Toggle, { ...props, ref: props.toggleRef, "aria-describedby": labelId, id: toggleId, screenReaderId: screenReaderId, variant: toggleVariant }), _jsx(ScreenReaderOnly, { dataTestId: `${props.dataTestId}ScreenReader`, id: screenReaderId, children: screenReaderText })] }));
|
|
15
16
|
};
|
|
16
17
|
export const ToggleWithLabelStandAlone = React.forwardRef(ToggleWithLabelStandAloneComponent);
|
|
17
18
|
//# sourceMappingURL=toggleWithLabelStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,
|
|
1
|
+
{"version":3,"file":"toggleWithLabelStandAlone.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,MAAM,kCAAkC,GAAG,CACzC,EACE,gBAAgB,EAChB,EAAE,EACF,UAAU,EACV,MAAM,EACN,KAAK,EACL,QAAQ,EACR,cAAc,EACd,WAAW,EACX,aAAa,EACb,aAAa,EACb,GAAG,KAAK,EACmB,EAC7B,GAA+D,EAClD,EAAE;IACf,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IACjC,MAAM,QAAQ,GAAG,EAAE,IAAI,QAAQ,CAAC;IAChC,MAAM,cAAc,GAAG,GAAG,QAAQ,cAAc,CAAC;IACjD,MAAM,OAAO,GAAG,GAAG,QAAQ,OAAO,CAAC;IAEnC,MAAM,YAAY,GAChB,KAAK,CAAC,QAAQ,IAAI,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC;IAEzF,OAAO,CACL,MAAC,qBAAqB,IACpB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,EAC9B,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,KAAK,CAAC,OAAO,aAErB,KAAK,IAAI,CACR,MAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,MAAM,EACnC,gBAAgB,EAAE,YAAY,EAC9B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,EACtC,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,EAAE,YAAY,KAChD,KAAK,aAER,KAAK,CAAC,OAAO,EACb,QAAQ,IAAI,CACX,KAAC,IAAI,mBACU,IAAI,EACjB,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAC9B,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,UAAU,EACzC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,YAAY,EACvC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,WAAW,KACjC,cAAc,YAEjB,cAAc,EAAE,OAAO,GACnB,CACR,IACI,CACR,EACD,KAAC,MAAM,OACD,KAAK,EACT,GAAG,EAAE,KAAK,CAAC,SAAS,sBACF,OAAO,EACzB,EAAE,EAAE,QAAQ,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,aAAa,GACtB,EACF,KAAC,gBAAgB,IAAC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,cAAc,EAAE,EAAE,EAAE,cAAc,YAChF,gBAAgB,GACA,IACG,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import type
|
|
2
|
+
import { type IToggleWithLabel } from './types';
|
|
3
3
|
export declare const ToggleWithLabelUncontrolled: React.ForwardRefExoticComponent<IToggleWithLabel & React.RefAttributes<HTMLFieldSetElement>>;
|
|
@@ -2,11 +2,14 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { POSITIONS } from '../../types/positions';
|
|
4
4
|
import { ToggleWithLabelControlled } from './toggleWithLabelControlled';
|
|
5
|
+
import { LABEL_POSITION } from './types';
|
|
5
6
|
const THREE_POSITION_TOGGLE = 'YES_NO';
|
|
6
7
|
const ToggleWithLabelUncontrolledComponent = ({ toggleVariant, defaultTogglePosition = toggleVariant !== THREE_POSITION_TOGGLE
|
|
7
8
|
? POSITIONS.LEFT
|
|
8
|
-
: POSITIONS.CENTER,
|
|
9
|
-
|
|
9
|
+
: POSITIONS.CENTER, displayRow,
|
|
10
|
+
/* deprecated - deleted condition when the 'displayRow' prop is removed */
|
|
11
|
+
labelPosition = displayRow === undefined ? LABEL_POSITION.LEFT : undefined, ...props }, ref) => {
|
|
12
|
+
return (_jsx(ToggleWithLabelControlled, { ref: ref, defaultTogglePosition: defaultTogglePosition, labelPosition: labelPosition, toggleVariant: toggleVariant, ...props }));
|
|
10
13
|
};
|
|
11
14
|
export const ToggleWithLabelUncontrolled = React.forwardRef(ToggleWithLabelUncontrolledComponent);
|
|
12
15
|
//# sourceMappingURL=toggleWithLabelUncontrolled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabelUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelUncontrolled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"toggleWithLabelUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/toggleWithLabel/toggleWithLabelUncontrolled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAyB,cAAc,EAAE,MAAM,SAAS,CAAC;AAEhE,MAAM,qBAAqB,GAAG,QAAQ,CAAC;AAEvC,MAAM,oCAAoC,GAAG,CAC3C,EACE,aAAa,EACb,qBAAqB,GAAG,aAAa,KAAK,qBAAqB;IAC7D,CAAC,CAAC,SAAS,CAAC,IAAI;IAChB,CAAC,CAAC,SAAS,CAAC,MAAM,EACpB,UAAU;AACV,0EAA0E;AAC1E,aAAa,GAAG,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC1E,GAAG,KAAK,EACS,EACnB,GAA+D,EAClD,EAAE;IACf,OAAO,CACL,KAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,qBAAqB,EAAE,qBAAqB,EAC5C,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,KACxB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAAC,oCAAoC,CAAC,CAAC"}
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { LABEL_POSITION } from './toggleWithLabel';
|
|
2
|
+
export type { IToggleWithLabelStyled, ToggleLabelType, ToggleRequiredSymbolType, IToggleWithLabelStandAlone, IToggleWithLabelControlled, IToggleWithLabel, } from './toggleWithLabel';
|
|
2
3
|
export type { ToggleWithLabelStylePropsType, ToggleWithLabelStylesType, } from './toggleWithLabelTheme';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
1
|
+
export { LABEL_POSITION } from './toggleWithLabel';
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/toggleWithLabel/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/toggleWithLabel/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -2,6 +2,11 @@ import { IText } from '../../../components/text';
|
|
|
2
2
|
import { IToggleUnControlled } from '../../../components/toggle/types';
|
|
3
3
|
import { CustomTokenTypes } from '../../../types';
|
|
4
4
|
import { ToggleWithLabelStylePropsType } from './toggleWithLabelTheme';
|
|
5
|
+
export declare enum LABEL_POSITION {
|
|
6
|
+
LEFT = "LEFT",
|
|
7
|
+
RIGHT = "RIGHT",
|
|
8
|
+
TOP = "TOP"
|
|
9
|
+
}
|
|
5
10
|
export interface IToggleWithLabelStyled {
|
|
6
11
|
styles?: ToggleWithLabelStylePropsType;
|
|
7
12
|
displayRow?: boolean;
|
|
@@ -14,17 +19,24 @@ export type ToggleRequiredSymbolType = Omit<IText<string>, 'children'> & {
|
|
|
14
19
|
};
|
|
15
20
|
type propsToOmit = 'variant' | 'aria-describedby' | 'screenReaderId' | 'ctv' | 'cts' | 'extraCt';
|
|
16
21
|
export interface IToggleWithLabelStandAlone extends Omit<IToggleUnControlled, propsToOmit> {
|
|
17
|
-
label
|
|
22
|
+
label?: ToggleLabelType;
|
|
18
23
|
styles?: ToggleWithLabelStylePropsType;
|
|
19
24
|
requiredSymbol?: ToggleRequiredSymbolType;
|
|
20
25
|
required: boolean;
|
|
21
26
|
name?: string;
|
|
22
27
|
toggleVariant: string;
|
|
28
|
+
/**
|
|
29
|
+
* @deprecated `displayRow` will be removed. Use 'labelPosition` instead
|
|
30
|
+
*/
|
|
23
31
|
displayRow?: boolean;
|
|
32
|
+
labelPosition?: LABEL_POSITION;
|
|
24
33
|
textVariant?: string;
|
|
25
34
|
screenReaderText?: string;
|
|
35
|
+
toggleRef?: React.ForwardedRef<HTMLInputElement> | undefined | null;
|
|
36
|
+
onClick?: (event: React.MouseEvent<HTMLFieldSetElement>) => void;
|
|
26
37
|
}
|
|
27
|
-
|
|
38
|
+
type propsToOmitStandAlone = 'styles' | 'toggleRef' | 'onClick';
|
|
39
|
+
export interface IToggleWithLabelControlled<V = undefined extends string ? unknown : string> extends Omit<IToggleWithLabelStandAlone, propsToOmitStandAlone>, Omit<CustomTokenTypes<ToggleWithLabelStylePropsType>, 'cts' | 'extraCt'> {
|
|
28
40
|
variant: V;
|
|
29
41
|
}
|
|
30
42
|
export type IToggleWithLabel = IToggleWithLabelControlled;
|
|
@@ -1,2 +1,7 @@
|
|
|
1
|
-
export
|
|
1
|
+
export var LABEL_POSITION;
|
|
2
|
+
(function (LABEL_POSITION) {
|
|
3
|
+
LABEL_POSITION["LEFT"] = "LEFT";
|
|
4
|
+
LABEL_POSITION["RIGHT"] = "RIGHT";
|
|
5
|
+
LABEL_POSITION["TOP"] = "TOP";
|
|
6
|
+
})(LABEL_POSITION || (LABEL_POSITION = {}));
|
|
2
7
|
//# sourceMappingURL=toggleWithLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggleWithLabel.js","sourceRoot":"","sources":["../../../../../src/components/toggleWithLabel/types/toggleWithLabel.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"toggleWithLabel.js","sourceRoot":"","sources":["../../../../../src/components/toggleWithLabel/types/toggleWithLabel.ts"],"names":[],"mappings":"AAMA,MAAM,CAAN,IAAY,cAIX;AAJD,WAAY,cAAc;IACxB,+BAAqB,CAAA;IACrB,iCAAuB,CAAA;IACvB,6BAAmB,CAAA;AACrB,CAAC,EAJW,cAAc,KAAd,cAAc,QAIzB"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { CommonStyleType, TypographyTypes } from '../../../types';
|
|
1
|
+
import { CommonStyleType, PointerTypes, TypographyTypes } from '../../../types';
|
|
2
2
|
export type ToggleWithLabelStylePropsType = {
|
|
3
|
-
container?: CommonStyleType & TypographyTypes;
|
|
3
|
+
container?: CommonStyleType & TypographyTypes & PointerTypes;
|
|
4
4
|
legendContainer?: CommonStyleType;
|
|
5
5
|
rowContainer?: CommonStyleType & TypographyTypes;
|
|
6
6
|
rowLegendContainer?: CommonStyleType;
|
|
7
|
-
legend?: TypographyTypes
|
|
7
|
+
legend?: TypographyTypes & {
|
|
8
|
+
disabled?: TypographyTypes;
|
|
9
|
+
};
|
|
8
10
|
required?: TypographyTypes;
|
|
9
11
|
};
|
|
10
12
|
export type ToggleWithLabelStylesType<P extends string | number | symbol> = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"detectOverflow.js","sourceRoot":"","sources":["../../../../../../src/components/tooltip/positioning/utils/detectOverflow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qDAAqD,EAAE,MAAM,yDAAyD,CAAC;AAChI,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAsB,EACtB,UAA0C,EAAE,EAChC,EAAE;IACd,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,EACJ,QAAQ,GAAG,mBAAmB,EAC9B,YAAY,GAAG,UAAU,EACzB,cAAc,GAAG,UAAU,EAC3B,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,CAAC,GACZ,GAAG,OAAO,CAAC;IAEZ,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5E,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,eAAe,CAAC;QACd,OAAO,EACL,
|
|
1
|
+
{"version":3,"file":"detectOverflow.js","sourceRoot":"","sources":["../../../../../../src/components/tooltip/positioning/utils/detectOverflow.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qDAAqD,EAAE,MAAM,yDAAyD,CAAC;AAChI,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,KAAsB,EACtB,UAA0C,EAAE,EAChC,EAAE;IACd,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAElD,MAAM,EACJ,QAAQ,GAAG,mBAAmB,EAC9B,YAAY,GAAG,UAAU,EACzB,cAAc,GAAG,UAAU,EAC3B,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,CAAC,GACZ,GAAG,OAAO,CAAC;IAEZ,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,CAAC,CAAC;IACxD,MAAM,UAAU,GAAG,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC;IAC5E,MAAM,OAAO,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IAEpE,MAAM,kBAAkB,GAAG,gBAAgB,CACzC,eAAe,CAAC;QACd,OAAO,EACL,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,IAAI,CAAC;YAC1B,CAAC,CAAE,OAAmB;YACtB,CAAC,CAAE,OAA0B,CAAC,cAAc,IAAI,MAAM,CAAC,QAAQ,CAAC,eAAe;QACnF,QAAQ;QACR,YAAY;QACZ,QAAQ;KACT,CAAC,CACH,CAAC;IAEF,MAAM,IAAI,GAAG,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC;IAE3F,MAAM,YAAY,GAAG,eAAe,CAAC,QAAQ,CAAC,QAAmB,CAAC,CAAC;IAEnE,MAAM,iBAAiB,GAAG,gBAAgB,CACxC,qDAAqD,CAAC;QACpD,IAAI;QACJ,YAAY;QACZ,QAAQ;KACT,CAAC,CACH,CAAC;IAEF,OAAO;QACL,GAAG,EAAE,kBAAkB,CAAC,GAAG,GAAG,iBAAiB,CAAC,GAAG,GAAG,aAAa,CAAC,GAAG;QACvE,MAAM,EAAE,iBAAiB,CAAC,MAAM,GAAG,kBAAkB,CAAC,MAAM,GAAG,aAAa,CAAC,MAAM;QACnF,IAAI,EAAE,kBAAkB,CAAC,IAAI,GAAG,iBAAiB,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI;QAC3E,KAAK,EAAE,iBAAiB,CAAC,KAAK,GAAG,kBAAkB,CAAC,KAAK,GAAG,aAAa,CAAC,KAAK;KAChF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/footer/styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/footer/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/inputDigitSequence/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { InputDigitSequenceStateType, } from '../../../../components/inputDigitSequence/types';
|
|
2
|
+
import { DeviceBreakpointsType } from '../../../../types';
|
|
3
|
+
import { BORDERS, COLORS, FONT_FAMILY, FONT_WEIGHT, PARAGRAPH, SIZES, SPACINGS, } from '../../foundations';
|
|
4
|
+
import { ButtonSizeType } from '../button';
|
|
5
|
+
import { TextVariantType } from '../text';
|
|
6
|
+
import { InputDigitSequenceVariant } from './variants';
|
|
7
|
+
const commonProps = {
|
|
8
|
+
rootContainer: {
|
|
9
|
+
row_gap: SPACINGS.spacing_150,
|
|
10
|
+
},
|
|
11
|
+
titleTooltipContainer: {
|
|
12
|
+
display: 'flex',
|
|
13
|
+
flex_direction: 'row',
|
|
14
|
+
align_items: 'center',
|
|
15
|
+
gap: SPACINGS.spacing_100,
|
|
16
|
+
},
|
|
17
|
+
title: {
|
|
18
|
+
font_variant: TextVariantType.PARAGRAPH_MEDIUM_EXPANDED,
|
|
19
|
+
font_weight: FONT_WEIGHT.font_weight_600,
|
|
20
|
+
color: COLORS.NEUTRAL.color_neutral_font_50,
|
|
21
|
+
},
|
|
22
|
+
inputDigitsContainer: {
|
|
23
|
+
column_gap: SPACINGS.spacing_150,
|
|
24
|
+
},
|
|
25
|
+
inputDigitContainer: {
|
|
26
|
+
opacity: '1',
|
|
27
|
+
background_color: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
28
|
+
padding: `${SPACINGS.spacing_150} ${SPACINGS.spacing_0}`,
|
|
29
|
+
width: SPACINGS.spacing_100_percent,
|
|
30
|
+
max_width: SPACINGS.spacing_100_percent,
|
|
31
|
+
min_width: SPACINGS.spacing_100_percent,
|
|
32
|
+
height: SPACINGS.spacing_500,
|
|
33
|
+
border_width: BORDERS.border_50,
|
|
34
|
+
border_color: COLORS.NEUTRAL.color_neutral_border_50,
|
|
35
|
+
},
|
|
36
|
+
inputDigitContainerError: {
|
|
37
|
+
border_color: COLORS.FEEDBACK.color_feedbackError_border_100,
|
|
38
|
+
},
|
|
39
|
+
inputDigitContainerfocus: {
|
|
40
|
+
border_width: BORDERS.border_100,
|
|
41
|
+
},
|
|
42
|
+
inputDigitAndNumberContainer: {
|
|
43
|
+
width: SPACINGS.spacing_100_percent,
|
|
44
|
+
row_gap: SPACINGS.spacing_150,
|
|
45
|
+
},
|
|
46
|
+
inputDigitText: {
|
|
47
|
+
font_size: PARAGRAPH.SMALL[DeviceBreakpointsType.DESKTOP].font_size,
|
|
48
|
+
line_height: PARAGRAPH.SMALL[DeviceBreakpointsType.DESKTOP].line_height,
|
|
49
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
50
|
+
color: COLORS.NEUTRAL.color_neutral_font_50,
|
|
51
|
+
},
|
|
52
|
+
inputNumber: {
|
|
53
|
+
font_variant: TextVariantType.PARAGRAPH_CAPTION_EXPANDED,
|
|
54
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
55
|
+
color: COLORS.NEUTRAL.color_neutral_font_100,
|
|
56
|
+
},
|
|
57
|
+
inputDigitTextTypePassword: {
|
|
58
|
+
font_family: FONT_FAMILY.font_family_digit_password_small_square,
|
|
59
|
+
},
|
|
60
|
+
errorContainer: {
|
|
61
|
+
gap: SPACINGS.spacing_100,
|
|
62
|
+
},
|
|
63
|
+
errorText: {
|
|
64
|
+
font_variant: TextVariantType.PARAGRAPH_CAPTION_EXPANDED,
|
|
65
|
+
font_weight: FONT_WEIGHT.font_weight_400,
|
|
66
|
+
color: COLORS.FEEDBACK.color_feedbackError_font_50,
|
|
67
|
+
},
|
|
68
|
+
errorIcon: {
|
|
69
|
+
width: SIZES.size_150,
|
|
70
|
+
height: SIZES.size_150,
|
|
71
|
+
color: COLORS.FEEDBACK.color_feedbackError_icon_100,
|
|
72
|
+
},
|
|
73
|
+
helpText: {
|
|
74
|
+
font_variant: TextVariantType.PARAGRAPH_CAPTION_EXPANDED,
|
|
75
|
+
font_weight: FONT_WEIGHT.font_weight_300,
|
|
76
|
+
color: COLORS.NEUTRAL.color_neutral_font_100,
|
|
77
|
+
},
|
|
78
|
+
actionButtonSize: ButtonSizeType.SMALL,
|
|
79
|
+
};
|
|
80
|
+
export const INPUT_DIGIT_SEQUENCE_STYLES = {
|
|
81
|
+
[InputDigitSequenceVariant.DEFAULT]: {
|
|
82
|
+
[InputDigitSequenceStateType.DEFAULT]: {
|
|
83
|
+
...commonProps,
|
|
84
|
+
},
|
|
85
|
+
[InputDigitSequenceStateType.DISABLED]: {
|
|
86
|
+
...commonProps,
|
|
87
|
+
inputDigitContainer: {
|
|
88
|
+
...commonProps.inputDigitContainer,
|
|
89
|
+
background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
90
|
+
border_color: COLORS.DISABLED.color_accentDisabled_border_50,
|
|
91
|
+
},
|
|
92
|
+
},
|
|
93
|
+
[InputDigitSequenceStateType.BLOCKED_BY_SYSTEM]: {
|
|
94
|
+
...commonProps,
|
|
95
|
+
inputDigitContainer: {
|
|
96
|
+
...commonProps.inputDigitContainer,
|
|
97
|
+
background_color: COLORS.DISABLED.color_accentDisabled_bg_150,
|
|
98
|
+
border_color: COLORS.DISABLED.color_accentDisabled_border_50,
|
|
99
|
+
},
|
|
100
|
+
inputDigitTextTypePassword: {
|
|
101
|
+
font_family: FONT_FAMILY.font_family_digit_password_large_square,
|
|
102
|
+
},
|
|
103
|
+
},
|
|
104
|
+
},
|
|
105
|
+
};
|
|
106
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/inputDigitSequence/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/inputDigitSequence/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,yBAEX;AAFD,WAAY,yBAAyB;IACnC,gDAAmB,CAAA;AACrB,CAAC,EAFW,yBAAyB,KAAzB,yBAAyB,QAEpC"}
|