@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
|
@@ -11,8 +11,7 @@ const CONTAINER_STYLES_EDIT = [
|
|
|
11
11
|
{ cssPropertyName: 'overflow-y', cssPropertyValue: 'auto' },
|
|
12
12
|
];
|
|
13
13
|
const CONTENT_STYLES_EDIT = [
|
|
14
|
-
{ cssPropertyName: 'overflow-y', cssPropertyValue: '
|
|
15
|
-
{ cssPropertyName: 'max-height', cssPropertyValue: 'unset' },
|
|
14
|
+
{ cssPropertyName: 'overflow-y', cssPropertyValue: 'visible' },
|
|
16
15
|
];
|
|
17
16
|
const ModalControlledComponent = React.forwardRef(({ variant, ctv, portalId, ...props }, ref) => {
|
|
18
17
|
const styles = useStyles(STYLES_NAME.MODAL, variant, ctv);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,QAAQ,GAAG,GAAG,CAAC;AACrB,MAAM,qBAAqB,GAAkB;IAC3C,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,EAAE;CAC5D,CAAC;AACF,MAAM,mBAAmB,GAAkB;IACzC,EAAE,eAAe,EAAE,YAAY,EAAE,gBAAgB,EAAE,
|
|
1
|
+
{"version":3,"file":"modalControlled.js","sourceRoot":"","sources":["../../../../src/components/modal/modalControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import { DeviceBreakpointsType } from '../../../types';
|
|
|
2
2
|
import { NavigationCardStylesPropsType, NavigationCardTagType, NavigationCardTextType } from '../types';
|
|
3
3
|
interface INavigationCardInfo {
|
|
4
4
|
styles: NavigationCardStylesPropsType;
|
|
5
|
+
innerContainersComponent?: 'div' | 'span';
|
|
5
6
|
title?: NavigationCardTextType;
|
|
6
7
|
description?: NavigationCardTextType;
|
|
7
8
|
tag?: NavigationCardTagType;
|
|
@@ -3,6 +3,8 @@ import { ScreenReaderOnly } from '../../../components/screenReaderOnly';
|
|
|
3
3
|
import { Tag } from '../../../components/tag';
|
|
4
4
|
import { Text, TextComponentType, TextDecorationType } from '../../../components/text';
|
|
5
5
|
import { NavigationCardContentStyled, NavigationCardDescriptionContainerStyled, NavigationCardLinesTextStyled, NavigationCardTagContainer, } from '../navigationCard.styled';
|
|
6
|
-
export const NavigationCardInfo = (props) => (_jsxs(NavigationCardContentStyled, { children: [_jsx(NavigationCardLinesTextStyled, { lines: props.styles.title?.[props.device]?.linesNumber ?? props.styles.title?.linesNumber, children: _jsx(Text, { component: props.styles.title?.[props.device]?.component ??
|
|
7
|
-
props.styles.
|
|
6
|
+
export const NavigationCardInfo = (props) => (_jsxs(NavigationCardContentStyled, { as: props.innerContainersComponent, children: [_jsx(NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.title?.[props.device]?.linesNumber ?? props.styles.title?.linesNumber, children: _jsx(Text, { component: props.styles.title?.[props.device]?.component ??
|
|
7
|
+
props.styles.title?.component ??
|
|
8
|
+
TextComponentType.SPAN, customTypography: props.styles.title, dataTestId: `${props.dataTestId}Text`, decoration: TextDecorationType.NONE, ...props.title, children: props.title?.content }) }), props.description && (_jsx(NavigationCardDescriptionContainerStyled, { as: props.innerContainersComponent, styles: props.styles, children: _jsx(NavigationCardLinesTextStyled, { as: props.innerContainersComponent, lines: props.styles.description?.[props.device]?.linesNumber ??
|
|
9
|
+
props.styles.description?.linesNumber, children: _jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.description, dataTestId: `${props.dataTestId}Description`, decoration: TextDecorationType.NONE, ...props.description, children: props.description.content }) }) })), props.tag && props.styles.containerExpandedContent && (_jsx(NavigationCardTagContainer, { as: props.innerContainersComponent, styles: props.styles, children: _jsxs(Tag, { dataTestId: `${props.dataTestId}Tag`, option: props.styles.tag?.option, variant: props.styles.tag?.variant, ...props.tag, children: [_jsx(ScreenReaderOnly, { children: props.tag?.screenReaderText }), props.tag?.content] }) }))] }));
|
|
8
10
|
//# sourceMappingURL=navigationCardInfo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCardInfo.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/fragments/navigationCardInfo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EACL,2BAA2B,EAC3B,wCAAwC,EACxC,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"navigationCardInfo.js","sourceRoot":"","sources":["../../../../../src/components/navigationCard/fragments/navigationCardInfo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,EACL,2BAA2B,EAC3B,wCAAwC,EACxC,6BAA6B,EAC7B,0BAA0B,GAC3B,MAAM,0BAA0B,CAAC;AAkBlC,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAA0B,EAAe,EAAE,CAAC,CAC7E,MAAC,2BAA2B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,aAC7D,KAAC,6BAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,WAAW,YAEzF,KAAC,IAAI,IACH,SAAS,EACP,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,SAAS;oBAC7C,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,SAAS;oBAC7B,iBAAiB,CAAC,IAAI,EAExB,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EACpC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,EACrC,UAAU,EAAE,kBAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,KAAK,YAEd,KAAK,CAAC,KAAK,EAAE,OAAO,GAChB,GACuB,EAC/B,KAAK,CAAC,WAAW,IAAI,CACpB,KAAC,wCAAwC,IACvC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,MAAM,EAAE,KAAK,CAAC,MAAM,YAEpB,KAAC,6BAA6B,IAC5B,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAClC,KAAK,EACH,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,WAAW;oBACrD,KAAK,CAAC,MAAM,CAAC,WAAW,EAAE,WAAW,YAGvC,KAAC,IAAI,IACH,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,gBAAgB,EAAE,KAAK,CAAC,MAAM,CAAC,WAAW,EAC1C,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,aAAa,EAC5C,UAAU,EAAE,kBAAkB,CAAC,IAAI,KAC/B,KAAK,CAAC,WAAW,YAEpB,KAAK,CAAC,WAAW,CAAC,OAAO,GACrB,GACuB,GACS,CAC5C,EACA,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,wBAAwB,IAAI,CACrD,KAAC,0BAA0B,IAAC,EAAE,EAAE,KAAK,CAAC,wBAAwB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAClF,MAAC,GAAG,IACF,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,KAAK,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,MAAM,EAChC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,OAAO,KAC9B,KAAK,CAAC,GAAG,aAEb,KAAC,gBAAgB,cAAE,KAAK,CAAC,GAAG,EAAE,gBAAgB,GAAoB,EACjE,KAAK,CAAC,GAAG,EAAE,OAAO,IACf,GACqB,CAC9B,IAC2B,CAC/B,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { INavigationCard } from './types';
|
|
3
|
-
declare const NavigationCardBoundary: <V extends string | unknown>(props: INavigationCard<V>, ref: React.ForwardedRef<HTMLAnchorElement> | undefined | null) => JSX.Element;
|
|
3
|
+
declare const NavigationCardBoundary: <V extends string | unknown>(props: INavigationCard<V>, ref: React.ForwardedRef<HTMLAnchorElement | HTMLButtonElement> | undefined | null) => JSX.Element;
|
|
4
4
|
declare const NavigationCard: <V extends string | unknown>(props: React.PropsWithChildren<INavigationCard<V>> & {
|
|
5
|
-
ref?: React.ForwardedRef<HTMLAnchorElement> | undefined | null;
|
|
5
|
+
ref?: React.ForwardedRef<HTMLAnchorElement | HTMLButtonElement> | undefined | null;
|
|
6
6
|
}) => ReturnType<typeof NavigationCardBoundary>;
|
|
7
7
|
export { NavigationCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCard.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB,EAC9C,
|
|
1
|
+
{"version":3,"file":"navigationCard.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAGtE,MAAM,uBAAuB,GAAG,KAAK,CAAC,UAAU,CAC9C,CACE,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG,KAAK,EAAsB,EAC9C,GAAiF,EACpE,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,eAAe,EAC3B,OAAO,EACP,GAAG,CACJ,CAAC;IACF,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,MAAM,EAAE,IAAI,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAExC,OAAO,CACL,KAAC,wBAAwB,IACvB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,KACV,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AACF,uBAAuB,CAAC,WAAW,GAAG,yBAAyB,CAAC;AAEhE,MAAM,sBAAsB,GAAG,CAC7B,KAAyB,EACzB,GAAiF,EACpE,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,wBAAwB,OAAM,KAA8C,EAAE,GAAG,EAAE,GAAG,GAAI,GACzE,YAGtB,KAAC,uBAAuB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAClC,CACjB,CAAC;AAEF,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAIhB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { INavigationCardStandAlone } from './types';
|
|
3
|
-
export declare const NavigationCardStandalone: React.ForwardRefExoticComponent<INavigationCardStandAlone & React.RefAttributes<HTMLAnchorElement>>;
|
|
3
|
+
export declare const NavigationCardStandalone: React.ForwardRefExoticComponent<INavigationCardStandAlone & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
|
|
@@ -2,17 +2,23 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { DecorativeElement } from '../../components/decorativeElement';
|
|
4
4
|
import { ElementOrIcon } from '../../components/elementOrIcon';
|
|
5
|
-
import { Text } from '../../components/text';
|
|
5
|
+
import { Text, TextComponentType } from '../../components/text';
|
|
6
6
|
import { useId } from '../../hooks';
|
|
7
|
+
import { ButtonType } from '../button';
|
|
7
8
|
import { NavigationCardInfo } from './fragments';
|
|
8
9
|
import { buildProps } from './helpers';
|
|
9
10
|
import { NavigationCardDecorativeContainer, NavigationCardInfoContentStyled, NavigationCardLeftContentStyled, NavigationCardRightContentStyled, NavigationCardStyled, } from './navigationCard.styled';
|
|
10
|
-
const NavigationCardStandaloneComponent = (props, ref) => {
|
|
11
|
+
const NavigationCardStandaloneComponent = ({ type = ButtonType.BUTTON, ...props }, ref) => {
|
|
11
12
|
const infoId = useId('infoId');
|
|
12
13
|
const { marginRight, additionalProps } = buildProps(props.styles, props.decorative, props.device, props.dataTestId);
|
|
14
|
+
const innerContainersComponent = props.url ? 'div' : 'span';
|
|
13
15
|
return (
|
|
14
16
|
// Can not be spread -> styled component breaks
|
|
15
|
-
_jsx(NavigationCardStyled
|
|
17
|
+
_jsx(NavigationCardStyled
|
|
18
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
19
|
+
, {
|
|
20
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
21
|
+
ref: ref, "aria-disabled": props['aria-disabled'], as: props.url ? props.component : 'button', className: props.className, dataTestId: props.dataTestId, draggable: props.draggable, role: props.role, styles: props.styles, target: props.target, type: props.url ? undefined : type, url: props.url, onClick: props.onClick, onFocus: props.onFocus, onMouseEnter: props.onMouseEnter, onMouseLeave: props.onMouseLeave, children: _jsxs(_Fragment, { children: [props.decorative && (_jsx(NavigationCardDecorativeContainer, { as: innerContainersComponent, marginRight: marginRight, styles: props.styles, children: _jsx(DecorativeElement, { additionalProps: additionalProps, element: props.decorative }) })), _jsxs(NavigationCardInfoContentStyled, { as: innerContainersComponent, id: infoId, isExpanded: props.styles.containerExpandedContent, children: [_jsx(NavigationCardLeftContentStyled, { as: innerContainersComponent, isExpanded: props.styles.containerExpandedContent, children: _jsx(NavigationCardInfo, { dataTestId: props.dataTestId, description: props.description, device: props.device, innerContainersComponent: innerContainersComponent, styles: props.styles, tag: props.tag, title: props.title }) }), _jsxs(NavigationCardRightContentStyled, { "aria-hidden": true, as: innerContainersComponent, styles: props.styles, children: [props.styles.containerExpandedContent && (_jsx(Text, { component: TextComponentType.SPAN, customTypography: props.styles.arrowIconText, ...props.arrowIconText, children: props.arrowIconText?.content })), _jsx(ElementOrIcon, { customIconStyles: props.styles.arrowIcon, dataTestId: `${props.dataTestId}ArrowIcon`, ...props.arrowIcon })] })] })] }) }));
|
|
16
22
|
};
|
|
17
23
|
export const NavigationCardStandalone = React.forwardRef(NavigationCardStandaloneComponent);
|
|
18
24
|
//# sourceMappingURL=navigationCardStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"navigationCardStandAlone.js","sourceRoot":"","sources":["../../../../src/components/navigationCard/navigationCardStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { ButtonType } from '../../../components/button';
|
|
2
3
|
import { DecorativePropsType } from '../../../components/decorativeElement';
|
|
3
4
|
import { IElementOrIcon } from '../../../components/elementOrIcon';
|
|
4
5
|
import { ITag } from '../../../components/tag';
|
|
@@ -18,7 +19,7 @@ export type NavigationCardTagType = Omit<ITag, 'variant' | 'option' | 'children'
|
|
|
18
19
|
option?: string;
|
|
19
20
|
screenReaderText?: string;
|
|
20
21
|
};
|
|
21
|
-
export interface INavigationCardStandAlone extends Omit<IGenericLink, 'children' | 'classname'> {
|
|
22
|
+
export interface INavigationCardStandAlone extends Omit<IGenericLink, 'children' | 'classname' | 'url' | 'onClick'> {
|
|
22
23
|
styles: NavigationCardStylesPropsType;
|
|
23
24
|
device: DeviceBreakpointsType;
|
|
24
25
|
component: GenericLinkType;
|
|
@@ -28,7 +29,10 @@ export interface INavigationCardStandAlone extends Omit<IGenericLink, 'children'
|
|
|
28
29
|
tag?: NavigationCardTagType;
|
|
29
30
|
arrowIcon?: IElementOrIcon;
|
|
30
31
|
arrowIconText?: NavigationCardTextType;
|
|
32
|
+
url?: string;
|
|
33
|
+
type?: ButtonType;
|
|
31
34
|
dataTestId?: string;
|
|
35
|
+
onClick?: React.MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
|
|
32
36
|
}
|
|
33
37
|
export interface INavigationCard<V = undefined extends string ? unknown : string> extends Omit<INavigationCardStandAlone, 'styles' | 'device' | 'component'>, Omit<CustomTokenTypes<NavigationCardStylesPropsType>, 'cts' | 'extraCt'> {
|
|
34
38
|
variant: V;
|
|
@@ -1,31 +1,47 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as React from 'react';
|
|
3
|
+
import { useEscPressed, useMediaDevice } from '../../hooks';
|
|
3
4
|
import { useStyles } from '../../hooks/useStyles/useStyles';
|
|
4
5
|
import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
|
|
5
6
|
import { OliveMenuStandAlone } from './oliveMenuStandAlone';
|
|
6
7
|
const OLIVE_MENU_STYLES = 'OLIVE_MENU_STYLES';
|
|
7
|
-
const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger,
|
|
8
|
+
const OliveMenuComponent = React.forwardRef(({ variant, ctv, trigger, actionBottomSheetStructure, onOpenClose, ...props }, ref) => {
|
|
8
9
|
const [open, setOpen] = React.useState(false);
|
|
9
10
|
const styles = useStyles(OLIVE_MENU_STYLES, variant, ctv);
|
|
11
|
+
const device = useMediaDevice();
|
|
12
|
+
const innerRef = React.useRef(null);
|
|
13
|
+
React.useImperativeHandle(ref, () => innerRef.current, []);
|
|
14
|
+
const handlePressScape = React.useCallback(() => {
|
|
15
|
+
// Do nothing if already closed
|
|
16
|
+
if (!open) {
|
|
17
|
+
return;
|
|
18
|
+
}
|
|
19
|
+
setOpen(false);
|
|
20
|
+
onOpenClose?.(false);
|
|
21
|
+
}, [open]);
|
|
22
|
+
useEscPressed({ execute: handlePressScape, element: innerRef });
|
|
10
23
|
const handleTriggerClick = e => {
|
|
11
24
|
setOpen(!open);
|
|
12
25
|
onOpenClose?.(!open, e);
|
|
13
26
|
trigger?.onClick?.(e);
|
|
14
27
|
};
|
|
15
|
-
const handlePopoverCloseInternally = () => {
|
|
16
|
-
setOpen(false);
|
|
17
|
-
onOpenClose?.(false);
|
|
18
|
-
popover?.onCloseInternally?.();
|
|
19
|
-
};
|
|
20
28
|
const handleCloseIconClick = e => {
|
|
21
29
|
setOpen(false);
|
|
22
30
|
onOpenClose?.(false, e);
|
|
23
31
|
actionBottomSheetStructure?.closeIcon?.onClick?.(e);
|
|
24
32
|
};
|
|
25
|
-
|
|
33
|
+
const handleBlur = e => {
|
|
34
|
+
// Do nothing if the new focus is inside the component or already closed
|
|
35
|
+
if (e.currentTarget.contains(e.relatedTarget) || !open) {
|
|
36
|
+
return;
|
|
37
|
+
}
|
|
38
|
+
setOpen(false);
|
|
39
|
+
onOpenClose?.(false, e);
|
|
40
|
+
};
|
|
41
|
+
return (_jsx(OliveMenuStandAlone, { ...props, ref: innerRef, actionBottomSheetStructure: {
|
|
26
42
|
...actionBottomSheetStructure,
|
|
27
43
|
closeIcon: { ...actionBottomSheetStructure?.closeIcon, onClick: handleCloseIconClick },
|
|
28
|
-
},
|
|
44
|
+
}, device: device, open: open, styles: styles, trigger: trigger && { ...trigger, onClick: handleTriggerClick }, onBlur: handleBlur }));
|
|
29
45
|
});
|
|
30
46
|
OliveMenuComponent.displayName = 'OliveMenuComponent';
|
|
31
47
|
const OliveMenuBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(OliveMenuStandAlone, { ...props, ref: ref }) }), children: _jsx(OliveMenuComponent, { ...props, ref: ref }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.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,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,MAAM,iBAAiB,GAAG,mBAAmB,CAAC;AAE9C,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CACzC,CACE,
|
|
1
|
+
{"version":3,"file":"oliveMenu.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,9 @@ import styled from 'styled-components';
|
|
|
2
2
|
import { getStyles } from '../../utils';
|
|
3
3
|
export const OliveMenuStyled = styled.div `
|
|
4
4
|
${({ styles }) => getStyles(styles.container)};
|
|
5
|
+
*[data-popover] {
|
|
6
|
+
${({ styles }) => getStyles(styles.popover)};
|
|
7
|
+
}
|
|
5
8
|
`;
|
|
6
9
|
export const ButtonContainer = styled.div `
|
|
7
10
|
${({ styles }) => getStyles(styles.buttonContainer)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC
|
|
1
|
+
{"version":3,"file":"oliveMenu.styled.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenu.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAQpC,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;;MAEzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;;CAE9C,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;IAC3D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC;;MAE/C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;;CAE7C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsB;IACzD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC;CACzD,CAAC"}
|
|
@@ -3,23 +3,30 @@ import * as React from 'react';
|
|
|
3
3
|
import { ActionBottomSheetControlledStructure } from '../../components/actionBottomSheet/actionBottomSheetControlled';
|
|
4
4
|
import { Button } from '../../components/button';
|
|
5
5
|
import { ListOptions, ListOptionsType } from '../../components/listOptions';
|
|
6
|
-
import { PopoverControlled as Popover } from '../../components/popover';
|
|
6
|
+
import { PopoverControlled as Popover, PopoverComponentType } from '../../components/popover';
|
|
7
7
|
import { ScreenReaderOnly } from '../../components/screenReaderOnly';
|
|
8
8
|
import { TextComponentType } from '../../components/text/types';
|
|
9
|
-
import { useId
|
|
10
|
-
import { AriaLiveOptionType } from '../../types';
|
|
9
|
+
import { useId } from '../../hooks';
|
|
10
|
+
import { AriaLiveOptionType, DeviceBreakpointsType } from '../../types';
|
|
11
11
|
import { ButtonContainer, ListboxStyled, OliveMenuStyled } from './oliveMenu.styled';
|
|
12
12
|
import { getAriaControls } from './utils';
|
|
13
13
|
const OliveMenuStandAloneComponent = (props, ref) => {
|
|
14
14
|
const uniqueId = useId('oliveMenu');
|
|
15
15
|
const buttonRef = React.useRef(null);
|
|
16
16
|
const ariaControls = `${uniqueId}List`;
|
|
17
|
-
const
|
|
17
|
+
const popoverAsModal = [DeviceBreakpointsType.MOBILE, DeviceBreakpointsType.TABLET].includes(props.device);
|
|
18
18
|
const { title: actionBottomSheetTitle, ...actionBottomSheet } = props.actionBottomSheetStructure ?? {};
|
|
19
|
-
|
|
19
|
+
const titleId = actionBottomSheetTitle?.id ?? `${uniqueId}Title`;
|
|
20
|
+
return (_jsxs(OliveMenuStyled, { ref: ref, "data-testId": `${props.dataTestId}Container`, styles: props.styles, onBlur: props.onBlur, children: [props.trigger?.content &&
|
|
21
|
+
(props.styles.button?.[props.device]?.size || props.trigger?.size) && (_jsx(ButtonContainer, { ref: buttonRef, styles: props.styles, children: _jsx(Button, { "aria-controls": props.open ? getAriaControls(props.sections, ariaControls) : undefined, "aria-expanded": props.open, dataTestId: `${props.dataTestId}Button`, size: props.styles.button?.[props.device]?.size, ...props.trigger, children: props.trigger?.content }) })), _jsx(ScreenReaderOnly, { ariaLive: AriaLiveOptionType.POLITE, dataTestId: `${props.dataTestId}ScreenReader`, children: props.screenReaderText }), _jsx(Popover, { "aria-labelledby": popoverAsModal ? titleId : undefined, "aria-modal": popoverAsModal ? props.open : undefined,
|
|
22
|
+
// It is handled internally by the onBlur function of the container
|
|
23
|
+
clickOverlayClose: false, component: popoverAsModal ? PopoverComponentType.DIALOG : PopoverComponentType.DIV, dataTestId: `${props.dataTestId}Popover`, extraAlignGap: props.styles.buttonContainer?.[props.device]?.margin_bottom, focusFirstDescendantAutomatically: popoverAsModal, focusLastElementFocusedAfterClose: popoverAsModal, hasBackDrop: true, open: props.open,
|
|
24
|
+
// It is handled internally by the controlled component to allow close when the focus is on the button
|
|
25
|
+
pressEscapeClose: false, trapFocusInsideModal: popoverAsModal, variant: props.styles.popoverVariant, ...props.popover, children: _jsx(ActionBottomSheetControlledStructure, { dataTestId: `${props.dataTestId}ActionButtonSheet`, title: {
|
|
20
26
|
component: TextComponentType.H5,
|
|
21
|
-
align: props.styles.actionBottomSheet?.[device]?.alignTitle,
|
|
27
|
+
align: props.styles.actionBottomSheet?.[props.device]?.alignTitle,
|
|
22
28
|
...actionBottomSheetTitle,
|
|
29
|
+
id: titleId,
|
|
23
30
|
}, variant: props.styles.actionBottomSheet?.variant, ...actionBottomSheet, children: _jsx(ListboxStyled, { styles: props.styles, children: props.styles.listOptions?.optionVariant &&
|
|
24
31
|
props.styles.listOptions?.variant &&
|
|
25
32
|
props.sections?.map(({ title, ...section }, index) => (_jsx(ListOptions, { dataTestId: props.dataTestId, id: `${ariaControls}${index}`, optionVariant: props.styles.listOptions?.optionVariant, selectedValue: props.selectedValue, title: { component: TextComponentType.H6, ...title }, type: ListOptionsType.NAVIGATION, variant: props.styles.listOptions?.variant, onOptionClick: props.onOptionClick, ...section }, section.id))) }) }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oCAAoC,EAAE,MAAM,4DAA4D,CAAC;AAClH,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,iBAAiB,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"oliveMenuStandAlone.js","sourceRoot":"","sources":["../../../../src/components/oliveMenu/oliveMenuStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { IActionBottomSheetControlledStructure } from '../../../components/actio
|
|
|
3
3
|
import { IButton } from '../../../components/button';
|
|
4
4
|
import { IListOptions } from '../../../components/listOptions';
|
|
5
5
|
import { IPopoverControlled } from '../../../components/popover';
|
|
6
|
-
import { CustomTokenTypes } from '../../../types';
|
|
6
|
+
import { CustomTokenTypes, DeviceBreakpointsType } from '../../../types';
|
|
7
7
|
import { OliveMenuGlobalStylesType } from './oliveMenuTheme';
|
|
8
8
|
export type OliveMenuTriggerType = Omit<IButton, 'children' | 'size'> & {
|
|
9
9
|
content?: ReactNode;
|
|
@@ -19,6 +19,7 @@ export type OliveMenuListOptions = Omit<IListOptions, 'variant' | 'optionVariant
|
|
|
19
19
|
export type OliveMenuPopover = Omit<IPopoverControlled, 'children' | 'open'>;
|
|
20
20
|
export interface IOliveMenuStandAlone {
|
|
21
21
|
styles: OliveMenuGlobalStylesType;
|
|
22
|
+
device: DeviceBreakpointsType;
|
|
22
23
|
open?: boolean;
|
|
23
24
|
trigger?: OliveMenuTriggerType;
|
|
24
25
|
screenReaderText?: string;
|
|
@@ -28,8 +29,9 @@ export interface IOliveMenuStandAlone {
|
|
|
28
29
|
selectedValue?: string | number;
|
|
29
30
|
dataTestId?: string;
|
|
30
31
|
onOptionClick?: (value?: string | number) => void;
|
|
32
|
+
onBlur?: React.FocusEventHandler<HTMLDivElement>;
|
|
31
33
|
}
|
|
32
|
-
export interface IOliveMenu<V = undefined extends string ? unknown : string> extends Omit<IOliveMenuStandAlone, 'styles' | 'open' | 'active'>, Omit<CustomTokenTypes<OliveMenuGlobalStylesType>, 'cts' | 'extraCt'> {
|
|
34
|
+
export interface IOliveMenu<V = undefined extends string ? unknown : string> extends Omit<IOliveMenuStandAlone, 'styles' | 'device' | 'open' | 'active' | 'onBlur'>, Omit<CustomTokenTypes<OliveMenuGlobalStylesType>, 'cts' | 'extraCt'> {
|
|
33
35
|
variant: V;
|
|
34
|
-
onOpenClose?: (open: boolean, event?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
|
36
|
+
onOpenClose?: (open: boolean, event?: React.MouseEvent<HTMLButtonElement, MouseEvent> | React.FocusEvent<HTMLDivElement>) => void;
|
|
35
37
|
}
|
|
@@ -29,7 +29,7 @@ const OptionStandAlone = React.forwardRef((props, ref) => {
|
|
|
29
29
|
const _firstNoHighlightedLabel = props.label.substring(0, firstHighlightedIndex);
|
|
30
30
|
const _highlightedLabel = props.label.substring(firstHighlightedIndex, lastHighlightedIndex);
|
|
31
31
|
const _lastNoHighlightedLabel = props.label.substring(lastHighlightedIndex);
|
|
32
|
-
return (_jsxs(OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : props.as ?? OptionDivStyled, "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onBlur: props.onBlur, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
|
|
32
|
+
return (_jsxs(OptionStyled, { ref: ref, "aria-disabled": disabled, ...ariaProps, "$stateStyles": stateStyles, "$styles": props.styles, as: props.url ? props.componentLink : (props.as ?? OptionDivStyled), "data-testid": props.dataTestId, role: props.role, tabIndex: props.tabIndex, url: props.url, onBlur: props.onBlur, onClick: handleClickOption, onFocus: props.onFocus, onKeyDown: (event) => {
|
|
33
33
|
if (!disabled && (isKeyEnterPressed(event.key) || isKeySpacePressed(event.key))) {
|
|
34
34
|
props.onClick?.(event);
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAsB,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,eAAe,EACf,2BAA2B,EAC3B,kCAAkC,EAClC,sBAAsB,EACtB,YAAY,EACZ,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAqB,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,KAAwB,EAAE,GAAgD,EAAE,EAAE;IAC7E,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,EAAE,MAAM,GAAG,CAAC,CAAC;IACzF,MAAM,KAAK,GAAG,QAAQ,CACpB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,OAAO,CACR,CAAC;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,KAAK,eAAe,CAAC,QAAQ,CAAC;IAEpD,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,eAAe,CAAC,iBAAiB;QACjC,eAAe,CAAC,uBAAuB;KACxC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElB,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,GAAG,qBAAqB,CAC3E,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,qBAAqB,CAC5B,CAAC;IACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC;IACjF,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IAC7F,MAAM,uBAAuB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAC5E,OAAO,CACL,MAAC,YAAY,IACX,GAAG,EAAE,GAAG,mBACO,QAAQ,KACnB,SAAS,kBACC,WAAW,aAChB,KAAK,CAAC,MAAM,EACrB,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,eAAe,
|
|
1
|
+
{"version":3,"file":"optionStandAlone.js","sourceRoot":"","sources":["../../../../src/components/option/optionStandAlone.tsx"],"names":[],"mappings":";AAAA,uCAAuC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAsB,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EACL,eAAe,EACf,2BAA2B,EAC3B,kCAAkC,EAClC,sBAAsB,EACtB,YAAY,EACZ,uBAAuB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAqB,eAAe,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAE1D,MAAM,gBAAgB,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,KAAwB,EAAE,GAAgD,EAAE,EAAE;IAC7E,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,CAAC,qBAAqB,IAAI,KAAK,CAAC,qBAAqB,EAAE,MAAM,GAAG,CAAC,CAAC;IACzF,MAAM,KAAK,GAAG,QAAQ,CACpB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,WAAW,EACjB,KAAK,CAAC,KAAK,EACX,OAAO,CACR,CAAC;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,KAAK,KAAK,eAAe,CAAC,QAAQ,CAAC;IAEpD,MAAM,iBAAiB,GAA4C,KAAK,CAAC,EAAE;QACzE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG;QACrB,eAAe,CAAC,iBAAiB;QACjC,eAAe,CAAC,uBAAuB;KACxC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElB,MAAM,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,GAAG,qBAAqB,CAC3E,KAAK,CAAC,KAAK,EACX,KAAK,CAAC,qBAAqB,CAC5B,CAAC;IACF,MAAM,wBAAwB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAC;IACjF,MAAM,iBAAiB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,qBAAqB,EAAE,oBAAoB,CAAC,CAAC;IAC7F,MAAM,uBAAuB,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAC5E,OAAO,CACL,MAAC,YAAY,IACX,GAAG,EAAE,GAAG,mBACO,QAAQ,KACnB,SAAS,kBACC,WAAW,aAChB,KAAK,CAAC,MAAM,EACrB,EAAE,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,IAAI,eAAe,CAAC,iBACtD,KAAK,CAAC,UAAU,EAC7B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,SAAS,EAAE,CAAC,KAA0C,EAAE,EAAE;YACxD,IAAI,CAAC,QAAQ,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;gBAChF,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC;QACH,CAAC,EACD,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,YAAY,EAAE,KAAK,CAAC,YAAY,aAEhC,MAAC,2BAA2B,eAC1B,MAAC,sBAAsB,IAAC,WAAW,EAAE,WAAW,aAC9C,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,EAC/B,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,MAAM,EACrC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EACjC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,KAC3B,KAAK,CAAC,IAAI,GACd,EACD,KAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,CAC1B,KAAC,uBAAuB,IAAC,WAAW,EAAE,WAAW,YAC/C,KAAC,IAAI,IACH,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EACnC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,UAAU,EACzC,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,eAAqC,EACxE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAC5C,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,KACtC,KAAK,CAAC,QAAQ,YAEjB,KAAK,CAAC,QAAQ,EAAE,OAAO,GACnB,GACiB,CAC3B,EACD,MAAC,kCAAkC,eACjC,KAAC,gBAAgB,IACf,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAChC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,0BAA0B,EACzD,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,eAAqC,EACrE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EACzC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,YAEtC,wBAAwB,GACR,EACnB,KAAC,gBAAgB,IACf,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAChC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,kBAAkB,EACjD,UAAU,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAqC,EACjF,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EACrD,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,WAAW,YAElD,iBAAiB,GACD,EACnB,KAAC,gBAAgB,IACf,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAChC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EACjC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,yBAAyB,EACxD,UAAU,EAAE,WAAW,EAAE,KAAK,EAAE,eAAqC,EACrE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,YAAY,EACzC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,YAEtC,uBAAuB,GACP,IACgB,IACd,EACxB,cAAc,IAAI,CACjB,KAAC,aAAa,IACZ,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EACtC,UAAU,EAAE,GAAG,KAAK,CAAC,UAAU,aAAa,EAC5C,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EACxC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,KAClC,KAAK,CAAC,WAAW,GACrB,CACH,IAC2B,EAC7B,KAAK,CAAC,MAAM,IAAI,KAAC,MAAM,OAAK,KAAK,CAAC,MAAM,GAAI,EAC5C,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,IAC5B,CAChB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF;;;;;;;;GAQG;AACH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -3,10 +3,12 @@ import * as React from 'react';
|
|
|
3
3
|
import { Pill } from '../../components/pill';
|
|
4
4
|
import { useRoveFocus } from '../../hooks';
|
|
5
5
|
import { ROLES } from '../../types';
|
|
6
|
+
import { pickAriaProps } from '../../utils';
|
|
6
7
|
import { PillSelectorWrapper, ThumbStyled } from './pillSelector.styled';
|
|
7
8
|
import { keyLeftMove, keyRightMove } from './utils';
|
|
8
9
|
const MAX_PILLS = 3;
|
|
9
10
|
const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...props }, ref) => {
|
|
11
|
+
const ariaProps = pickAriaProps(props);
|
|
10
12
|
const roveFocusProps = React.useMemo(() => ({
|
|
11
13
|
size: props.pills.length,
|
|
12
14
|
keyDownMove: keyRightMove(props.pills),
|
|
@@ -21,7 +23,7 @@ const PillSelectorStandAloneComponent = ({ dataTestId, maxPills = MAX_PILLS, ...
|
|
|
21
23
|
React.useImperativeHandle(ref, () => {
|
|
22
24
|
return listEl.current;
|
|
23
25
|
}, []);
|
|
24
|
-
return (_jsxs(PillSelectorWrapper, { ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && (_jsx(ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
|
|
26
|
+
return (_jsxs(PillSelectorWrapper, { ...ariaProps, ref: listEl, "data-testid": `${dataTestId}PillSelector`, hasThumb: !!(!props.multiSelect && props.styles?.thumb), isSelected: isPillSelected, role: ROLES.RADIOGROUP, styles: props.styles, children: [!props.multiSelect && props.styles?.thumb && (_jsx(ThumbStyled, { "data-testid": `${dataTestId}Thumb`, styles: props.styles })), props.pills.length > 1 && props.pills.length <= maxPills
|
|
25
27
|
? props.pills.map((pill, index) => {
|
|
26
28
|
const pillSelected = props.pillSelected?.includes(pill.value.toString());
|
|
27
29
|
return ((props.pillSize || pill?.size) && (_jsx(Pill, { dataTestId: `${dataTestId}Pill${index}`, focus: focus === index, multiSelect: props.multiSelect, name: props.name, selected: pillSelected, size: props.pillSize || '', tabIndex: pillSelected || (!isPillSelected && index === 0) ? 0 : -1, ...pill, value: pill.value.toString(), variant: props.pillVariant, onFocus: () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"pillSelectorStandAlone.js","sourceRoot":"","sources":["../../../../src/components/pillSelector/pillSelectorStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import { IPillUnControlled } from '../../../components/pill/types';
|
|
3
3
|
import { CustomTokenTypes } from '../../../types';
|
|
4
4
|
import { PillSelectorStyles } from './pillSelectorTheme';
|
|
5
|
+
type PillSelectorAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-disabled'>;
|
|
5
6
|
export type PillType = Pick<IPillUnControlled, 'disabled' | 'decorativeIcon' | 'selectedIcon' | 'aria-label' | 'aria-labelledby' | 'aria-checked' | 'aria-describedby' | 'aria-pressed' | 'aria-disabled'> & {
|
|
6
7
|
value: string | number;
|
|
7
8
|
label: React.ReactNode;
|
|
@@ -10,7 +11,7 @@ type PillSelectedType = number | string;
|
|
|
10
11
|
type Pill = Omit<PillType, 'size'> & {
|
|
11
12
|
size?: string;
|
|
12
13
|
};
|
|
13
|
-
export interface IPillSelectorStandAlone {
|
|
14
|
+
export interface IPillSelectorStandAlone extends PillSelectorAriaAttributes {
|
|
14
15
|
pillVariant: string;
|
|
15
16
|
pillSize?: string;
|
|
16
17
|
pillSelected?: PillSelectedType[];
|
|
@@ -7,7 +7,9 @@ import { PopoverAnimationStyled, PopoverStyled } from './popover.styled';
|
|
|
7
7
|
const PopoverStandAloneComponent = ({ children, animationExecution, animationConfig, dataTestId, ...props }, ref) => {
|
|
8
8
|
const ariaProps = pickAriaProps(props);
|
|
9
9
|
if (props.open) {
|
|
10
|
-
return (_jsxs("div", { ref: ref, children: [props.hasBackDrop && _jsx(Overlay, { variant: props.styles[props.device]?.overlay }), _jsx(PopoverAnimationStyled, { ref: props.forwardedRef, as: animationConfig ? CssAnimation : 'div', "data-testid": dataTestId, exec: animationExecution, id: props.id, options: animationConfig?.animationOptions, variant: animationConfig?.animation, children: _jsx(PopoverStyled
|
|
10
|
+
return (_jsxs("div", { ref: ref, children: [props.hasBackDrop && _jsx(Overlay, { variant: props.styles[props.device]?.overlay }), _jsx(PopoverAnimationStyled, { ref: props.forwardedRef, as: animationConfig ? CssAnimation : 'div', "data-testid": dataTestId, exec: animationExecution, id: props.id, options: animationConfig?.animationOptions, variant: animationConfig?.animation, children: _jsx(PopoverStyled
|
|
11
|
+
// Allow to identificate the element
|
|
12
|
+
, { "data-popover": true, ...ariaProps, align: props.align, as: props.component, autoWidth: props?.autoWidth, bottom: props?.bottom, device: props.device, extraAlignGap: props.extraAlignGap, extraWidth: props.extraWidth || props.styles?.[props.device]?.extraWidth, extraWidthSide: props.extraWidthSide || props.styles?.[props.device]?.extraWidthSide, left: props?.left, open: props.open, positionVariant: props.positionVariant, right: props?.right, role: props.role, tabIndex: props.tabIndex, top: props?.top, onKeyDown: props.onKeyDown, ...props.styles, children: children }) })] }));
|
|
11
13
|
}
|
|
12
14
|
return _jsx(PopoverAnimationStyled, { id: props.id });
|
|
13
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popoverStandAlone.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGzE,MAAM,0BAA0B,GAAG,CACjC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB,EAC3F,GAA0D,EACtC,EAAE;IACtB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,aACV,KAAK,CAAC,WAAW,IAAI,KAAC,OAAO,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAI,EAC/E,KAAC,sBAAsB,IACrB,GAAG,EAAE,KAAK,CAAC,YAAY,EACvB,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,iBAC7B,UAAU,EACvB,IAAI,EAAE,kBAAkB,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAC1C,OAAO,EAAE,eAAe,EAAE,SAAS,YAEnC,KAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"popoverStandAlone.js","sourceRoot":"","sources":["../../../../src/components/popover/popoverStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,OAAO,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGzE,MAAM,0BAA0B,GAAG,CACjC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,GAAG,KAAK,EAAsB,EAC3F,GAA0D,EACtC,EAAE;IACtB,MAAM,SAAS,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IACvC,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;QACf,OAAO,CACL,eAAK,GAAG,EAAE,GAAG,aACV,KAAK,CAAC,WAAW,IAAI,KAAC,OAAO,IAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,OAAO,GAAI,EAC/E,KAAC,sBAAsB,IACrB,GAAG,EAAE,KAAK,CAAC,YAAY,EACvB,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,iBAC7B,UAAU,EACvB,IAAI,EAAE,kBAAkB,EACxB,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAC1C,OAAO,EAAE,eAAe,EAAE,SAAS,YAEnC,KAAC,aAAa;oBACZ,oCAAoC;iDAEhC,SAAS,EACb,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,EAAE,EAAE,KAAK,CAAC,SAAS,EACnB,SAAS,EAAE,KAAK,EAAE,SAAS,EAC3B,MAAM,EAAE,KAAK,EAAE,MAAM,EACrB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,EACxE,cAAc,EAAE,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,cAAc,EACpF,IAAI,EAAE,KAAK,EAAE,IAAI,EACjB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,eAAe,EAAE,KAAK,CAAC,eAAe,EACtC,KAAK,EAAE,KAAK,EAAE,KAAK,EACnB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,EAAE,GAAG,EACf,SAAS,EAAE,KAAK,CAAC,SAAS,KACtB,KAAK,CAAC,MAAM,YAEf,QAAQ,GACK,GACO,IACrB,CACP,CAAC;IACJ,CAAC;IACD,OAAO,KAAC,sBAAsB,IAAC,EAAE,EAAE,KAAK,CAAC,EAAE,GAAI,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAAC,0BAA0B,CAAC,CAAC"}
|
|
@@ -1,22 +1,24 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { RadioButtonBaseStyles, RadioButtonStateStylesType, RadioButtonStateType } from './types';
|
|
2
|
+
export declare const RadioButtonContainerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
+
styles: RadioButtonStateStylesType;
|
|
4
|
+
}>> & string;
|
|
5
|
+
export declare const RadioButtonInputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
|
|
6
|
+
styles: RadioButtonStateStylesType & {
|
|
7
|
+
altVariant?: boolean;
|
|
8
|
+
};
|
|
9
|
+
state?: RadioButtonStateType;
|
|
10
|
+
}>> & string;
|
|
11
|
+
export declare const RadioButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
12
|
+
styles: RadioButtonStateStylesType;
|
|
5
13
|
state: RadioButtonStateType;
|
|
6
14
|
hasLabel?: boolean;
|
|
7
15
|
lastChild?: boolean;
|
|
8
|
-
}
|
|
9
|
-
interface IRadioButtonErrorStyled {
|
|
10
|
-
styles?: RadioButtonBaseStyles;
|
|
11
|
-
}
|
|
12
|
-
interface IRadioButtonErrorStyled {
|
|
13
|
-
styles?: RadioButtonBaseStyles;
|
|
14
|
-
}
|
|
15
|
-
export declare const RadioButtonContainerInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonStyled>> & string;
|
|
16
|
-
export declare const RadioButtonInputStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IRadioButtonStyled>> & string;
|
|
17
|
-
export declare const RadioButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IRadioButtonContentStyled>> & string;
|
|
16
|
+
}>> & string;
|
|
18
17
|
export declare const RadioButtonContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
19
18
|
export declare const RadioButtonLabelStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
20
|
-
export declare const RadioButtonErrorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>,
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
export declare const RadioButtonErrorStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
20
|
+
styles?: RadioButtonBaseStyles;
|
|
21
|
+
}>> & string;
|
|
22
|
+
export declare const ErrorIconWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
|
|
23
|
+
styles?: RadioButtonBaseStyles;
|
|
24
|
+
}>> & string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { focusVisibleAlt } from '../../../../styles/mixins';
|
|
3
3
|
import { getStyles } from '../../../../utils';
|
|
4
|
-
import { RadioButtonStateType
|
|
4
|
+
import { RadioButtonStateType } from './types';
|
|
5
5
|
const getDynamicStyles = (styles) => css `
|
|
6
6
|
${getStyles(styles?.radioButton)}
|
|
7
7
|
|
package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"radioButton.styled.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButton.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAqD,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAMlG,MAAM,gBAAgB,GAAG,CAAC,MAA8B,EAAE,EAAE,CAAC,GAAG,CAAA;IAC5D,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC;;;;;;;;MAQ5B,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC;;CAE5B,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAwC;IACvF,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,oBAAoB,CAAC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CACvF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,KAAK,CAGhD;;;;;;;IAOE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,IAAI,gBAAgB,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;;;;;;IAMjE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,IAAI,eAAe,EAAE;CACzD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAKzC;aACW,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;;IAErD,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC;mBAC9C,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;;;;CAI5D,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA,EAAE,CAAC;AAErD,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG/C,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,CAAoC;IAChF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,qBAAqB,CAAC;;;;CAI3D,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAoC;IACjF,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,yBAAyB,CAAC;CAC/D,CAAC"}
|
package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js
CHANGED
|
@@ -22,7 +22,7 @@ export const RadioButtonStandAlone = (props) => {
|
|
|
22
22
|
errorMessage: props.errorMessage,
|
|
23
23
|
errorMessageId,
|
|
24
24
|
error: props.error,
|
|
25
|
-
}), checked: props.checked, "data-testid": `${props.dataTestId}Input`, disabled: props.disabled, id: inputId, name: props.name, state: props.state, styles: props.styles, type: "radio", value: props.value, onBlur: props.onBlur, onChange: props.onChange }) }), props.label?.content && (_jsx(RadioButtonLabelStyled, { children: _jsx(Label, { color: props.styles?.[props.state]?.label?.color, cursor: props.disabled ? CURSOR_DEFAULT : CURSOR_POINTER, dataTestId: `${props.dataTestId}Label`, inputId: inputId, textVariant: props.styles?.[props.state]?.label?.font_variant, weight: getLabelFontWeight(), ...props.label, children: props.label.content }) })), props.subTitle?.content &&
|
|
25
|
+
}), "aria-hidden": props['aria-hidden'], "aria-label": props['aria-label'], "aria-labelledby": props['aria-labelledby'], checked: props.checked, "data-testid": `${props.dataTestId}Input`, disabled: props.disabled, id: inputId, name: props.name, state: props.state, styles: props.styles, tabIndex: props.tabIndex, type: "radio", value: props.value, onBlur: props.onBlur, onChange: props.onChange }) }), props.label?.content && (_jsx(RadioButtonLabelStyled, { children: _jsx(Label, { color: props.styles?.[props.state]?.label?.color, cursor: props.disabled ? CURSOR_DEFAULT : CURSOR_POINTER, dataTestId: `${props.dataTestId}Label`, inputId: inputId, textVariant: props.styles?.[props.state]?.label?.font_variant, weight: getLabelFontWeight(), ...props.label, children: props.label.content }) })), props.subTitle?.content &&
|
|
26
26
|
(typeof props.subTitle.content === 'string' ? (_jsx(Text, { customTypography: props.styles?.[props.state]?.sublabel, ...props.subTitle, id: descriptionId, children: props.subTitle.content })) : (_jsx(RadioButtonContentStyled, { id: descriptionId, children: props.subTitle.content }))), props.error && props.errorMessage && (_jsx(RadioButtonErrorStyled, { "aria-live": props.errorAriaLiveType, id: errorMessageId, styles: props.styles?.[props.state], children: _jsxs(Text, { customTypography: props.styles?.[props.state]?.errorMessage, dataTestId: `${props.dataTestId}ErrorMessage`, children: [props.errorIcon && (_jsx(ErrorIconWrapperStyled, { styles: props.styles?.[props.state], children: _jsx(ElementOrIcon, { customIconStyles: props.styles?.[props.state]?.errorMessageIcon, ...props.errorIcon }) })), props.errorMessage] }) }))] }));
|
|
27
27
|
};
|
|
28
28
|
//# sourceMappingURL=radioButtonStandAlone.js.map
|