@kubit-ui-web/react-components 1.7.1 → 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/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/inputStandAlone.js +1 -5
- 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 +5 -2
- package/dist/cjs/components/inputDate/hooks/useInputDate.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/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 +1 -0
- package/dist/cjs/components/tabs/tabs.styled.js.map +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +14 -3
- package/dist/cjs/components/tabs/tabsStandAlone.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/toggleWithLabelStandAlone.js +1 -1
- package/dist/cjs/components/toggleWithLabel/toggleWithLabelStandAlone.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/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/inputStandAlone.d.ts +1 -0
- package/dist/esm/components/input/inputStandAlone.js +1 -5
- 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 +5 -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/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 +5 -2
- package/dist/esm/components/inputDate/hooks/useInputDate.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/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 +1 -0
- package/dist/esm/components/tabs/tabs.styled.js.map +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +14 -3
- package/dist/esm/components/tabs/tabsStandAlone.js.map +1 -1
- package/dist/esm/components/tabs/types/tabs.d.ts +1 -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/toggleWithLabelStandAlone.js +1 -1
- package/dist/esm/components/toggleWithLabel/toggleWithLabelStandAlone.js.map +1 -1
- package/dist/esm/components/toggleWithLabel/types/toggleWithLabel.d.ts +1 -1
- 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/package.json +31 -31
- 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
|
@@ -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":"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"}
|
|
@@ -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
|
package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioButtonStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EACL,sBAAsB,EACtB,yBAAyB,EACzB,wBAAwB,EACxB,sBAAsB,EACtB,sBAAsB,EACtB,sBAAsB,EACtB,iBAAiB,GAClB,MAAM,sBAAsB,CAAC;AAG9B,MAAM,cAAc,GAAG,SAAS,CAAC;AACjC,MAAM,cAAc,GAAG,SAAS,CAAC;AAEjC,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA6B,EAAe,EAAE;IAClF,IAAI,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,OAAO,GAAG,KAAK,CAAC,EAAE,IAAI,OAAO,CAAC;IAC9B,MAAM,aAAa,GAAG,KAAK,CAAC,QAAQ,EAAE,OAAO,IAAI,GAAG,OAAO,eAAe,CAAC;IAC3E,MAAM,cAAc,GAAG,KAAK,CAAC,YAAY,IAAI,GAAG,OAAO,SAAS,CAAC;IAEjE,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,KAAK,CAAC,QAAQ,EAAE,OAAO;QACrB,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,YAAY,EAAE,WAAW;QACxD,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC;IAEtD,OAAO,CACL,MAAC,iBAAiB,IAChB,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EACvB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,KAAK,CAAC,MAAM,aAEpB,KAAC,yBAAyB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YAC7C,KAAC,sBAAsB,wBAEnB,KAAK,CAAC,cAAc;wBACpB,mBAAmB,CAAC;4BAClB,aAAa;4BACb,cAAc,EAAE,KAAK,CAAC,cAAc;4BACpC,YAAY,EAAE,KAAK,CAAC,YAAY;4BAChC,cAAc;4BACd,KAAK,EAAE,KAAK,CAAC,KAAK;yBACnB,CAAC,
|
|
1
|
+
{"version":3,"file":"radioButtonStandAlone.js","sourceRoot":"","sources":["../../../../../../src/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,22 +6,19 @@ import { AriaLiveOptionType } from '../../../../../types';
|
|
|
6
6
|
import { VariantStyles } from '../../../../../types/variantStyles';
|
|
7
7
|
import { RadioButtonStylesType } from './radioButtonTheme';
|
|
8
8
|
import { RadioButtonStateType } from './state';
|
|
9
|
-
export interface IRadioButtonStyled {
|
|
10
|
-
styles: VariantStyles<RadioButtonStylesType> & {
|
|
11
|
-
altVariant?: boolean;
|
|
12
|
-
};
|
|
13
|
-
state?: RadioButtonStateType;
|
|
14
|
-
hasLabel?: boolean;
|
|
15
|
-
}
|
|
16
9
|
export type RadioButtonLabelType = Omit<ILabelStandAlone, 'children' | 'inputId'> & {
|
|
17
10
|
content?: string;
|
|
18
11
|
};
|
|
19
12
|
export type RadioButtonSubtitleType = Omit<IText<string>, 'children'> & {
|
|
20
13
|
content?: JSX.Element | string;
|
|
21
14
|
};
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
type RadioButtonAriaAttributes = Pick<React.AriaAttributes, 'aria-label' | 'aria-labelledby' | 'aria-hidden'>;
|
|
16
|
+
export interface IRadioButtonStandAlone extends RadioButtonAriaAttributes {
|
|
17
|
+
styles: VariantStyles<RadioButtonStylesType> & {
|
|
18
|
+
altVariant?: boolean;
|
|
19
|
+
};
|
|
20
|
+
checked?: boolean;
|
|
21
|
+
name?: string;
|
|
25
22
|
label?: RadioButtonLabelType;
|
|
26
23
|
errorMessage?: string;
|
|
27
24
|
errorIcon?: IElementOrIcon;
|
|
@@ -32,10 +29,11 @@ export interface IRadioButtonStandAlone extends IRadioButtonStyled {
|
|
|
32
29
|
state: RadioButtonStateType;
|
|
33
30
|
error?: boolean;
|
|
34
31
|
disabled?: boolean;
|
|
35
|
-
value
|
|
32
|
+
value?: string | number;
|
|
36
33
|
dataTestId?: string;
|
|
37
34
|
screenReaderId?: string;
|
|
38
35
|
id?: string;
|
|
36
|
+
tabIndex?: number;
|
|
39
37
|
lastChild?: boolean;
|
|
40
38
|
}
|
|
41
39
|
/**
|
|
@@ -45,10 +43,14 @@ export interface IRadioButtonStandAlone extends IRadioButtonStyled {
|
|
|
45
43
|
* @template V
|
|
46
44
|
* @property {V} variant - Variant of the radio button.
|
|
47
45
|
*/
|
|
48
|
-
export interface IRadioButton<V = undefined extends string ? unknown : string> extends Omit<IRadioButtonStandAlone, 'state'> {
|
|
46
|
+
export interface IRadioButton<V = undefined extends string ? unknown : string> extends Omit<IRadioButtonStandAlone, 'state' | 'styles'> {
|
|
49
47
|
/**
|
|
50
48
|
* @deprecated `state` is deprecated. Please use `error`, `disabled` or `checked` instead.
|
|
51
49
|
*/
|
|
52
50
|
state?: RadioButtonStateType;
|
|
51
|
+
styles?: VariantStyles<RadioButtonStylesType> & {
|
|
52
|
+
altVariant?: boolean;
|
|
53
|
+
};
|
|
53
54
|
variant: V;
|
|
54
55
|
}
|
|
56
|
+
export {};
|
package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButtonTheme.d.ts
CHANGED
|
@@ -21,8 +21,9 @@ export type RadioButtonBaseStyles = {
|
|
|
21
21
|
align?: TooltipAlignType;
|
|
22
22
|
};
|
|
23
23
|
};
|
|
24
|
+
export type RadioButtonStateStylesType = {
|
|
25
|
+
[state in RadioButtonStateType]?: RadioButtonBaseStyles;
|
|
26
|
+
};
|
|
24
27
|
export type RadioButtonStylesType<P extends string = string> = {
|
|
25
|
-
[variant in P]:
|
|
26
|
-
[state in RadioButtonStateType]?: RadioButtonBaseStyles;
|
|
27
|
-
};
|
|
28
|
+
[variant in P]: RadioButtonStateStylesType;
|
|
28
29
|
};
|
|
@@ -32,8 +32,8 @@ export const useContent = (props) => {
|
|
|
32
32
|
};
|
|
33
33
|
const hasFooter = !!props.footer;
|
|
34
34
|
const getExpandedAria = () => showExpandedContent
|
|
35
|
-
? props.value.accordionIconExpandedAriaLabel ?? props.accordionIconExpandedAriaLabel
|
|
36
|
-
: props.value.accordionIconCollapsedAriaLabel ?? props.accordionIconCollapsedAriaLabel;
|
|
35
|
+
? (props.value.accordionIconExpandedAriaLabel ?? props.accordionIconExpandedAriaLabel)
|
|
36
|
+
: (props.value.accordionIconCollapsedAriaLabel ?? props.accordionIconCollapsedAriaLabel);
|
|
37
37
|
const getValue = (headerValue) => {
|
|
38
38
|
if (headerValue.value) {
|
|
39
39
|
return headerValue.value(props.value);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContent.js","sourceRoot":"","sources":["../../../../../src/components/table/hooks/useContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAsC/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAkB,EAAuB,EAAE;IACpE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAC5F,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC;IACzE,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,UAAU,IAAI,SAAS,CAAC;IAEvD,MAAM,yBAAyB,GAAG,CAAC,KAAc,EAAE,EAAE;QACnD,sBAAsB,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,CAAC;IAEF,MAAM,sBAAsB,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QAChD,IAAI,KAAK,CAAC,cAAc,IAAI,OAAO,EAAE,KAAK,EAAE,cAAc,IAAI,OAAO,EAAE,KAAK,EAAE,CAAC;YAC7E,IAAI,OAAO,EAAE,KAAK,YAAY,QAAQ,EAAE,CAAC;gBACvC,MAAM,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAEhD,OAAO,cAAc,CAAC;YACxB,CAAC;YACD,OAAO,OAAO,EAAE,KAAK,EAAE,cAAc,IAAI,KAAK,CAAC,cAAc,CAAC;QAChE,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAK,EAAE,OAAO,EAAE,EAAE;QACzC,IAAI,OAAO,EAAE,KAAK,YAAY,QAAQ,EAAE,CAAC;YACvC,OAAO,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;QAC/B,CAAC;QAED,OAAO,OAAO,EAAE,KAAK,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAsC,EAAE;QAC3D,IAAI,CAAC,OAAO,EAAE,EAAE,EAAE,CAAC;YACjB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,MAAM,iBAAiB,GAAG,sBAAsB,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QACvE,MAAM,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAEzD,OAAO,iBAAiB,IAAI,UAAU,CAAC;IACzC,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IACjC,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,mBAAmB;QACjB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,8BAA8B,IAAI,KAAK,CAAC,8BAA8B;
|
|
1
|
+
{"version":3,"file":"useContent.js","sourceRoot":"","sources":["../../../../../src/components/table/hooks/useContent.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,8 @@ export declare const TabsRightArrowContainerStyled: import("styled-components/di
|
|
|
20
20
|
export declare const TabStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabStylesType>> & string;
|
|
21
21
|
export declare const TextWrapperStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
22
22
|
export declare const LabelHiddenContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
23
|
-
export declare const TabsContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType
|
|
23
|
+
export declare const TabsContentStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType & {
|
|
24
|
+
$display?: string;
|
|
25
|
+
}>> & string;
|
|
24
26
|
export declare const TabsTabListStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StylesType>> & string;
|
|
25
27
|
export {};
|
|
@@ -116,6 +116,7 @@ export const LabelHiddenContainer = styled.span `
|
|
|
116
116
|
`;
|
|
117
117
|
export const TabsContentStyled = styled.div `
|
|
118
118
|
${({ styles }) => getStyles(styles.contentContainer)}
|
|
119
|
+
display: ${({ $display }) => $display};
|
|
119
120
|
`;
|
|
120
121
|
export const TabsTabListStyled = styled.div `
|
|
121
122
|
display: flex;
|