@kubit-ui-web/react-components 1.1.4 → 1.2.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 +2 -34
- package/dist/cjs/components/accordion/accordion.styled.js.map +1 -1
- package/dist/cjs/components/accordion/accordionStandAlone.js +1 -6
- package/dist/cjs/components/accordion/accordionStandAlone.js.map +1 -1
- package/dist/cjs/components/calendar/header/index.js +15 -0
- package/dist/cjs/components/calendar/header/index.js.map +1 -1
- package/dist/cjs/components/calendar/header/types/index.js +18 -0
- package/dist/cjs/components/calendar/header/types/index.js.map +1 -0
- package/dist/cjs/components/calendar/index.js +2 -0
- package/dist/cjs/components/calendar/index.js.map +1 -1
- package/dist/cjs/components/calendar/list/index.js +16 -0
- package/dist/cjs/components/calendar/list/index.js.map +1 -1
- package/dist/cjs/components/calendar/list/types/index.js +20 -0
- package/dist/cjs/components/calendar/list/types/index.js.map +1 -0
- package/dist/cjs/components/calendar/selector/index.js +17 -0
- package/dist/cjs/components/calendar/selector/index.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/index.js +18 -0
- package/dist/cjs/components/calendar/selector/monthSelector/index.js.map +1 -0
- package/dist/cjs/components/calendar/selector/monthSelector/types/index.js +19 -0
- package/dist/cjs/components/calendar/selector/monthSelector/types/index.js.map +1 -0
- package/dist/cjs/components/calendar/selector/types/index.js +19 -0
- package/dist/cjs/components/calendar/selector/types/index.js.map +1 -0
- package/dist/cjs/components/calendar/selector/yearSelector/index.js +18 -0
- package/dist/cjs/components/calendar/selector/yearSelector/index.js.map +1 -0
- package/dist/cjs/components/calendar/selector/yearSelector/types/index.js +19 -0
- package/dist/cjs/components/calendar/selector/yearSelector/types/index.js.map +1 -0
- package/dist/cjs/components/carousel/carousel.styled.js +14 -14
- package/dist/cjs/components/carousel/carousel.styled.js.map +1 -1
- package/dist/cjs/components/carousel/carouselStandAlone.js +6 -3
- package/dist/cjs/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/cjs/components/carousel/stories/argtypes.js +14 -3
- package/dist/cjs/components/carousel/stories/argtypes.js.map +1 -1
- package/dist/cjs/components/carousel/types/carousel.js +3 -0
- package/dist/cjs/components/carousel/types/carousel.js.map +1 -1
- package/dist/cjs/components/carousel/utils/carousel.utils.js +13 -1
- package/dist/cjs/components/carousel/utils/carousel.utils.js.map +1 -1
- package/dist/cjs/components/checkbox/checkboxControlled.js +1 -1
- package/dist/cjs/components/checkbox/checkboxControlled.js.map +1 -1
- package/dist/cjs/components/checkbox/types/state.js +3 -0
- package/dist/cjs/components/checkbox/types/state.js.map +1 -1
- package/dist/cjs/components/checkbox/utils/state.utils.js +18 -4
- package/dist/cjs/components/checkbox/utils/state.utils.js.map +1 -1
- package/dist/cjs/components/cssAnimation/animations/transitionMixin.js +36 -9
- package/dist/cjs/components/cssAnimation/animations/transitionMixin.js.map +1 -1
- package/dist/cjs/components/cssAnimation/cssAnimation.js +15 -0
- package/dist/cjs/components/cssAnimation/cssAnimation.js.map +1 -1
- package/dist/cjs/components/cssAnimation/types/cssAnimation.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +2 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/cjs/components/functionalitiesModule/functionalitiesModuleStandAlone.js +1 -1
- package/dist/cjs/components/functionalitiesModule/functionalitiesModuleStandAlone.js.map +1 -1
- package/dist/cjs/components/icon/icon.js +1 -1
- package/dist/cjs/components/icon/icon.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 -1
- package/dist/cjs/components/input/inputStandAlone.js.map +1 -1
- package/dist/cjs/components/input/inputUnControlled.js +4 -3
- package/dist/cjs/components/input/inputUnControlled.js.map +1 -1
- package/dist/cjs/components/input/stories/argtypes.js +13 -1
- package/dist/cjs/components/input/stories/argtypes.js.map +1 -1
- package/dist/cjs/components/inputCounter/inputCounter.js +2 -2
- package/dist/cjs/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/cjs/components/inputCurrency/inputCurrency.js +4 -3
- package/dist/cjs/components/inputCurrency/inputCurrency.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +1 -3
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDate.js +2 -2
- package/dist/cjs/components/inputDate/inputDate.js.map +1 -1
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js +1 -3
- package/dist/cjs/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/cjs/components/inputDropdown/inputDropdown.js +2 -2
- package/dist/cjs/components/inputDropdown/inputDropdown.js.map +1 -1
- package/dist/cjs/components/inputPassword/inputPassword.js +2 -2
- package/dist/cjs/components/inputPassword/inputPassword.js.map +1 -1
- package/dist/cjs/components/inputPhone/inputPhone.js +2 -2
- package/dist/cjs/components/inputPhone/inputPhone.js.map +1 -1
- package/dist/cjs/components/inputSearch/components/optionsList.js +1 -1
- package/dist/cjs/components/inputSearch/components/optionsList.js.map +1 -1
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js +2 -2
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputSearch/helpers/filterOptions.js +12 -70
- package/dist/cjs/components/inputSearch/helpers/filterOptions.js.map +1 -1
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js +3 -6
- package/dist/cjs/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js +4 -3
- package/dist/cjs/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +2 -2
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/cjs/components/inputSearch/stories/argtypes.js +11 -0
- package/dist/cjs/components/inputSearch/stories/argtypes.js.map +1 -1
- package/dist/cjs/components/inputStructure/inputStructureStandAlone.js +1 -7
- package/dist/cjs/components/inputStructure/inputStructureStandAlone.js.map +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +2 -2
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/cjs/components/listOptions/stories/argtypes.js +22 -0
- package/dist/cjs/components/listOptions/stories/argtypes.js.map +1 -1
- package/dist/cjs/components/listOptions/utils/listOptions.utils.js +6 -2
- package/dist/cjs/components/listOptions/utils/listOptions.utils.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.js +3 -3
- package/dist/cjs/components/mediaProgressBar/mediaProgressBarStandAlone.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/stories/argtypes.js +4 -4
- package/dist/cjs/components/mediaProgressBar/stories/argtypes.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/types/mediaProgressBar.js +3 -0
- package/dist/cjs/components/mediaProgressBar/types/mediaProgressBar.js.map +1 -1
- package/dist/cjs/components/mediaProgressBar/utils/mediaProgressBarUtils.js +35 -0
- package/dist/cjs/components/mediaProgressBar/utils/mediaProgressBarUtils.js.map +1 -0
- 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/pageControl/index.js.map +1 -1
- package/dist/cjs/components/pill/pill.styled.js +4 -1
- package/dist/cjs/components/pill/pill.styled.js.map +1 -1
- package/dist/cjs/components/pill/pillStandAlone.js +1 -1
- package/dist/cjs/components/pill/pillStandAlone.js.map +1 -1
- package/dist/cjs/components/popover/popoverControlled.js +18 -5
- package/dist/cjs/components/popover/popoverControlled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.js +6 -2
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js +16 -24
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +18 -16
- package/dist/cjs/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/components/radioButton/types/state.js +2 -0
- package/dist/cjs/components/radioButtonGroup/components/radioButton/types/state.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js +1 -1
- package/dist/cjs/components/radioButtonGroup/radioButtonGroupStandAlone.js.map +1 -1
- package/dist/cjs/components/radioButtonGroup/utils/aria.utils.js +18 -0
- package/dist/cjs/components/radioButtonGroup/utils/aria.utils.js.map +1 -0
- package/dist/cjs/components/radioButtonGroup/utils/index.js +19 -0
- package/dist/cjs/components/radioButtonGroup/utils/index.js.map +1 -0
- package/dist/cjs/components/radioButtonGroup/utils/state.utils.js +61 -0
- package/dist/cjs/components/radioButtonGroup/utils/state.utils.js.map +1 -0
- package/dist/cjs/components/storybook/replaceContent/replaceContent.js +2 -2
- package/dist/cjs/components/storybook/replaceContent/replaceContent.js.map +1 -1
- package/dist/cjs/components/table/component/list.js +11 -5
- package/dist/cjs/components/table/component/list.js.map +1 -1
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js +60 -0
- package/dist/cjs/components/table/component/listColumnHeaderPriority.js.map +1 -0
- package/dist/cjs/components/table/component/listRowHeaderPriority.js +29 -0
- package/dist/cjs/components/table/component/listRowHeaderPriority.js.map +1 -0
- package/dist/cjs/components/table/component/{listRow.js → listRowPriority.js} +5 -5
- package/dist/cjs/components/table/component/listRowPriority.js.map +1 -0
- package/dist/cjs/components/table/component/table.js +2 -2
- package/dist/cjs/components/table/component/table.js.map +1 -1
- package/dist/cjs/components/table/component/tableRow.js +2 -2
- package/dist/cjs/components/table/component/tableRow.js.map +1 -1
- package/dist/cjs/components/table/hooks/useContent.js.map +1 -1
- package/dist/cjs/components/table/index.js +15 -0
- package/dist/cjs/components/table/index.js.map +1 -1
- package/dist/cjs/components/table/stories/argtypes.js +28 -2
- package/dist/cjs/components/table/stories/argtypes.js.map +1 -1
- package/dist/cjs/components/table/stories/mockTable.js +40 -6
- package/dist/cjs/components/table/stories/mockTable.js.map +1 -1
- package/dist/cjs/components/table/table.styled.js +57 -5
- package/dist/cjs/components/table/table.styled.js.map +1 -1
- package/dist/cjs/components/table/tableStandAlone.js +7 -5
- package/dist/cjs/components/table/tableStandAlone.js.map +1 -1
- package/dist/cjs/components/table/types/formatListHeaderPriority.js +14 -0
- package/dist/cjs/components/table/types/formatListHeaderPriority.js.map +1 -0
- package/dist/cjs/components/table/types/index.js +15 -0
- package/dist/cjs/components/table/types/index.js.map +1 -1
- package/dist/cjs/components/tag/tag.js +3 -0
- package/dist/cjs/components/tag/tag.js.map +1 -1
- package/dist/cjs/components/tagV2/index.js +6 -0
- package/dist/cjs/components/tagV2/index.js.map +1 -0
- package/dist/cjs/components/tagV2/stories/argtypes.js +66 -0
- package/dist/cjs/components/tagV2/stories/argtypes.js.map +1 -0
- package/dist/cjs/components/tagV2/tag.js +41 -0
- package/dist/cjs/components/tagV2/tag.js.map +1 -0
- package/dist/cjs/components/tagV2/tag.styled.js +12 -0
- package/dist/cjs/components/tagV2/tag.styled.js.map +1 -0
- package/dist/cjs/components/tagV2/tagStandAlone.js +43 -0
- package/dist/cjs/components/tagV2/tagStandAlone.js.map +1 -0
- package/dist/cjs/components/tagV2/types/index.js +19 -0
- package/dist/cjs/components/tagV2/types/index.js.map +1 -0
- package/dist/cjs/components/tagV2/types/tag.js +3 -0
- package/dist/cjs/components/tagV2/types/tag.js.map +1 -0
- package/dist/cjs/components/tagV2/types/tagTheme.js +3 -0
- package/dist/cjs/components/tagV2/types/tagTheme.js.map +1 -0
- package/dist/cjs/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/cjs/components/tooltip/components/tooltipTrigger.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltip.styled.js +3 -0
- package/dist/cjs/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/constants/stylesName.js +1 -0
- package/dist/cjs/constants/stylesName.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/accordion/styles.js +11 -0
- package/dist/cjs/designSystem/kubit/components/accordion/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/checkbox/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/checkbox/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/input/styles.js +0 -8
- package/dist/cjs/designSystem/kubit/components/input/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/inputDate/styles.js +3 -0
- package/dist/cjs/designSystem/kubit/components/inputDate/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/message/styles.js +2 -0
- package/dist/cjs/designSystem/kubit/components/message/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/radioButton/styles.js +2 -0
- package/dist/cjs/designSystem/kubit/components/radioButton/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/radioButtonGroup/styles.js +2 -0
- package/dist/cjs/designSystem/kubit/components/radioButtonGroup/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/tagV2/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/tagV2/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/tagV2/styles.js +97 -0
- package/dist/cjs/designSystem/kubit/components/tagV2/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/tagV2/variants.js +13 -0
- package/dist/cjs/designSystem/kubit/components/tagV2/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/accordion/styles.js +9 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/accordion/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/checkbox/styles.js +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/checkbox/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/inputDate/styles.js +3 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/inputDate/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/radioButton/styles.js +2 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/radioButton/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/radioButtonGroup/styles.js +2 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/radioButtonGroup/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/tagV2/index.js +19 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/tagV2/index.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/tagV2/styles.js +44 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/tagV2/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/tagV2/variants.js +8 -0
- package/dist/cjs/designSystem/kubitWireframe/commons/components/tagV2/variants.js.map +1 -0
- package/dist/cjs/hooks/index.js +3 -1
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useInput/useInput.js +20 -7
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useStyles/useStyles.js +3 -0
- package/dist/cjs/hooks/useStyles/useStyles.js.map +1 -1
- package/dist/cjs/hooks/useStyles/useStylesV2.js +30 -0
- package/dist/cjs/hooks/useStyles/useStylesV2.js.map +1 -0
- package/dist/cjs/storybook/provider/utilsProvider/utilsProvider.js +0 -9
- package/dist/cjs/storybook/provider/utilsProvider/utilsProvider.js.map +1 -1
- package/dist/cjs/styles/mixins/input.mixin.js +2 -0
- package/dist/cjs/styles/mixins/input.mixin.js.map +1 -1
- package/dist/cjs/utils/stringUtility/string.utility.js +19 -1
- package/dist/cjs/utils/stringUtility/string.utility.js.map +1 -1
- package/dist/esm/components/accordion/accordion.styled.d.ts +1 -4
- package/dist/esm/components/accordion/accordion.styled.js +1 -33
- package/dist/esm/components/accordion/accordion.styled.js.map +1 -1
- package/dist/esm/components/accordion/accordionStandAlone.js +2 -7
- package/dist/esm/components/accordion/accordionStandAlone.js.map +1 -1
- package/dist/esm/components/accordion/types/accordionTheme.d.ts +3 -0
- package/dist/esm/components/calendar/header/index.d.ts +1 -0
- package/dist/esm/components/calendar/header/index.js +1 -0
- package/dist/esm/components/calendar/header/index.js.map +1 -1
- package/dist/esm/components/calendar/header/types/index.d.ts +1 -0
- package/dist/esm/components/calendar/header/types/index.js +2 -0
- package/dist/esm/components/calendar/header/types/index.js.map +1 -0
- package/dist/esm/components/calendar/index.d.ts +2 -0
- package/dist/esm/components/calendar/index.js +2 -0
- package/dist/esm/components/calendar/index.js.map +1 -1
- package/dist/esm/components/calendar/list/index.d.ts +1 -0
- package/dist/esm/components/calendar/list/index.js +1 -1
- package/dist/esm/components/calendar/list/index.js.map +1 -1
- package/dist/esm/components/calendar/list/types/index.d.ts +3 -0
- package/dist/esm/components/calendar/list/types/index.js +4 -0
- package/dist/esm/components/calendar/list/types/index.js.map +1 -0
- package/dist/esm/components/calendar/selector/index.d.ts +3 -0
- package/dist/esm/components/calendar/selector/index.js +3 -0
- package/dist/esm/components/calendar/selector/index.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/index.d.ts +1 -0
- package/dist/esm/components/calendar/selector/monthSelector/index.js +2 -0
- package/dist/esm/components/calendar/selector/monthSelector/index.js.map +1 -0
- package/dist/esm/components/calendar/selector/monthSelector/types/index.d.ts +2 -0
- package/dist/esm/components/calendar/selector/monthSelector/types/index.js +3 -0
- package/dist/esm/components/calendar/selector/monthSelector/types/index.js.map +1 -0
- package/dist/esm/components/calendar/selector/types/index.d.ts +2 -0
- package/dist/esm/components/calendar/selector/types/index.js +3 -0
- package/dist/esm/components/calendar/selector/types/index.js.map +1 -0
- package/dist/esm/components/calendar/selector/yearSelector/index.d.ts +1 -0
- package/dist/esm/components/calendar/selector/yearSelector/index.js +2 -0
- package/dist/esm/components/calendar/selector/yearSelector/index.js.map +1 -0
- package/dist/esm/components/calendar/selector/yearSelector/types/index.d.ts +2 -0
- package/dist/esm/components/calendar/selector/yearSelector/types/index.js +3 -0
- package/dist/esm/components/calendar/selector/yearSelector/types/index.js.map +1 -0
- package/dist/esm/components/carousel/carousel.styled.d.ts +1 -1
- package/dist/esm/components/carousel/carousel.styled.js +14 -14
- package/dist/esm/components/carousel/carousel.styled.js.map +1 -1
- package/dist/esm/components/carousel/carouselStandAlone.js +6 -3
- package/dist/esm/components/carousel/carouselStandAlone.js.map +1 -1
- package/dist/esm/components/carousel/stories/argtypes.js +14 -3
- package/dist/esm/components/carousel/stories/argtypes.js.map +1 -1
- package/dist/esm/components/carousel/types/carousel.d.ts +5 -2
- package/dist/esm/components/carousel/types/carousel.js +2 -1
- package/dist/esm/components/carousel/types/carousel.js.map +1 -1
- package/dist/esm/components/carousel/utils/carousel.utils.d.ts +1 -0
- package/dist/esm/components/carousel/utils/carousel.utils.js +11 -0
- package/dist/esm/components/carousel/utils/carousel.utils.js.map +1 -1
- package/dist/esm/components/checkbox/checkboxControlled.js +1 -1
- package/dist/esm/components/checkbox/checkboxControlled.js.map +1 -1
- package/dist/esm/components/checkbox/types/state.d.ts +2 -0
- package/dist/esm/components/checkbox/types/state.js +3 -0
- package/dist/esm/components/checkbox/types/state.js.map +1 -1
- package/dist/esm/components/checkbox/utils/state.utils.d.ts +2 -2
- package/dist/esm/components/checkbox/utils/state.utils.js +18 -4
- package/dist/esm/components/checkbox/utils/state.utils.js.map +1 -1
- package/dist/esm/components/cssAnimation/animations/transitionMixin.js +36 -9
- package/dist/esm/components/cssAnimation/animations/transitionMixin.js.map +1 -1
- package/dist/esm/components/cssAnimation/cssAnimation.js +15 -0
- package/dist/esm/components/cssAnimation/cssAnimation.js.map +1 -1
- package/dist/esm/components/cssAnimation/types/cssAnimation.d.ts +16 -4
- package/dist/esm/components/cssAnimation/types/cssAnimation.js.map +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +2 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/esm/components/functionalitiesModule/functionalitiesModuleStandAlone.js +1 -1
- package/dist/esm/components/functionalitiesModule/functionalitiesModuleStandAlone.js.map +1 -1
- package/dist/esm/components/functionalitiesModule/types/functionalitiesModule.d.ts +1 -0
- package/dist/esm/components/icon/icon.js +1 -1
- package/dist/esm/components/icon/icon.js.map +1 -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 -2
- package/dist/esm/components/input/inputStandAlone.js +1 -1
- package/dist/esm/components/input/inputStandAlone.js.map +1 -1
- package/dist/esm/components/input/inputUnControlled.js +4 -3
- package/dist/esm/components/input/inputUnControlled.js.map +1 -1
- package/dist/esm/components/input/stories/argtypes.js +13 -1
- package/dist/esm/components/input/stories/argtypes.js.map +1 -1
- package/dist/esm/components/input/types/input.d.ts +3 -4
- package/dist/esm/components/inputCounter/inputCounter.js +2 -2
- package/dist/esm/components/inputCounter/inputCounter.js.map +1 -1
- package/dist/esm/components/inputCurrency/inputCurrency.js +4 -3
- package/dist/esm/components/inputCurrency/inputCurrency.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +1 -3
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDate.js +2 -2
- package/dist/esm/components/inputDate/inputDate.js.map +1 -1
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.d.ts +0 -2
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js +1 -3
- package/dist/esm/components/inputDropdown/hooks/useInputDropdown.js.map +1 -1
- package/dist/esm/components/inputDropdown/inputDropdown.js +2 -2
- package/dist/esm/components/inputDropdown/inputDropdown.js.map +1 -1
- package/dist/esm/components/inputPassword/inputPassword.js +2 -2
- package/dist/esm/components/inputPassword/inputPassword.js.map +1 -1
- package/dist/esm/components/inputPhone/inputPhone.js +2 -2
- package/dist/esm/components/inputPhone/inputPhone.js.map +1 -1
- package/dist/esm/components/inputSearch/components/optionsList.js +1 -1
- package/dist/esm/components/inputSearch/components/optionsList.js.map +1 -1
- package/dist/esm/components/inputSearch/components/popoverSearchList.js +2 -2
- package/dist/esm/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputSearch/helpers/filterOptions.d.ts +2 -3
- package/dist/esm/components/inputSearch/helpers/filterOptions.js +11 -68
- package/dist/esm/components/inputSearch/helpers/filterOptions.js.map +1 -1
- package/dist/esm/components/inputSearch/hooks/useInputSearch.d.ts +1 -3
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js +3 -6
- package/dist/esm/components/inputSearch/hooks/useInputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js +4 -3
- package/dist/esm/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js +2 -2
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/stories/argtypes.js +11 -0
- package/dist/esm/components/inputSearch/stories/argtypes.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +4 -9
- package/dist/esm/components/inputStructure/inputStructureStandAlone.js +1 -7
- package/dist/esm/components/inputStructure/inputStructureStandAlone.js.map +1 -1
- package/dist/esm/components/lineSeparator/types/lineSeparatorTheme.d.ts +1 -0
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -2
- package/dist/esm/components/listOptions/listOptionsStandAlone.js.map +1 -1
- package/dist/esm/components/listOptions/stories/argtypes.js +22 -0
- package/dist/esm/components/listOptions/stories/argtypes.js.map +1 -1
- package/dist/esm/components/listOptions/types/listOptions.d.ts +2 -0
- package/dist/esm/components/listOptions/utils/listOptions.utils.d.ts +1 -1
- package/dist/esm/components/listOptions/utils/listOptions.utils.js +6 -2
- package/dist/esm/components/listOptions/utils/listOptions.utils.js.map +1 -1
- package/dist/esm/components/mediaProgressBar/mediaProgressBarStandAlone.js +2 -2
- package/dist/esm/components/mediaProgressBar/mediaProgressBarStandAlone.js.map +1 -1
- package/dist/esm/components/mediaProgressBar/stories/argtypes.js +4 -4
- package/dist/esm/components/mediaProgressBar/stories/argtypes.js.map +1 -1
- package/dist/esm/components/mediaProgressBar/types/mediaProgressBar.d.ts +3 -1
- package/dist/esm/components/mediaProgressBar/types/mediaProgressBar.js +2 -1
- package/dist/esm/components/mediaProgressBar/types/mediaProgressBar.js.map +1 -1
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarUtils.d.ts +15 -0
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarUtils.js +30 -0
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarUtils.js.map +1 -0
- 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/types/oliveMenuTheme.d.ts +1 -1
- package/dist/esm/components/pageControl/index.d.ts +1 -1
- package/dist/esm/components/pageControl/index.js.map +1 -1
- package/dist/esm/components/pill/pill.styled.d.ts +1 -0
- package/dist/esm/components/pill/pill.styled.js +3 -0
- package/dist/esm/components/pill/pill.styled.js.map +1 -1
- package/dist/esm/components/pill/pillStandAlone.js +2 -2
- package/dist/esm/components/pill/pillStandAlone.js.map +1 -1
- package/dist/esm/components/pill/types/pillTheme.d.ts +1 -0
- package/dist/esm/components/popover/popoverControlled.js +18 -5
- package/dist/esm/components/popover/popoverControlled.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.js +6 -2
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.d.ts +6 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js +15 -23
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButton.styled.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.d.ts +2 -2
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js +19 -17
- package/dist/esm/components/radioButtonGroup/components/radioButton/radioButtonStandAlone.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButton.d.ts +14 -3
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/radioButtonTheme.d.ts +4 -0
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/state.d.ts +3 -1
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/state.js +2 -0
- package/dist/esm/components/radioButtonGroup/components/radioButton/types/state.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/radioButtonGroupStandAlone.js +1 -1
- package/dist/esm/components/radioButtonGroup/radioButtonGroupStandAlone.js.map +1 -1
- package/dist/esm/components/radioButtonGroup/types/radioButtonGroup.d.ts +5 -0
- package/dist/esm/components/radioButtonGroup/types/radioButtonOption.d.ts +10 -0
- package/dist/esm/components/radioButtonGroup/utils/aria.utils.d.ts +7 -0
- package/dist/esm/components/radioButtonGroup/utils/aria.utils.js +14 -0
- package/dist/esm/components/radioButtonGroup/utils/aria.utils.js.map +1 -0
- package/dist/esm/components/radioButtonGroup/utils/index.d.ts +2 -0
- package/dist/esm/components/radioButtonGroup/utils/index.js +3 -0
- package/dist/esm/components/radioButtonGroup/utils/index.js.map +1 -0
- package/dist/esm/components/radioButtonGroup/utils/state.utils.d.ts +24 -0
- package/dist/esm/components/radioButtonGroup/utils/state.utils.js +56 -0
- package/dist/esm/components/radioButtonGroup/utils/state.utils.js.map +1 -0
- package/dist/esm/components/storybook/replaceContent/replaceContent.d.ts +9 -5
- package/dist/esm/components/storybook/replaceContent/replaceContent.js +2 -2
- package/dist/esm/components/storybook/replaceContent/replaceContent.js.map +1 -1
- package/dist/esm/components/table/component/list.d.ts +1 -1
- package/dist/esm/components/table/component/list.js +12 -6
- package/dist/esm/components/table/component/list.js.map +1 -1
- package/dist/esm/components/table/component/listColumnHeaderPriority.d.ts +2 -0
- package/dist/esm/components/table/component/listColumnHeaderPriority.js +33 -0
- package/dist/esm/components/table/component/listColumnHeaderPriority.js.map +1 -0
- package/dist/esm/components/table/component/listRowHeaderPriority.d.ts +2 -0
- package/dist/esm/components/table/component/listRowHeaderPriority.js +25 -0
- package/dist/esm/components/table/component/listRowHeaderPriority.js.map +1 -0
- package/dist/esm/components/table/component/listRowPriority.d.ts +2 -0
- package/dist/esm/components/table/component/{listRow.js → listRowPriority.js} +3 -3
- package/dist/esm/components/table/component/listRowPriority.js.map +1 -0
- package/dist/esm/components/table/component/table.js +3 -3
- package/dist/esm/components/table/component/table.js.map +1 -1
- package/dist/esm/components/table/component/tableRow.d.ts +0 -1
- package/dist/esm/components/table/component/tableRow.js +2 -2
- package/dist/esm/components/table/component/tableRow.js.map +1 -1
- package/dist/esm/components/table/hooks/useContent.d.ts +0 -1
- package/dist/esm/components/table/hooks/useContent.js.map +1 -1
- package/dist/esm/components/table/index.d.ts +1 -1
- package/dist/esm/components/table/index.js +1 -0
- package/dist/esm/components/table/index.js.map +1 -1
- package/dist/esm/components/table/stories/argtypes.js +28 -2
- package/dist/esm/components/table/stories/argtypes.js.map +1 -1
- package/dist/esm/components/table/stories/mockTable.d.ts +29 -18
- package/dist/esm/components/table/stories/mockTable.js +40 -6
- package/dist/esm/components/table/stories/mockTable.js.map +1 -1
- package/dist/esm/components/table/table.styled.d.ts +36 -4
- package/dist/esm/components/table/table.styled.js +56 -4
- package/dist/esm/components/table/table.styled.js.map +1 -1
- package/dist/esm/components/table/tableStandAlone.js +7 -5
- package/dist/esm/components/table/tableStandAlone.js.map +1 -1
- package/dist/esm/components/table/types/formatListHeaderPriority.d.ts +8 -0
- package/dist/esm/components/table/types/formatListHeaderPriority.js +11 -0
- package/dist/esm/components/table/types/formatListHeaderPriority.js.map +1 -0
- package/dist/esm/components/table/types/index.d.ts +3 -2
- package/dist/esm/components/table/types/index.js +1 -1
- package/dist/esm/components/table/types/index.js.map +1 -1
- package/dist/esm/components/table/types/table.d.ts +28 -14
- package/dist/esm/components/table/types/tableTheme.d.ts +3 -0
- package/dist/esm/components/tag/tag.d.ts +3 -0
- package/dist/esm/components/tag/tag.js +3 -0
- package/dist/esm/components/tag/tag.js.map +1 -1
- package/dist/esm/components/tagV2/index.d.ts +2 -0
- package/dist/esm/components/tagV2/index.js +2 -0
- package/dist/esm/components/tagV2/index.js.map +1 -0
- package/dist/esm/components/tagV2/stories/argtypes.d.ts +3 -0
- package/dist/esm/components/tagV2/stories/argtypes.js +62 -0
- package/dist/esm/components/tagV2/stories/argtypes.js.map +1 -0
- package/dist/esm/components/tagV2/tag.d.ts +8 -0
- package/dist/esm/components/tagV2/tag.js +19 -0
- package/dist/esm/components/tagV2/tag.js.map +1 -0
- package/dist/esm/components/tagV2/tag.styled.d.ts +5 -0
- package/dist/esm/components/tagV2/tag.styled.js +6 -0
- package/dist/esm/components/tagV2/tag.styled.js.map +1 -0
- package/dist/esm/components/tagV2/tagStandAlone.d.ts +7 -0
- package/dist/esm/components/tagV2/tagStandAlone.js +17 -0
- package/dist/esm/components/tagV2/tagStandAlone.js.map +1 -0
- package/dist/esm/components/tagV2/types/index.d.ts +2 -0
- package/dist/esm/components/tagV2/types/index.js +3 -0
- package/dist/esm/components/tagV2/types/index.js.map +1 -0
- package/dist/esm/components/tagV2/types/tag.d.ts +28 -0
- package/dist/esm/components/tagV2/types/tag.js +2 -0
- package/dist/esm/components/tagV2/types/tag.js.map +1 -0
- package/dist/esm/components/tagV2/types/tagTheme.d.ts +18 -0
- package/dist/esm/components/tagV2/types/tagTheme.js +2 -0
- package/dist/esm/components/tagV2/types/tagTheme.js.map +1 -0
- package/dist/esm/components/textArea/types/textAreaTheme.d.ts +5 -0
- package/dist/esm/components/tooltip/components/tooltipTrigger.d.ts +1 -0
- package/dist/esm/components/tooltip/components/tooltipTrigger.js +1 -1
- package/dist/esm/components/tooltip/components/tooltipTrigger.js.map +1 -1
- package/dist/esm/components/tooltip/tooltip.styled.js +3 -0
- package/dist/esm/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/constants/stylesName.d.ts +1 -0
- package/dist/esm/constants/stylesName.js +1 -0
- package/dist/esm/constants/stylesName.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/accordion/styles.js +11 -0
- package/dist/esm/designSystem/kubit/components/accordion/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/checkbox/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/checkbox/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/input/styles.js +0 -8
- package/dist/esm/designSystem/kubit/components/input/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/inputDate/styles.js +4 -1
- package/dist/esm/designSystem/kubit/components/inputDate/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/message/styles.js +2 -0
- package/dist/esm/designSystem/kubit/components/message/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/radioButton/styles.js +2 -0
- package/dist/esm/designSystem/kubit/components/radioButton/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/radioButtonGroup/styles.js +2 -0
- package/dist/esm/designSystem/kubit/components/radioButtonGroup/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/tagV2/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/tagV2/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/tagV2/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/tagV2/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/tagV2/styles.js +94 -0
- package/dist/esm/designSystem/kubit/components/tagV2/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/tagV2/variants.d.ts +8 -0
- package/dist/esm/designSystem/kubit/components/tagV2/variants.js +10 -0
- package/dist/esm/designSystem/kubit/components/tagV2/variants.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/accordion/styles.js +9 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/accordion/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/checkbox/styles.js +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/checkbox/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/inputDate/styles.js +4 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/inputDate/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/radioButton/styles.js +2 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/radioButton/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/radioButtonGroup/styles.js +2 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/radioButtonGroup/styles.js.map +1 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/index.d.ts +2 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/index.js +3 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/index.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/styles.d.ts +7 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/styles.js +40 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/styles.js.map +1 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/variants.js +5 -0
- package/dist/esm/designSystem/kubitWireframe/commons/components/tagV2/variants.js.map +1 -0
- package/dist/esm/designSystem/variants.d.ts +1 -0
- 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/useInput/types/inputHook.d.ts +1 -2
- package/dist/esm/hooks/useInput/useInput.js +20 -7
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useStyles/useStyles.d.ts +3 -0
- package/dist/esm/hooks/useStyles/useStyles.js +3 -0
- package/dist/esm/hooks/useStyles/useStyles.js.map +1 -1
- package/dist/esm/hooks/useStyles/useStylesV2.d.ts +8 -0
- package/dist/esm/hooks/useStyles/useStylesV2.js +26 -0
- package/dist/esm/hooks/useStyles/useStylesV2.js.map +1 -0
- package/dist/esm/storybook/provider/utilsProvider/utilsProvider.js +0 -9
- package/dist/esm/storybook/provider/utilsProvider/utilsProvider.js.map +1 -1
- package/dist/esm/styles/mixins/input.mixin.js +2 -0
- package/dist/esm/styles/mixins/input.mixin.js.map +1 -1
- package/dist/esm/utils/stringUtility/string.utility.d.ts +1 -0
- package/dist/esm/utils/stringUtility/string.utility.js +17 -0
- package/dist/esm/utils/stringUtility/string.utility.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/table/component/listRow.js.map +0 -1
- package/dist/esm/components/table/component/listRow.d.ts +0 -2
- package/dist/esm/components/table/component/listRow.js.map +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CarouselPropsStylesType } from './types';
|
|
3
|
-
export declare const RootStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
3
|
+
export declare const RootStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
|
|
4
4
|
styles: CarouselPropsStylesType;
|
|
5
5
|
allowModifySliceWidth?: boolean | undefined;
|
|
6
6
|
}>>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
2
|
import { getStyles } from '../../utils/getStyles/getStyles';
|
|
3
3
|
import { CarouselArrowStateType } from './types';
|
|
4
|
-
export const RootStyled = styled.
|
|
4
|
+
export const RootStyled = styled.section `
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-direction: column;
|
|
7
7
|
align-items: center;
|
|
@@ -83,19 +83,6 @@ export const PageControlAutomateContainerStyled = styled.div `
|
|
|
83
83
|
${({ styles }) => getStyles(styles.pageControlAutomateContainer)};
|
|
84
84
|
`;
|
|
85
85
|
export const ArrowLeftIconContainer = styled.div `
|
|
86
|
-
${({ styles }) => getStyles(styles[CarouselArrowStateType.DEFAULT]?.arrowLeftIconContainer)};
|
|
87
|
-
&:hover {
|
|
88
|
-
${props => getStyles(props.styles[CarouselArrowStateType.HOVER]?.arrowLeftIconContainer)}
|
|
89
|
-
}
|
|
90
|
-
&:active {
|
|
91
|
-
${props => getStyles(props.styles[CarouselArrowStateType.PRESSED]?.arrowLeftIconContainer)}
|
|
92
|
-
}
|
|
93
|
-
&[data-disabled='true'] {
|
|
94
|
-
${({ styles }) => getStyles(styles[CarouselArrowStateType.DISABLED]?.arrowLeftIconContainer)};
|
|
95
|
-
> button {
|
|
96
|
-
${({ styles }) => getStyles(styles[CarouselArrowStateType.DISABLED]?.arrowLeftIconButtonContainer)};
|
|
97
|
-
}
|
|
98
|
-
}
|
|
99
86
|
> button {
|
|
100
87
|
position: absolute;
|
|
101
88
|
top: 0;
|
|
@@ -110,6 +97,19 @@ export const ArrowLeftIconContainer = styled.div `
|
|
|
110
97
|
${props => getStyles(props.styles[CarouselArrowStateType.PRESSED]?.arrowLeftIconButtonContainer)}
|
|
111
98
|
}
|
|
112
99
|
}
|
|
100
|
+
${({ styles }) => getStyles(styles[CarouselArrowStateType.DEFAULT]?.arrowLeftIconContainer)};
|
|
101
|
+
&:hover {
|
|
102
|
+
${props => getStyles(props.styles[CarouselArrowStateType.HOVER]?.arrowLeftIconContainer)}
|
|
103
|
+
}
|
|
104
|
+
&:active {
|
|
105
|
+
${props => getStyles(props.styles[CarouselArrowStateType.PRESSED]?.arrowLeftIconContainer)}
|
|
106
|
+
}
|
|
107
|
+
&[data-disabled='true'] {
|
|
108
|
+
${({ styles }) => getStyles(styles[CarouselArrowStateType.DISABLED]?.arrowLeftIconContainer)};
|
|
109
|
+
> button {
|
|
110
|
+
${({ styles }) => getStyles(styles[CarouselArrowStateType.DISABLED]?.arrowLeftIconButtonContainer)};
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
113
|
`;
|
|
114
114
|
export const ArrowRightIconContainer = styled.div `
|
|
115
115
|
> button {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.styled.js","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAExD,OAAO,EAAE,sBAAsB,EAA2B,MAAM,SAAS,CAAC;AAE1E,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"carousel.styled.js","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.styled.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,10 +4,13 @@ import * as React from 'react';
|
|
|
4
4
|
import { ElementOrIcon } from '../../components/elementOrIcon';
|
|
5
5
|
import { PageControl } from '../../components/pageControl';
|
|
6
6
|
import { useId } from '../../hooks';
|
|
7
|
+
import { AriaLiveOptionType } from '../../types';
|
|
7
8
|
import { PageControlAutomate } from '../pageControlAutomate';
|
|
9
|
+
import { ScreenReaderOnly } from '../screenReaderOnly';
|
|
8
10
|
import { ArrowAndCarouselWrapperStyled, ArrowLeftIconContainer, ArrowRightIconContainer, CarouselContainerStyled, CarouselContentStyled, PageControlAutomateContainerStyled, PageControlContainerStyled, RootStyled, } from './carousel.styled';
|
|
9
11
|
import { ExtraPaddingArrowStandAlone } from './components';
|
|
10
|
-
|
|
12
|
+
import { buildScreenReaderText } from './utils';
|
|
13
|
+
const CarouselStandAloneComponent = ({ styles, carouselContainerRef, carouselContentRef, elements, numPages, centerMode, extraPadding, extraPaddingAsArrow = true, currentPage, onLeftArrowClick, onRightArrowClick, hasPagination, pageControlVariant, pageControlArrowsControlVariant, onKeyDown, dataTestId = 'dataTestIdCarousel', displayArrowsOnCarousel, disableSwipe, allowModifySliceWidth, pageControlAutomateConfig, onIndicatorChange, onMediaButtonClick, onMouseOut, onMouseOver, playing, screenReaderText, ...props }, ref) => {
|
|
11
14
|
const id = useId('carousel');
|
|
12
15
|
const leftArrowDisabled = !props.circular && currentPage === 0;
|
|
13
16
|
const rightArrowDisabled = !props.circular && currentPage === numPages - 1;
|
|
@@ -27,12 +30,12 @@ const CarouselStandAloneComponent = ({ styles, carouselContainerRef, carouselCon
|
|
|
27
30
|
disabled: rightArrowDisabled,
|
|
28
31
|
onClick: onRightArrowClick,
|
|
29
32
|
};
|
|
30
|
-
return (_jsxs(RootStyled, { ref: ref, allowModifySliceWidth: allowModifySliceWidth, "aria-labelledby": props['aria-labelledby'], "data-testid": `${dataTestId}Wrapper`, styles: styles, onKeyDown: onKeyDown, children: [_jsxs(ArrowAndCarouselWrapperStyled, { allowModifySliceWidth: allowModifySliceWidth, styles: styles, children: [displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowLeftIconContainer, { "data-disabled": leftArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !leftArrowDisabled ? styles.leftArrowIcon : styles.leftArrowIconDisabled, dataTestId: `${dataTestId}LeftArrow`, disabled: leftArrowDisabled, ...props.leftArrow, onClick: onLeftArrowClick }) })), _jsxs(CarouselContainerStyled, { ref: carouselContainerRef, "data-testid": `${dataTestId}Container`, styles: styles, tabIndex: -1, onMouseOutCapture: onMouseOut, onMouseOverCapture: onMouseOver, children: [_jsx(CarouselContentStyled, { ref: carouselContentRef, centerMode: centerMode, "data-testid": `${dataTestId}Content`, disableSwipe: disableSwipe, id: id, styles: styles, children: elements }), _jsx(ExtraPaddingArrowStandAlone, { ariaControls: id, ariaLabel: props.leftArrow?.['aria-label'], dataTestId: `${dataTestId}LeftArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onLeftArrowClick }), _jsx(ExtraPaddingArrowStandAlone, { right: true, ariaControls: id, ariaLabel: props.rightArrow?.['aria-label'], dataTestId: `${dataTestId}RightArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onRightArrowClick })] }), displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowRightIconContainer, { "data-disabled": rightArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !rightArrowDisabled ? styles.rightArrowIcon : styles.rightArrowIconDisabled, dataTestId: `${dataTestId}RightArrow`, disabled: rightArrowDisabled, ...props.rightArrow, onClick: onRightArrowClick }) }))] }), hasPagination && numPages > 1 && (_jsx(PageControlContainerStyled, { styles: styles, children: _jsx(PageControl, { arrowsControlVariant: pageControlArrowsControlVariant, currentPosition: currentPage, dataTestId: `${dataTestId}PageControl`, leftArrowControl: leftArrowControlPageControl, pages: numPages, rightArrowControl: rightArrowControlPageControl, variant: pageControlVariant }) })), pageControlAutomateConfig && numPages > 1 && (_jsx(PageControlAutomateContainerStyled, { styles: styles, children: _jsx(PageControlAutomate, { ...pageControlAutomateConfig, currentBar: currentPage, mediaProgressBar: {
|
|
33
|
+
return (_jsxs(RootStyled, { ref: ref, allowModifySliceWidth: allowModifySliceWidth, "aria-labelledby": props['aria-labelledby'], "aria-roledescription": "carousel", "data-testid": `${dataTestId}Wrapper`, styles: styles, onKeyDown: onKeyDown, children: [_jsxs(ArrowAndCarouselWrapperStyled, { allowModifySliceWidth: allowModifySliceWidth, styles: styles, children: [displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowLeftIconContainer, { "data-disabled": leftArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !leftArrowDisabled ? styles.leftArrowIcon : styles.leftArrowIconDisabled, dataTestId: `${dataTestId}LeftArrow`, disabled: leftArrowDisabled, ...props.leftArrow, onClick: onLeftArrowClick }) })), _jsxs(CarouselContainerStyled, { ref: carouselContainerRef, "data-testid": `${dataTestId}Container`, styles: styles, tabIndex: -1, onMouseOutCapture: onMouseOut, onMouseOverCapture: onMouseOver, children: [_jsx(CarouselContentStyled, { ref: carouselContentRef, "aria-live": playing ? AriaLiveOptionType.OFF : AriaLiveOptionType.POLITE, centerMode: centerMode, "data-testid": `${dataTestId}Content`, disableSwipe: disableSwipe, id: id, styles: styles, children: elements }), _jsx(ExtraPaddingArrowStandAlone, { ariaControls: id, ariaLabel: props.leftArrow?.['aria-label'], dataTestId: `${dataTestId}LeftArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onLeftArrowClick }), _jsx(ExtraPaddingArrowStandAlone, { right: true, ariaControls: id, ariaLabel: props.rightArrow?.['aria-label'], dataTestId: `${dataTestId}RightArrow`, extraPadding: extraPadding, extraPaddingAsArrow: extraPaddingAsArrow, styles: styles, onClick: onRightArrowClick })] }), displayArrowsOnCarousel && numPages > 1 && (_jsx(ArrowRightIconContainer, { "data-disabled": rightArrowDisabled, styles: styles, children: _jsx(ElementOrIcon, { "aria-controls": id, customIconStyles: !rightArrowDisabled ? styles.rightArrowIcon : styles.rightArrowIconDisabled, dataTestId: `${dataTestId}RightArrow`, disabled: rightArrowDisabled, ...props.rightArrow, onClick: onRightArrowClick }) }))] }), hasPagination && pageControlArrowsControlVariant && pageControlVariant && numPages > 1 && (_jsx(PageControlContainerStyled, { styles: styles, children: _jsx(PageControl, { arrowsControlVariant: pageControlArrowsControlVariant, currentPosition: currentPage, dataTestId: `${dataTestId}PageControl`, leftArrowControl: leftArrowControlPageControl, pages: numPages, rightArrowControl: rightArrowControlPageControl, variant: pageControlVariant }) })), pageControlAutomateConfig && numPages > 1 && (_jsx(PageControlAutomateContainerStyled, { styles: styles, children: _jsx(PageControlAutomate, { ...pageControlAutomateConfig, currentBar: currentPage, mediaProgressBar: {
|
|
31
34
|
...pageControlAutomateConfig.mediaProgressBar,
|
|
32
35
|
barsNum: numPages,
|
|
33
36
|
circular: props.circular,
|
|
34
37
|
onBarChange: onIndicatorChange,
|
|
35
|
-
}, playStop: { ...pageControlAutomateConfig.playStop, onClick: onMediaButtonClick }, playing: playing }) }))] }));
|
|
38
|
+
}, playStop: { ...pageControlAutomateConfig.playStop, onClick: onMediaButtonClick }, playing: playing }) })), _jsx(ScreenReaderOnly, { ariaLive: playing ? AriaLiveOptionType.OFF : AriaLiveOptionType.POLITE, dataTestId: `${dataTestId}CarouselScreenReader`, children: buildScreenReaderText(currentPage, numPages, screenReaderText) })] }));
|
|
36
39
|
};
|
|
37
40
|
export const CarouselStandAlone = React.forwardRef(CarouselStandAloneComponent);
|
|
38
41
|
//# sourceMappingURL=carouselStandAlone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carouselStandAlone.js","sourceRoot":"","sources":["../../../../src/components/carousel/carouselStandAlone.tsx"],"names":[],"mappings":";AAAA,+BAA+B;AAC/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"carouselStandAlone.js","sourceRoot":"","sources":["../../../../src/components/carousel/carouselStandAlone.tsx"],"names":[],"mappings":"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"}
|
|
@@ -183,7 +183,7 @@ export const argtypes = (variants, themeSelected) => {
|
|
|
183
183
|
},
|
|
184
184
|
pageControlVariant: {
|
|
185
185
|
description: 'PageControl variant',
|
|
186
|
-
type: { name: 'string'
|
|
186
|
+
type: { name: 'string' },
|
|
187
187
|
control: { type: 'select' },
|
|
188
188
|
options: Object.keys(variants[themeSelected].PageControlVariant || {}),
|
|
189
189
|
table: {
|
|
@@ -195,9 +195,9 @@ export const argtypes = (variants, themeSelected) => {
|
|
|
195
195
|
},
|
|
196
196
|
pageControlArrowsControlVariant: {
|
|
197
197
|
description: 'PageControl arrows control variant',
|
|
198
|
-
type: { name: 'string'
|
|
198
|
+
type: { name: 'string' },
|
|
199
199
|
control: { type: 'select' },
|
|
200
|
-
options: Object.keys(variants[themeSelected].
|
|
200
|
+
options: Object.keys(variants[themeSelected].ArrowsControlVariant || {}),
|
|
201
201
|
table: {
|
|
202
202
|
type: {
|
|
203
203
|
summary: 'string',
|
|
@@ -293,6 +293,17 @@ export const argtypes = (variants, themeSelected) => {
|
|
|
293
293
|
category: CATEGORY_CONTROL.MODIFIERS,
|
|
294
294
|
},
|
|
295
295
|
},
|
|
296
|
+
screenReaderText: {
|
|
297
|
+
description: 'Screen reader carousel text. Can be build using the current bar and the bars length using the keywords "{{currentPage}}" and "{{numPages}}"',
|
|
298
|
+
type: { name: 'string' },
|
|
299
|
+
control: { type: 'text' },
|
|
300
|
+
table: {
|
|
301
|
+
type: {
|
|
302
|
+
summary: 'string',
|
|
303
|
+
},
|
|
304
|
+
category: CATEGORY_CONTROL.ACCESIBILITY,
|
|
305
|
+
},
|
|
306
|
+
},
|
|
296
307
|
dataTestId: {
|
|
297
308
|
description: 'String used for testing',
|
|
298
309
|
control: { type: 'text' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"argtypes.js","sourceRoot":"","sources":["../../../../../src/components/carousel/stories/argtypes.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"argtypes.js","sourceRoot":"","sources":["../../../../../src/components/carousel/stories/argtypes.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,8 @@ import { IPageControlAutomateUnControlled } from '../../../components/pageContro
|
|
|
5
5
|
import { CustomTokenTypes } from '../../../types';
|
|
6
6
|
import { CarouselAlignType } from './carouselAlign';
|
|
7
7
|
import { CarouselPropsStylesType } from './carouselTheme';
|
|
8
|
+
export declare const CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY = "{{currentPage}}";
|
|
9
|
+
export declare const CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY = "{{numPages}}";
|
|
8
10
|
export type CarouselMediaProgressBarType = Omit<IMediaProgressBar, 'variant' | 'currentBar' | 'barsNum' | 'circular'> & {
|
|
9
11
|
variant?: string;
|
|
10
12
|
};
|
|
@@ -28,8 +30,8 @@ export interface ICarouselStandAlone {
|
|
|
28
30
|
onLeftArrowClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
29
31
|
onRightArrowClick?: React.MouseEventHandler<HTMLButtonElement>;
|
|
30
32
|
hasPagination?: boolean;
|
|
31
|
-
pageControlVariant
|
|
32
|
-
pageControlArrowsControlVariant
|
|
33
|
+
pageControlVariant?: string;
|
|
34
|
+
pageControlArrowsControlVariant?: string;
|
|
33
35
|
onKeyDown: React.KeyboardEventHandler<HTMLDivElement>;
|
|
34
36
|
onTransition?: (active: boolean) => void;
|
|
35
37
|
dataTestId?: string;
|
|
@@ -43,6 +45,7 @@ export interface ICarouselStandAlone {
|
|
|
43
45
|
onMouseOver?: React.MouseEventHandler<HTMLDivElement>;
|
|
44
46
|
playing?: boolean;
|
|
45
47
|
centerExtremesWhenExtraPadding?: boolean;
|
|
48
|
+
screenReaderText?: string;
|
|
46
49
|
}
|
|
47
50
|
export interface ICarouselControlled<V = undefined extends string ? unknown : string> extends Omit<ICarouselStandAlone, 'styles'>, Omit<CustomTokenTypes<CarouselPropsStylesType>, 'cts' | 'extraCt'> {
|
|
48
51
|
variant: V;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../../src/components/carousel/types/carousel.ts"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"carousel.js","sourceRoot":"","sources":["../../../../../src/components/carousel/types/carousel.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,MAAM,6CAA6C,GAAG,iBAAiB,CAAC;AAC/E,MAAM,CAAC,MAAM,0CAA0C,GAAG,cAAc,CAAC"}
|
|
@@ -35,3 +35,4 @@ export declare const hideArrowsAndPagination: ({ carouselContainer, carouselCont
|
|
|
35
35
|
onePageAlign: CarouselAlignType;
|
|
36
36
|
allowModifySliceWidth: boolean;
|
|
37
37
|
}) => void;
|
|
38
|
+
export declare const buildScreenReaderText: (currentPage: number, numPages: number, screenReaderContentPosition?: string) => string | undefined;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, } from '../types';
|
|
1
2
|
export const calcXDistanceBetween2Elements = (el1, el2) => {
|
|
2
3
|
if (!el1 || !el2) {
|
|
3
4
|
return 0;
|
|
@@ -137,4 +138,14 @@ export const hideArrowsAndPagination = ({ carouselContainer, carouselContent, on
|
|
|
137
138
|
pagination.style.display = 'none';
|
|
138
139
|
}
|
|
139
140
|
};
|
|
141
|
+
export const buildScreenReaderText = (currentPage, numPages, screenReaderContentPosition) => {
|
|
142
|
+
if (!screenReaderContentPosition) {
|
|
143
|
+
return screenReaderContentPosition;
|
|
144
|
+
}
|
|
145
|
+
const currentPageRegExp = new RegExp(CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY, 'g');
|
|
146
|
+
const numPagesRegExp = new RegExp(CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY, 'g');
|
|
147
|
+
return screenReaderContentPosition
|
|
148
|
+
.replace(currentPageRegExp, String(currentPage + 1))
|
|
149
|
+
.replace(numPagesRegExp, String(numPages));
|
|
150
|
+
};
|
|
140
151
|
//# sourceMappingURL=carousel.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.utils.js","sourceRoot":"","sources":["../../../../../src/components/carousel/utils/carousel.utils.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"carousel.utils.js","sourceRoot":"","sources":["../../../../../src/components/carousel/utils/carousel.utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ import { CheckboxStandAlone } from './checkboxStandAlone';
|
|
|
7
7
|
import { getCheckBoxState } from './utils';
|
|
8
8
|
const CheckboxControlledComponent = React.forwardRef((props, ref) => {
|
|
9
9
|
const styles = useStyles(STYLES_NAME.CHECKBOX, props.variant, props.ctv);
|
|
10
|
-
const state = getCheckBoxState(props.checked, props.disabled, props.error);
|
|
10
|
+
const state = getCheckBoxState(props.checked, props.disabled, props.error, styles);
|
|
11
11
|
return _jsx(CheckboxStandAlone, { ref: ref, state: state, styles: styles[state], ...props });
|
|
12
12
|
});
|
|
13
13
|
CheckboxControlledComponent.displayName = 'CheckboxControlledComponent';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkboxControlled.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkboxControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,KAA6B,EAC7B,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,QAAQ,EACpB,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,GAAG,CACV,CAAC;IACF,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"checkboxControlled.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkboxControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,2BAA2B,GAAG,KAAK,CAAC,UAAU,CAClD,CACE,KAA6B,EAC7B,GAA6D,EAChD,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,QAAQ,EACpB,KAAK,CAAC,OAAO,EACb,KAAK,CAAC,GAAG,CACV,CAAC;IACF,MAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAEnF,OAAO,KAAC,kBAAkB,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI,CAAC;AAC1F,CAAC,CACF,CAAC;AACF,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAExE,MAAM,gBAAgB,GAAG,CACvB,KAA6B,EAC7B,GAA6D,EAChD,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,kBAAkB,OAAM,KAAwC,EAAE,GAAG,EAAE,GAAG,GAAI,GAC7D,YAGtB,KAAC,2BAA2B,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACtC,CACjB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAIpB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -7,5 +7,7 @@ export declare enum CheckboxStateType {
|
|
|
7
7
|
DEFAULT_SELECTED = "DEFAULT_SELECTED",
|
|
8
8
|
DISABLED_UNSELECTED = "DISABLED_UNSELECTED",
|
|
9
9
|
DISABLED_SELECTED = "DISABLED_SELECTED",
|
|
10
|
+
ERROR_UNSELECTED = "ERROR_UNSELECTED",
|
|
11
|
+
ERROR_SELECTED = "ERROR_SELECTED",
|
|
10
12
|
ERROR = "ERROR"
|
|
11
13
|
}
|
|
@@ -8,6 +8,9 @@ export var CheckboxStateType;
|
|
|
8
8
|
CheckboxStateType["DEFAULT_SELECTED"] = "DEFAULT_SELECTED";
|
|
9
9
|
CheckboxStateType["DISABLED_UNSELECTED"] = "DISABLED_UNSELECTED";
|
|
10
10
|
CheckboxStateType["DISABLED_SELECTED"] = "DISABLED_SELECTED";
|
|
11
|
+
CheckboxStateType["ERROR_UNSELECTED"] = "ERROR_UNSELECTED";
|
|
12
|
+
CheckboxStateType["ERROR_SELECTED"] = "ERROR_SELECTED";
|
|
13
|
+
// deprecated - This `error` state will be deprecated in the future
|
|
11
14
|
CheckboxStateType["ERROR"] = "ERROR";
|
|
12
15
|
})(CheckboxStateType || (CheckboxStateType = {}));
|
|
13
16
|
//# sourceMappingURL=state.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/types/state.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,
|
|
1
|
+
{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/types/state.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,iBASX;AATD,WAAY,iBAAiB;IAC3B,8DAAyC,CAAA;IACzC,0DAAqC,CAAA;IACrC,gEAA2C,CAAA;IAC3C,4DAAuC,CAAA;IACvC,0DAAqC,CAAA;IACrC,sDAAiC,CAAA;IACjC,mEAAmE;IACnE,oCAAe,CAAA;AACjB,CAAC,EATW,iBAAiB,KAAjB,iBAAiB,QAS5B"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { CheckboxStateType } from '../types';
|
|
2
|
-
declare const getCheckBoxState: (checked?: boolean, disabled?: boolean,
|
|
1
|
+
import { CheckboxPropsStateStylesType, CheckboxStateType } from '../types';
|
|
2
|
+
declare const getCheckBoxState: (checked?: boolean, disabled?: boolean, error?: boolean, styles?: CheckboxPropsStateStylesType) => CheckboxStateType;
|
|
3
3
|
/**
|
|
4
4
|
* Get the state of the checkbox
|
|
5
5
|
* @param state
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { CheckboxStateType } from '../types';
|
|
2
2
|
// eslint-disable-next-line complexity
|
|
3
|
-
const getCheckBoxState = (checked = false, disabled = false,
|
|
4
|
-
|
|
3
|
+
const getCheckBoxState = (checked = false, disabled = false, error = false,
|
|
4
|
+
// deprecated - Remove style from de method when the deprecated ERROR state is removed
|
|
5
|
+
styles) => {
|
|
6
|
+
if (error && !checked && styles?.[CheckboxStateType.ERROR_UNSELECTED]) {
|
|
7
|
+
return CheckboxStateType.ERROR_UNSELECTED;
|
|
8
|
+
}
|
|
9
|
+
if (error && checked && styles?.[CheckboxStateType.ERROR_SELECTED]) {
|
|
10
|
+
return CheckboxStateType.ERROR_SELECTED;
|
|
11
|
+
}
|
|
12
|
+
// deprecated - This `error` state will be deprecated in the future
|
|
13
|
+
if (error) {
|
|
5
14
|
return CheckboxStateType.ERROR;
|
|
6
15
|
}
|
|
7
16
|
if (disabled && !checked) {
|
|
@@ -23,10 +32,15 @@ const getCheckBoxState = (checked = false, disabled = false, isError = false) =>
|
|
|
23
32
|
* @internal
|
|
24
33
|
*/
|
|
25
34
|
export const checkboxState = (state) => {
|
|
26
|
-
const isChecked = state === CheckboxStateType.DEFAULT_SELECTED ||
|
|
35
|
+
const isChecked = state === CheckboxStateType.DEFAULT_SELECTED ||
|
|
36
|
+
state === CheckboxStateType.DISABLED_SELECTED ||
|
|
37
|
+
state === CheckboxStateType.ERROR_SELECTED;
|
|
27
38
|
const isDisabled = state === CheckboxStateType.DISABLED_UNSELECTED ||
|
|
28
39
|
state === CheckboxStateType.DISABLED_SELECTED;
|
|
29
|
-
const hasError = state === CheckboxStateType.
|
|
40
|
+
const hasError = state === CheckboxStateType.ERROR_SELECTED ||
|
|
41
|
+
state === CheckboxStateType.ERROR_UNSELECTED ||
|
|
42
|
+
// deprecated - This `error` state will be deprecated in the future
|
|
43
|
+
state === CheckboxStateType.ERROR;
|
|
30
44
|
return { isChecked, isDisabled, hasError };
|
|
31
45
|
};
|
|
32
46
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"state.utils.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/utils/state.utils.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"state.utils.js","sourceRoot":"","sources":["../../../../../src/components/checkbox/utils/state.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgC,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE3E,sCAAsC;AACtC,MAAM,gBAAgB,GAAG,CACvB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK;AACb,sFAAsF;AACtF,MAAqC,EAClB,EAAE;IACrB,IAAI,KAAK,IAAI,CAAC,OAAO,IAAI,MAAM,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACtE,OAAO,iBAAiB,CAAC,gBAAgB,CAAC;IAC5C,CAAC;IACD,IAAI,KAAK,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAC;QACnE,OAAO,iBAAiB,CAAC,cAAc,CAAC;IAC1C,CAAC;IACD,mEAAmE;IACnE,IAAI,KAAK,EAAE,CAAC;QACV,OAAO,iBAAiB,CAAC,KAAK,CAAC;IACjC,CAAC;IACD,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE,CAAC;QACzB,OAAO,iBAAiB,CAAC,mBAAmB,CAAC;IAC/C,CAAC;IACD,IAAI,QAAQ,IAAI,OAAO,EAAE,CAAC;QACxB,OAAO,iBAAiB,CAAC,iBAAiB,CAAC;IAC7C,CAAC;IACD,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,iBAAiB,CAAC,gBAAgB,CAAC;IAC5C,CAAC;IACD,OAAO,iBAAiB,CAAC,kBAAkB,CAAC;AAC9C,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,KAAwB,EAKxB,EAAE;IACF,MAAM,SAAS,GACb,KAAK,KAAK,iBAAiB,CAAC,gBAAgB;QAC5C,KAAK,KAAK,iBAAiB,CAAC,iBAAiB;QAC7C,KAAK,KAAK,iBAAiB,CAAC,cAAc,CAAC;IAC7C,MAAM,UAAU,GACd,KAAK,KAAK,iBAAiB,CAAC,mBAAmB;QAC/C,KAAK,KAAK,iBAAiB,CAAC,iBAAiB,CAAC;IAChD,MAAM,QAAQ,GACZ,KAAK,KAAK,iBAAiB,CAAC,cAAc;QAC1C,KAAK,KAAK,iBAAiB,CAAC,gBAAgB;QAC5C,mEAAmE;QACnE,KAAK,KAAK,iBAAiB,CAAC,KAAK,CAAC;IACpC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;AAC7C,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -7,25 +7,52 @@ import { css } from 'styled-components';
|
|
|
7
7
|
* @returns {CSSProp} - The animation
|
|
8
8
|
*
|
|
9
9
|
*/
|
|
10
|
+
// deprecated - props duration, enterDuration, exitDuration and delay should be of type string (props should come with the units)
|
|
10
11
|
export const transitionMixin = (props) => css `
|
|
11
12
|
transition:
|
|
12
|
-
opacity
|
|
13
|
-
|
|
13
|
+
opacity
|
|
14
|
+
${typeof props.options?.duration === 'number'
|
|
15
|
+
? props.options?.duration + 's'
|
|
16
|
+
: props.options?.duration},
|
|
17
|
+
transform
|
|
18
|
+
${typeof props.options?.duration === 'number'
|
|
19
|
+
? props.options?.duration + 's'
|
|
20
|
+
: props.options?.duration};
|
|
14
21
|
transition-timing-function: ${props.options?.timingFunction};
|
|
15
|
-
transition-delay: ${props.options?.delay
|
|
22
|
+
transition-delay: ${typeof props.options?.delay === 'number'
|
|
23
|
+
? props.options?.delay + 's'
|
|
24
|
+
: props.options?.delay};
|
|
16
25
|
`;
|
|
26
|
+
// deprecated - props duration, enterDuration, exitDuration and delay should be of type string (props should come with the units)
|
|
17
27
|
export const transitionMixinEnter = (props) => css `
|
|
18
28
|
transition:
|
|
19
|
-
opacity
|
|
20
|
-
|
|
29
|
+
opacity
|
|
30
|
+
${typeof props.options?.enterDuration === 'number'
|
|
31
|
+
? props.options?.enterDuration + 's'
|
|
32
|
+
: props.options?.enterDuration},
|
|
33
|
+
transform
|
|
34
|
+
${typeof props.options?.enterDuration === 'number'
|
|
35
|
+
? props.options?.enterDuration + 's'
|
|
36
|
+
: props.options?.enterDuration};
|
|
21
37
|
transition-timing-function: ${props.options?.timingFunction};
|
|
22
|
-
transition-delay: ${props.options?.delay
|
|
38
|
+
transition-delay: ${typeof props.options?.delay === 'number'
|
|
39
|
+
? props.options?.delay + 's'
|
|
40
|
+
: props.options?.delay};
|
|
23
41
|
`;
|
|
42
|
+
// deprecated - props duration, enterDuration, exitDuration and delay should be of type string (props should come with the units)
|
|
24
43
|
export const transitionMixinExit = (props) => css `
|
|
25
44
|
transition:
|
|
26
|
-
opacity
|
|
27
|
-
|
|
45
|
+
opacity
|
|
46
|
+
${typeof props.options?.exitDuration === 'number'
|
|
47
|
+
? props.options?.exitDuration + 's'
|
|
48
|
+
: props.options?.exitDuration},
|
|
49
|
+
transform
|
|
50
|
+
${typeof props.options?.exitDuration === 'number'
|
|
51
|
+
? props.options?.exitDuration + 's'
|
|
52
|
+
: props.options?.exitDuration};
|
|
28
53
|
transition-timing-function: ${props.options?.timingFunction};
|
|
29
|
-
transition-delay: ${props.options?.delay
|
|
54
|
+
transition-delay: ${typeof props.options?.delay === 'number'
|
|
55
|
+
? props.options?.delay + 's'
|
|
56
|
+
: props.options?.delay};
|
|
30
57
|
`;
|
|
31
58
|
//# sourceMappingURL=transitionMixin.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"transitionMixin.js","sourceRoot":"","sources":["../../../../../src/components/cssAnimation/animations/transitionMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIjD;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAW,EAAE,CAAC,GAAG,CAAA;;
|
|
1
|
+
{"version":3,"file":"transitionMixin.js","sourceRoot":"","sources":["../../../../../src/components/cssAnimation/animations/transitionMixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAIjD;;;;;;;GAOG;AACH,iIAAiI;AACjI,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA0B,EAAW,EAAE,CAAC,GAAG,CAAA;;;QAGnE,OAAO,KAAK,CAAC,OAAO,EAAE,QAAQ,KAAK,QAAQ;IAC3C,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,GAAG,GAAG;IAC/B,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ;;QAEzB,OAAO,KAAK,CAAC,OAAO,EAAE,QAAQ,KAAK,QAAQ;IAC3C,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ,GAAG,GAAG;IAC/B,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,QAAQ;gCACD,KAAK,CAAC,OAAO,EAAE,cAAc;sBACvC,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,KAAK,QAAQ;IAC1D,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,GAAG;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK;CACzB,CAAC;AACF,iIAAiI;AACjI,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,KAA0B,EAAW,EAAE,CAAC,GAAG,CAAA;;;QAGxE,OAAO,KAAK,CAAC,OAAO,EAAE,aAAa,KAAK,QAAQ;IAChD,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,GAAG,GAAG;IACpC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa;;QAE9B,OAAO,KAAK,CAAC,OAAO,EAAE,aAAa,KAAK,QAAQ;IAChD,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa,GAAG,GAAG;IACpC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,aAAa;gCACN,KAAK,CAAC,OAAO,EAAE,cAAc;sBACvC,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,KAAK,QAAQ;IAC1D,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,GAAG;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK;CACzB,CAAC;AACF,iIAAiI;AACjI,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA0B,EAAW,EAAE,CAAC,GAAG,CAAA;;;QAGvE,OAAO,KAAK,CAAC,OAAO,EAAE,YAAY,KAAK,QAAQ;IAC/C,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG;IACnC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,YAAY;;QAE7B,OAAO,KAAK,CAAC,OAAO,EAAE,YAAY,KAAK,QAAQ;IAC/C,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG;IACnC,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,YAAY;gCACL,KAAK,CAAC,OAAO,EAAE,cAAc;sBACvC,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,KAAK,QAAQ;IAC1D,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,GAAG,GAAG;IAC5B,CAAC,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK;CACzB,CAAC"}
|
|
@@ -2,25 +2,40 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { Children, cloneElement, isValidElement, useEffect, useRef, useState, } from 'react';
|
|
4
4
|
import { CSSTransition } from 'react-transition-group';
|
|
5
|
+
import { convertDurationToNumber } from '../../utils/stringUtility/string.utility';
|
|
5
6
|
import { CssAnimationContainer } from './cssAnimation.styled';
|
|
6
7
|
import { CssAnimationExecuteOption } from './types';
|
|
7
8
|
const CssAnimationComponent = ({ children, variant, options, exec = CssAnimationExecuteOption.HIDDEN, dataTestId = 'cssAnimation', }, ref) => {
|
|
8
9
|
const nodeRef = useRef();
|
|
9
10
|
const [execute, setExecute] = useState(CssAnimationExecuteOption.HIDDEN);
|
|
11
|
+
// deprecated - Remove the condition when `enterDuration` and `duration` are type string
|
|
10
12
|
const enterDuration = () => {
|
|
11
13
|
if (options?.enterDuration) {
|
|
14
|
+
if (typeof options?.enterDuration === 'string') {
|
|
15
|
+
return convertDurationToNumber(options?.enterDuration);
|
|
16
|
+
}
|
|
12
17
|
return options.enterDuration * 1000;
|
|
13
18
|
}
|
|
14
19
|
else if (options?.duration) {
|
|
20
|
+
if (typeof options?.duration === 'string') {
|
|
21
|
+
return convertDurationToNumber(options?.duration);
|
|
22
|
+
}
|
|
15
23
|
return options.duration * 1000;
|
|
16
24
|
}
|
|
17
25
|
return 0;
|
|
18
26
|
};
|
|
27
|
+
// deprecated - Remove the condition when `exitDuration` and `duration` are type string
|
|
19
28
|
const exitDuration = () => {
|
|
20
29
|
if (options?.exitDuration) {
|
|
30
|
+
if (typeof options?.exitDuration === 'string') {
|
|
31
|
+
return convertDurationToNumber(options?.exitDuration);
|
|
32
|
+
}
|
|
21
33
|
return options.exitDuration * 1000;
|
|
22
34
|
}
|
|
23
35
|
else if (options?.duration) {
|
|
36
|
+
if (typeof options?.duration === 'string') {
|
|
37
|
+
return convertDurationToNumber(options?.duration);
|
|
38
|
+
}
|
|
24
39
|
return options.duration * 1000;
|
|
25
40
|
}
|
|
26
41
|
return 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cssAnimation.js","sourceRoot":"","sources":["../../../../src/components/cssAnimation/cssAnimation.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"cssAnimation.js","sourceRoot":"","sources":["../../../../src/components/cssAnimation/cssAnimation.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,QAAQ,EAER,YAAY,EACZ,cAAc,EACd,SAAS,EACT,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,yBAAyB,EAAiB,MAAM,SAAS,CAAC;AAEnE,MAAM,qBAAqB,GAAG,CAC5B,EACE,QAAQ,EACR,OAAO,EACP,OAAO,EACP,IAAI,GAAG,yBAAyB,CAAC,MAAM,EACvC,UAAU,GAAG,cAAc,GACb,EAChB,GAA0D,EAC7C,EAAE;IACf,MAAM,OAAO,GAAG,MAAM,EAAkB,CAAC;IACzC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,yBAAyB,CAAC,MAAM,CAAC,CAAC;IAEzE,wFAAwF;IACxF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,EAAE,aAAa,EAAE,CAAC;YAC3B,IAAI,OAAO,OAAO,EAAE,aAAa,KAAK,QAAQ,EAAE,CAAC;gBAC/C,OAAO,uBAAuB,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC;YACzD,CAAC;YACD,OAAO,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC;QACtC,CAAC;aAAM,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YAC7B,IAAI,OAAO,OAAO,EAAE,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1C,OAAO,uBAAuB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACpD,CAAC;YACD,OAAO,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACjC,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,uFAAuF;IACvF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,OAAO,EAAE,YAAY,EAAE,CAAC;YAC1B,IAAI,OAAO,OAAO,EAAE,YAAY,KAAK,QAAQ,EAAE,CAAC;gBAC9C,OAAO,uBAAuB,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;YACxD,CAAC;YACD,OAAO,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;QACrC,CAAC;aAAM,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAC;YAC7B,IAAI,OAAO,OAAO,EAAE,QAAQ,KAAK,QAAQ,EAAE,CAAC;gBAC1C,OAAO,uBAAuB,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;YACpD,CAAC;YACD,OAAO,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACjC,CAAC;QACD,OAAO,CAAC,CAAC;IACX,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;QAC1C,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;QACvB,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,IAAI,CAAC,CAAC;YACZ,CAAC;iBAAM,CAAC;gBACN,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;YACrB,CAAC;QACH,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI;YAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,KAAC,aAAa,IACZ,aAAa,QACb,UAAU,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,EAC7B,EAAE,EAAE,OAAO,KAAK,yBAAyB,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAC9D,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;YACP,KAAK,EAAE,aAAa,EAAE;YACtB,IAAI,EAAE,YAAY,EAAE;SACrB,YAED,KAAC,qBAAqB,mBACP,UAAU,EACvB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,YAEf,CAAC,IAAI,KAAK,yBAAyB,CAAC,KAAK,IAAI,IAAI,KAAK,yBAAyB,CAAC,GAAG,CAAC;gBACnF,QAAQ,CAAC,GAAG,CACV,QAAQ,EACR,KAAK,CAAC,EAAE,CACN,cAAc,CAAC,KAAK,CAAC;oBACrB,YAAY,CAAC,KAAK,EAAE;wBAClB,GAAG,EAAE,UAAU;qBACiB,CAAC,CACtC,GACmB,GACV,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,qBAAqB,CAAC,CAAC"}
|
|
@@ -24,11 +24,23 @@ export declare enum CssAnimationTimingFunction {
|
|
|
24
24
|
* Interface for the CssAnimationOptions
|
|
25
25
|
*/
|
|
26
26
|
export interface ICssAnimationOptions {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
/**
|
|
28
|
+
* @deprecated This property will be of type string (the duration should come with the units)
|
|
29
|
+
*/
|
|
30
|
+
duration?: number | string;
|
|
31
|
+
/**
|
|
32
|
+
* @deprecated This property will be of type string (the duration should come with the units)
|
|
33
|
+
*/
|
|
34
|
+
enterDuration?: number | string;
|
|
35
|
+
/**
|
|
36
|
+
* @deprecated This property will be of type string (the duration should come with the units)
|
|
37
|
+
*/
|
|
38
|
+
exitDuration?: number | string;
|
|
30
39
|
timingFunction: CssAnimationTimingFunction;
|
|
31
|
-
|
|
40
|
+
/**
|
|
41
|
+
* @deprecated This property will be of type string (the duration should come with the units)
|
|
42
|
+
*/
|
|
43
|
+
delay: number | string;
|
|
32
44
|
iterationCount: number;
|
|
33
45
|
animationDistanceInPx?: number;
|
|
34
46
|
animationRotationInDeg?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"cssAnimation.js","sourceRoot":"","sources":["../../../../../src/components/cssAnimation/types/cssAnimation.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,MAAM,CAAN,IAAY,0BAMX;AAND,WAAY,0BAA0B;IACpC,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,yDAA2B,CAAA;IAC3B,2CAAa,CAAA;IACb,+CAAiB,CAAA;AACnB,CAAC,EANW,0BAA0B,KAA1B,0BAA0B,QAMrC;
|
|
1
|
+
{"version":3,"file":"cssAnimation.js","sourceRoot":"","sources":["../../../../../src/components/cssAnimation/types/cssAnimation.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,MAAM,CAAN,IAAY,0BAMX;AAND,WAAY,0BAA0B;IACpC,iDAAmB,CAAA;IACnB,mDAAqB,CAAA;IACrB,yDAA2B,CAAA;IAC3B,2CAAa,CAAA;IACb,+CAAiB,CAAA;AACnB,CAAC,EANW,0BAA0B,KAA1B,0BAA0B,QAMrC;AAqCD;;;;GAIG;AACH,MAAM,CAAN,IAAY,yBAIX;AAJD,WAAY,yBAAyB;IACnC,8CAAiB,CAAA;IACjB,4CAAe,CAAA;IACf,wCAAW,CAAA;AACb,CAAC,EAJW,yBAAyB,KAAzB,yBAAyB,QAIpC"}
|