@kubit-ui-web/react-components 1.12.0 → 1.13.1
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/button/button.styled.js +1 -2
- package/dist/cjs/components/button/button.styled.js.map +1 -1
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +22 -0
- package/dist/cjs/components/calendar/selector/monthSelector/utils/monthSelector.utils.js.map +1 -1
- package/dist/cjs/components/drawer/drawer.styled.js +1 -31
- package/dist/cjs/components/drawer/drawer.styled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerControlled.js +11 -4
- package/dist/cjs/components/drawer/drawerControlled.js.map +1 -1
- package/dist/cjs/components/drawer/drawerStandAlone.js +2 -2
- package/dist/cjs/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/cjs/components/drawer/drawerUnControlled.js +2 -2
- package/dist/cjs/components/drawer/drawerUnControlled.js.map +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +2 -2
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/cjs/components/icon/icon.js +2 -2
- package/dist/cjs/components/icon/icon.js.map +1 -1
- package/dist/cjs/components/index.js +2 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/inputDate/components/popoverCalendar.js +1 -1
- package/dist/cjs/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/cjs/components/inputDate/hooks/useInputDate.js +20 -16
- package/dist/cjs/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/cjs/components/inputDate/inputDateStandAlone.js +2 -2
- package/dist/cjs/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/cjs/components/inputDate/utils/verifyDate.js +3 -2
- package/dist/cjs/components/inputDate/utils/verifyDate.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 -1
- package/dist/cjs/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js +1 -1
- package/dist/cjs/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.js +5 -2
- package/dist/cjs/components/inputSearch/inputSearchStandAlone.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/messageStandAlone.js +4 -1
- package/dist/cjs/components/message/messageStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modal.styled.js +4 -1
- package/dist/cjs/components/modal/modal.styled.js.map +1 -1
- package/dist/cjs/components/modal/modalControlled.js +6 -1
- package/dist/cjs/components/modal/modalControlled.js.map +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js.map +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/fragments/modalHeader.js +7 -3
- package/dist/cjs/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/cjs/components/modalV2/modal.styled.js +4 -4
- package/dist/cjs/components/modalV2/modal.styled.js.map +1 -1
- package/dist/cjs/components/modalV2/modalControlled.js +6 -1
- package/dist/cjs/components/modalV2/modalControlled.js.map +1 -1
- package/dist/cjs/components/modalV2/modalStandAlone.js +1 -1
- package/dist/cjs/components/modalV2/modalStandAlone.js.map +1 -1
- package/dist/cjs/components/modalV2/modalUnControlled.js +1 -1
- package/dist/cjs/components/modalV2/modalUnControlled.js.map +1 -1
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js +3 -7
- package/dist/cjs/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -0
- package/dist/cjs/components/option/optionStandAlone.js.map +1 -1
- package/dist/cjs/components/pillV2/pill.js.map +1 -1
- package/dist/cjs/components/pillV2/pillStandAlone.js +4 -4
- package/dist/cjs/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/cjs/components/progressBar/index.js +22 -0
- package/dist/cjs/components/progressBar/index.js.map +1 -0
- package/dist/cjs/components/progressBar/progressBar.js +46 -0
- package/dist/cjs/components/progressBar/progressBar.js.map +1 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js +24 -0
- package/dist/cjs/components/progressBar/progressBar.styled.js.map +1 -0
- package/dist/cjs/components/progressBar/progressBarStandAlone.js +52 -0
- package/dist/cjs/components/progressBar/progressBarStandAlone.js.map +1 -0
- package/dist/cjs/components/progressBar/types/index.js +19 -0
- package/dist/cjs/components/progressBar/types/index.js.map +1 -0
- package/dist/cjs/components/progressBar/types/progressBar.js +3 -0
- package/dist/cjs/components/progressBar/types/progressBar.js.map +1 -0
- package/dist/cjs/components/progressBar/types/progressBarTheme.js +3 -0
- package/dist/cjs/components/progressBar/types/progressBarTheme.js.map +1 -0
- package/dist/cjs/components/quickButton/quickButton.js +4 -4
- package/dist/cjs/components/quickButton/quickButton.js.map +1 -1
- package/dist/cjs/components/quickButton/quickButtonStandAlone.js +1 -1
- package/dist/cjs/components/quickButton/quickButtonStandAlone.js.map +1 -1
- package/dist/cjs/components/text/types/component.js +1 -0
- package/dist/cjs/components/text/types/component.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltip.styled.js +2 -0
- package/dist/cjs/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +5 -7
- package/dist/cjs/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +7 -3
- package/dist/cjs/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/cjs/components/video/components/index.js +24 -0
- package/dist/cjs/components/video/components/index.js.map +1 -0
- package/dist/cjs/components/video/components/linkAndActionButton.js +14 -0
- package/dist/cjs/components/video/components/linkAndActionButton.js.map +1 -0
- package/dist/cjs/components/video/components/playStopButton.js +15 -0
- package/dist/cjs/components/video/components/playStopButton.js.map +1 -0
- package/dist/cjs/components/video/components/screenButtons.js +13 -0
- package/dist/cjs/components/video/components/screenButtons.js.map +1 -0
- package/dist/cjs/components/video/components/subtitleFullScreenButtons.js +16 -0
- package/dist/cjs/components/video/components/subtitleFullScreenButtons.js.map +1 -0
- package/dist/cjs/components/video/components/time.js +12 -0
- package/dist/cjs/components/video/components/time.js.map +1 -0
- package/dist/cjs/components/video/components/videoSkeleton.js +16 -0
- package/dist/cjs/components/video/components/videoSkeleton.js.map +1 -0
- package/dist/cjs/components/video/components/volume.js +17 -0
- package/dist/cjs/components/video/components/volume.js.map +1 -0
- package/dist/cjs/components/video/index.js +25 -0
- package/dist/cjs/components/video/index.js.map +1 -0
- package/dist/cjs/components/video/types/index.js +18 -0
- package/dist/cjs/components/video/types/index.js.map +1 -0
- package/dist/cjs/components/video/types/video.js +10 -0
- package/dist/cjs/components/video/types/video.js.map +1 -0
- package/dist/cjs/components/video/types/videoTheme.js +3 -0
- package/dist/cjs/components/video/types/videoTheme.js.map +1 -0
- package/dist/cjs/components/video/video.styled.js +156 -0
- package/dist/cjs/components/video/video.styled.js.map +1 -0
- package/dist/cjs/components/video/videoControlled.js +43 -0
- package/dist/cjs/components/video/videoControlled.js.map +1 -0
- package/dist/cjs/components/video/videoStandAlone.js +50 -0
- package/dist/cjs/components/video/videoStandAlone.js.map +1 -0
- package/dist/cjs/components/video/videoUnControlled.js +216 -0
- package/dist/cjs/components/video/videoUnControlled.js.map +1 -0
- package/dist/cjs/constants/keyboardKeys.js +2 -2
- package/dist/cjs/constants/keyboardKeys.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js +22 -0
- package/dist/cjs/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/mediaButton/styles.js +20 -4
- package/dist/cjs/designSystem/kubit/components/mediaButton/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/modal/styles.js +6 -1
- package/dist/cjs/designSystem/kubit/components/modal/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js +3 -1
- package/dist/cjs/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/progressBar/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/styles.js +76 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/variants.js +14 -0
- package/dist/cjs/designSystem/kubit/components/progressBar/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +2 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +2 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/video/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/video/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/video/styles.js +182 -0
- package/dist/cjs/designSystem/kubit/components/video/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/video/variants.js +8 -0
- package/dist/cjs/designSystem/kubit/components/video/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 +38 -23
- package/dist/cjs/hooks/useInput/useInput.js.map +1 -1
- package/dist/cjs/hooks/useManageState/useManageState.js +4 -4
- package/dist/cjs/hooks/useManageState/useManageState.js.map +1 -1
- package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js +15 -5
- package/dist/cjs/hooks/useScrollEffect/useScrollEffect.js.map +1 -1
- package/dist/cjs/hooks/useSwipeDown/useSwipeDown.js +101 -0
- package/dist/cjs/hooks/useSwipeDown/useSwipeDown.js.map +1 -0
- package/dist/cjs/utils/focusHandlers/focusHandlers.js +1 -1
- package/dist/cjs/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/cjs/utils/isStringTypeOf/isStringTypeOf.js +16 -0
- package/dist/cjs/utils/isStringTypeOf/isStringTypeOf.js.map +1 -1
- package/dist/cjs/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js +6 -2
- package/dist/cjs/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js.map +1 -1
- package/dist/cjs/utils/syntheticComponents/syntheticDate/syntheticDate.js +1 -1
- package/dist/cjs/utils/syntheticComponents/syntheticDate/syntheticDate.js.map +1 -1
- package/dist/esm/components/button/button.styled.js +1 -2
- package/dist/esm/components/button/button.styled.js.map +1 -1
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js +22 -0
- package/dist/esm/components/calendar/selector/monthSelector/utils/monthSelector.utils.js.map +1 -1
- package/dist/esm/components/drawer/drawer.styled.js +1 -31
- package/dist/esm/components/drawer/drawer.styled.js.map +1 -1
- package/dist/esm/components/drawer/drawerControlled.js +12 -5
- package/dist/esm/components/drawer/drawerControlled.js.map +1 -1
- package/dist/esm/components/drawer/drawerStandAlone.js +2 -2
- package/dist/esm/components/drawer/drawerStandAlone.js.map +1 -1
- package/dist/esm/components/drawer/drawerUnControlled.js +2 -2
- package/dist/esm/components/drawer/drawerUnControlled.js.map +1 -1
- package/dist/esm/components/drawer/types/drawer.d.ts +2 -2
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js.map +1 -1
- package/dist/esm/components/icon/icon.js +1 -1
- package/dist/esm/components/icon/icon.js.map +1 -1
- package/dist/esm/components/iconHighlighted/types/iconHighlighted.d.ts +0 -1
- package/dist/esm/components/index.d.ts +2 -0
- package/dist/esm/components/index.js +2 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/inputDate/components/popoverCalendar.js +1 -1
- package/dist/esm/components/inputDate/components/popoverCalendar.js.map +1 -1
- package/dist/esm/components/inputDate/hooks/useInputDate.js +20 -16
- package/dist/esm/components/inputDate/hooks/useInputDate.js.map +1 -1
- package/dist/esm/components/inputDate/inputDateStandAlone.js +2 -2
- package/dist/esm/components/inputDate/inputDateStandAlone.js.map +1 -1
- package/dist/esm/components/inputDate/types/inputDate.d.ts +1 -0
- package/dist/esm/components/inputDate/utils/verifyDate.d.ts +4 -0
- package/dist/esm/components/inputDate/utils/verifyDate.js +1 -1
- package/dist/esm/components/inputDate/utils/verifyDate.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 -1
- package/dist/esm/components/inputSearch/components/popoverSearchList.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js +1 -1
- package/dist/esm/components/inputSearch/inputSearch.js.map +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.d.ts +1 -1
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js +5 -2
- package/dist/esm/components/inputSearch/inputSearchStandAlone.js.map +1 -1
- package/dist/esm/components/inputSearch/types/inputSearch.d.ts +7 -1
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js +1 -1
- package/dist/esm/components/mediaButton/mediaButtonStandAlone.js.map +1 -1
- package/dist/esm/components/message/messageStandAlone.js +4 -1
- package/dist/esm/components/message/messageStandAlone.js.map +1 -1
- package/dist/esm/components/message/types/message.d.ts +1 -1
- package/dist/esm/components/modal/modal.styled.d.ts +1 -0
- package/dist/esm/components/modal/modal.styled.js +3 -0
- package/dist/esm/components/modal/modal.styled.js.map +1 -1
- package/dist/esm/components/modal/modalControlled.js +7 -2
- package/dist/esm/components/modal/modalControlled.js.map +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +2 -2
- package/dist/esm/components/modal/modalStandAlone.js.map +1 -1
- package/dist/esm/components/modal/modalUnControlled.js +1 -1
- package/dist/esm/components/modal/modalUnControlled.js.map +1 -1
- package/dist/esm/components/modal/types/modal.d.ts +5 -2
- package/dist/esm/components/modal/types/modalTheme.d.ts +2 -0
- package/dist/esm/components/modalV2/fragments/modalHeader.d.ts +1 -1
- package/dist/esm/components/modalV2/fragments/modalHeader.js +8 -4
- package/dist/esm/components/modalV2/fragments/modalHeader.js.map +1 -1
- package/dist/esm/components/modalV2/modal.styled.d.ts +1 -1
- package/dist/esm/components/modalV2/modal.styled.js +3 -3
- package/dist/esm/components/modalV2/modal.styled.js.map +1 -1
- package/dist/esm/components/modalV2/modalControlled.js +7 -2
- package/dist/esm/components/modalV2/modalControlled.js.map +1 -1
- package/dist/esm/components/modalV2/modalStandAlone.js +2 -2
- package/dist/esm/components/modalV2/modalStandAlone.js.map +1 -1
- package/dist/esm/components/modalV2/modalUnControlled.js +1 -1
- package/dist/esm/components/modalV2/modalUnControlled.js.map +1 -1
- package/dist/esm/components/modalV2/types/modal.d.ts +5 -2
- package/dist/esm/components/modalV2/types/modalTheme.d.ts +2 -0
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js +2 -6
- package/dist/esm/components/navigationCard/navigationCardStandAlone.js.map +1 -1
- package/dist/esm/components/option/optionStandAlone.js +1 -0
- package/dist/esm/components/option/optionStandAlone.js.map +1 -1
- package/dist/esm/components/pillV2/pill.d.ts +1 -1
- package/dist/esm/components/pillV2/pill.js.map +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.d.ts +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.js +1 -1
- package/dist/esm/components/pillV2/pillStandAlone.js.map +1 -1
- package/dist/esm/components/progressBar/index.d.ts +2 -0
- package/dist/esm/components/progressBar/index.js +4 -0
- package/dist/esm/components/progressBar/index.js.map +1 -0
- package/dist/esm/components/progressBar/progressBar.d.ts +16 -0
- package/dist/esm/components/progressBar/progressBar.js +29 -0
- package/dist/esm/components/progressBar/progressBar.js.map +1 -0
- package/dist/esm/components/progressBar/progressBar.styled.d.ts +12 -0
- package/dist/esm/components/progressBar/progressBar.styled.js +18 -0
- package/dist/esm/components/progressBar/progressBar.styled.js.map +1 -0
- package/dist/esm/components/progressBar/progressBarStandAlone.d.ts +9 -0
- package/dist/esm/components/progressBar/progressBarStandAlone.js +26 -0
- package/dist/esm/components/progressBar/progressBarStandAlone.js.map +1 -0
- package/dist/esm/components/progressBar/types/index.d.ts +2 -0
- package/dist/esm/components/progressBar/types/index.js +3 -0
- package/dist/esm/components/progressBar/types/index.js.map +1 -0
- package/dist/esm/components/progressBar/types/progressBar.d.ts +20 -0
- package/dist/esm/components/progressBar/types/progressBar.js +2 -0
- package/dist/esm/components/progressBar/types/progressBar.js.map +1 -0
- package/dist/esm/components/progressBar/types/progressBarTheme.d.ts +41 -0
- package/dist/esm/components/progressBar/types/progressBarTheme.js +2 -0
- package/dist/esm/components/progressBar/types/progressBarTheme.js.map +1 -0
- package/dist/esm/components/quickButton/quickButton.js +1 -1
- package/dist/esm/components/quickButton/quickButton.js.map +1 -1
- package/dist/esm/components/quickButton/quickButtonStandAlone.js +1 -1
- package/dist/esm/components/quickButton/quickButtonStandAlone.js.map +1 -1
- package/dist/esm/components/quickButton/types/quickButton.d.ts +1 -0
- package/dist/esm/components/text/types/component.d.ts +2 -1
- package/dist/esm/components/text/types/component.js +1 -0
- package/dist/esm/components/text/types/component.js.map +1 -1
- package/dist/esm/components/text/types/text.d.ts +1 -1
- package/dist/esm/components/tooltip/tooltip.styled.d.ts +2 -1
- package/dist/esm/components/tooltip/tooltip.styled.js +2 -0
- package/dist/esm/components/tooltip/tooltip.styled.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipStandAlone.js +5 -7
- package/dist/esm/components/tooltip/tooltipStandAlone.js.map +1 -1
- package/dist/esm/components/tooltip/tooltipUnControlled.js +8 -4
- package/dist/esm/components/tooltip/tooltipUnControlled.js.map +1 -1
- package/dist/esm/components/tooltip/types/tooltip.d.ts +3 -2
- package/dist/esm/components/tooltip/types/tooltipTheme.d.ts +4 -0
- package/dist/esm/components/video/components/index.d.ts +7 -0
- package/dist/esm/components/video/components/index.js +8 -0
- package/dist/esm/components/video/components/index.js.map +1 -0
- package/dist/esm/components/video/components/linkAndActionButton.d.ts +17 -0
- package/dist/esm/components/video/components/linkAndActionButton.js +10 -0
- package/dist/esm/components/video/components/linkAndActionButton.js.map +1 -0
- package/dist/esm/components/video/components/playStopButton.d.ts +13 -0
- package/dist/esm/components/video/components/playStopButton.js +11 -0
- package/dist/esm/components/video/components/playStopButton.js.map +1 -0
- package/dist/esm/components/video/components/screenButtons.d.ts +13 -0
- package/dist/esm/components/video/components/screenButtons.js +9 -0
- package/dist/esm/components/video/components/screenButtons.js.map +1 -0
- package/dist/esm/components/video/components/subtitleFullScreenButtons.d.ts +23 -0
- package/dist/esm/components/video/components/subtitleFullScreenButtons.js +12 -0
- package/dist/esm/components/video/components/subtitleFullScreenButtons.js.map +1 -0
- package/dist/esm/components/video/components/time.d.ts +8 -0
- package/dist/esm/components/video/components/time.js +8 -0
- package/dist/esm/components/video/components/time.js.map +1 -0
- package/dist/esm/components/video/components/videoSkeleton.d.ts +8 -0
- package/dist/esm/components/video/components/videoSkeleton.js +12 -0
- package/dist/esm/components/video/components/videoSkeleton.js.map +1 -0
- package/dist/esm/components/video/components/volume.d.ts +34 -0
- package/dist/esm/components/video/components/volume.js +13 -0
- package/dist/esm/components/video/components/volume.js.map +1 -0
- package/dist/esm/components/video/index.d.ts +4 -0
- package/dist/esm/components/video/index.js +5 -0
- package/dist/esm/components/video/index.js.map +1 -0
- package/dist/esm/components/video/types/index.d.ts +2 -0
- package/dist/esm/components/video/types/index.js +2 -0
- package/dist/esm/components/video/types/index.js.map +1 -0
- package/dist/esm/components/video/types/video.d.ts +96 -0
- package/dist/esm/components/video/types/video.js +7 -0
- package/dist/esm/components/video/types/video.js.map +1 -0
- package/dist/esm/components/video/types/videoTheme.d.ts +57 -0
- package/dist/esm/components/video/types/videoTheme.js +2 -0
- package/dist/esm/components/video/types/videoTheme.js.map +1 -0
- package/dist/esm/components/video/video.styled.d.ts +26 -0
- package/dist/esm/components/video/video.styled.js +130 -0
- package/dist/esm/components/video/video.styled.js.map +1 -0
- package/dist/esm/components/video/videoControlled.d.ts +7 -0
- package/dist/esm/components/video/videoControlled.js +17 -0
- package/dist/esm/components/video/videoControlled.js.map +1 -0
- package/dist/esm/components/video/videoStandAlone.d.ts +3 -0
- package/dist/esm/components/video/videoStandAlone.js +24 -0
- package/dist/esm/components/video/videoStandAlone.js.map +1 -0
- package/dist/esm/components/video/videoUnControlled.d.ts +3 -0
- package/dist/esm/components/video/videoUnControlled.js +189 -0
- package/dist/esm/components/video/videoUnControlled.js.map +1 -0
- package/dist/esm/constants/keyboardKeys.js +2 -2
- package/dist/esm/constants/keyboardKeys.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/drawer/styles.js +22 -0
- package/dist/esm/designSystem/kubit/components/drawer/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/mediaButton/styles.js +20 -4
- package/dist/esm/designSystem/kubit/components/mediaButton/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/modal/styles.js +6 -1
- package/dist/esm/designSystem/kubit/components/modal/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js +3 -1
- package/dist/esm/designSystem/kubit/components/modalV2/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/progressBar/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/progressBar/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/progressBar/styles.js +73 -0
- package/dist/esm/designSystem/kubit/components/progressBar/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/progressBar/variants.d.ts +8 -0
- package/dist/esm/designSystem/kubit/components/progressBar/variants.js +11 -0
- package/dist/esm/designSystem/kubit/components/progressBar/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js +2 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/variants.js +2 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/video/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/video/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/video/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/video/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/video/styles.js +179 -0
- package/dist/esm/designSystem/kubit/components/video/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/video/variants.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/video/variants.js +5 -0
- package/dist/esm/designSystem/kubit/components/video/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/index.d.ts +5 -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/useInput.js +38 -23
- package/dist/esm/hooks/useInput/useInput.js.map +1 -1
- package/dist/esm/hooks/useManageState/useManageState.js +4 -4
- package/dist/esm/hooks/useManageState/useManageState.js.map +1 -1
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.d.ts +2 -1
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.js +15 -5
- package/dist/esm/hooks/useScrollEffect/useScrollEffect.js.map +1 -1
- package/dist/esm/hooks/useSwipeDown/useSwipeDown.d.ts +7 -0
- package/dist/esm/hooks/useSwipeDown/useSwipeDown.js +97 -0
- package/dist/esm/hooks/useSwipeDown/useSwipeDown.js.map +1 -0
- package/dist/esm/utils/focusHandlers/focusHandlers.js +1 -1
- package/dist/esm/utils/focusHandlers/focusHandlers.js.map +1 -1
- package/dist/esm/utils/isStringTypeOf/isStringTypeOf.d.ts +17 -1
- package/dist/esm/utils/isStringTypeOf/isStringTypeOf.js +16 -0
- package/dist/esm/utils/isStringTypeOf/isStringTypeOf.js.map +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.d.ts +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js +6 -2
- package/dist/esm/utils/syntheticComponents/syntheticDate/helper/formatDateToNative.js.map +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/syntheticDate.js +1 -1
- package/dist/esm/utils/syntheticComponents/syntheticDate/syntheticDate.js.map +1 -1
- package/package.json +34 -34
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyColumns.js +0 -96
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyColumns.js.map +0 -1
- package/dist/cjs/components/inputDate/utils/normalize.js +0 -11
- package/dist/cjs/components/inputDate/utils/normalize.js.map +0 -1
- package/dist/cjs/components/mediaProgressBar/utils/mediaProgressBarIndex.js +0 -23
- package/dist/cjs/components/mediaProgressBar/utils/mediaProgressBarIndex.js.map +0 -1
- package/dist/cjs/components/tableV2/hooks/useTableStickyColumns.js +0 -78
- package/dist/cjs/components/tableV2/hooks/useTableStickyColumns.js.map +0 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/index.js.map +0 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/styles.js +0 -30
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/styles.js.map +0 -1
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/variants.js +0 -10
- package/dist/cjs/designSystem/kubitWireframe/commons/components/loader/variants.js.map +0 -1
- package/dist/cjs/utils/date/format.js +0 -54
- package/dist/cjs/utils/date/format.js.map +0 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.d.ts +0 -7
- package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.js +0 -69
- package/dist/esm/components/dataTable/hooks/useDataTableStickyColumns.js.map +0 -1
- package/dist/esm/components/inputDate/utils/normalize.d.ts +0 -1
- package/dist/esm/components/inputDate/utils/normalize.js +0 -7
- package/dist/esm/components/inputDate/utils/normalize.js.map +0 -1
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarIndex.d.ts +0 -14
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarIndex.js +0 -19
- package/dist/esm/components/mediaProgressBar/utils/mediaProgressBarIndex.js.map +0 -1
- package/dist/esm/components/tableV2/hooks/useTableStickyColumns.d.ts +0 -8
- package/dist/esm/components/tableV2/hooks/useTableStickyColumns.js +0 -51
- package/dist/esm/components/tableV2/hooks/useTableStickyColumns.js.map +0 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/index.js.map +0 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.d.ts +0 -7
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.js +0 -26
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/styles.js.map +0 -1
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/variants.d.ts +0 -5
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/variants.js +0 -7
- package/dist/esm/designSystem/kubitWireframe/commons/components/loader/variants.js.map +0 -1
- package/dist/esm/utils/date/format.d.ts +0 -2
- package/dist/esm/utils/date/format.js +0 -50
- package/dist/esm/utils/date/format.js.map +0 -1
- /package/dist/cjs/designSystem/{kubitWireframe/commons/components/loader → kubit/components/progressBar}/index.js +0 -0
- /package/dist/esm/designSystem/{kubitWireframe/commons/components/loader → kubit/components/progressBar}/index.d.ts +0 -0
- /package/dist/esm/designSystem/{kubitWireframe/commons/components/loader → kubit/components/progressBar}/index.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"videoStandAlone.js","sourceRoot":"","sources":["../../../../src/components/video/videoStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EACL,mBAAmB,EACnB,cAAc,EACd,aAAa,EACb,yBAAyB,EACzB,IAAI,EACJ,aAAa,EACb,MAAM,GACP,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,iCAAiC,EACjC,iCAAiC,EACjC,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,aAAa,EACb,oBAAoB,EACpB,YAAY,GACb,MAAM,gBAAgB,CAAC;AAExB,MAAM,aAAa,GAAG,OAAO,CAAC;AAE9B,MAAM,wBAAwB,GAAG,CAC/B,KAAuB,EACvB,GAAuC,EACpB,EAAE;IACrB,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;IACrC,MAAM,mBAAmB,GAAG,GAAG,OAAO,oBAAoB,CAAC;IAE3D,MAAM,yBAAyB,GAAG,GAAW,EAAE;QAC7C,sCAAsC;QACtC,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,IAAI,GAAG,CAAC,CAAC;QAEhF,kFAAkF;QAClF,MAAM,iBAAiB,GAAG,UAAU,CAClC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE,6BAA6B,IAAI,GAAG,CAC7D,CAAC;QACF,OAAO,GAAG,aAAa,GAAG,iBAAiB,KAAK,CAAC;IACnD,CAAC,CAAC;IAEF,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;QACtB,OAAO,CACL,KAAC,aAAa,IACZ,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,eAAe,IAAC,GAAG,EAAE,GAAG,iBAAe,KAAK,CAAC,yBAAyB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aAC3F,MAAC,oBAAoB,IAAC,GAAG,EAAE,KAAK,CAAC,iBAAiB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,aACrE,KAAK,CAAC,UAAU,IAAI,CACnB,KAAC,aAAa,mBAAc,KAAK,CAAC,iBAAiB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,GAAI,CAC9E,EACD,MAAC,YAAY,IACX,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,QAAQ,EAAE,KAAK,EACf,YAAY,EAAE,KAAK,CAAC,UAAU,EAC9B,sBAAsB,EAAE,yBAAyB,EAAE,EACnD,MAAM,EAAE,KAAK,CAAC,SAAS,EACvB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAC,MAAM,EACZ,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,KAAK,CAAC,YAAyD,EACxE,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,EACxC,OAAO,EAAE,KAAK,CAAC,YAAY,EAC3B,MAAM,EAAE,KAAK,CAAC,WAAW,EACzB,YAAY,EAAE,KAAK,CAAC,YAAY,aAEhC,iBAAQ,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,EACrD,KAAK,CAAC,kBAAkB,IAAI,CAC3B,gBACE,OAAO,QACP,IAAI,EAAE,KAAK,CAAC,SAAS,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,OAAO,EAAE,KAAK,CAAC,YAAY,GAC3B,CACH,IACY,EACd,KAAK,CAAC,iBAAiB,IAAI,CAC1B,KAAC,aAAa,IACZ,mBAAmB,EAAE,KAAK,CAAC,YAA0D,EACrF,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,EACA,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,CACtC,MAAC,uBAAuB,IACtB,EAAE,EAAE,mBAAmB,EACvB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,MAAM,EAAE,KAAK,CAAC,MAAM,aAEpB,KAAC,WAAW,IACV,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,wBAAwB,EAAE,CAAC,KAAK,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,GAAG,GAAG,EAC3E,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,eAAe,EAClC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,kBAAkB,EACxC,QAAQ,EAAE,KAAK,CAAC,mBAAmB,EACnC,SAAS,EAAE,KAAK,CAAC,oBAAoB,EACrC,WAAW,EAAE,KAAK,CAAC,sBAAsB,GACzC,EACF,MAAC,sBAAsB,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aAC1C,MAAC,iCAAiC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,aACrD,KAAC,cAAc,IACb,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,8BAA8B,EAAE,KAAK,CAAC,8BAA8B,EACpE,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,EAC1D,mBAAmB,EACjB,KAAK,CAAC,YAA0D,EAElE,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,EACF,KAAC,MAAM,IACL,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,gCAAgC,EAAE,KAAK,CAAC,gCAAgC,EACxE,2BAA2B,EAAE,KAAK,CAAC,2BAA2B,EAC9D,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAClD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,cAAc,EAAE,KAAK,CAAC,cAAc,GACpC,EACF,KAAC,IAAI,IACH,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,IACgC,EACpC,KAAC,iCAAiC,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,YACrD,KAAC,yBAAyB,IACxB,wBAAwB,EAAE,KAAK,CAAC,wBAAwB,EACxD,oCAAoC,EAAE,KAAK,CAAC,oCAAoC,EAChF,+BAA+B,EAAE,KAAK,CAAC,+BAA+B,EACtE,uBAAuB,EAAE,KAAK,CAAC,uBAAuB,EACtD,mCAAmC,EAAE,KAAK,CAAC,mCAAmC,EAC9E,8BAA8B,EAAE,KAAK,CAAC,8BAA8B,EACpE,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,EAC5C,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,EAC1C,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,GACxC,GACgC,IACb,IACD,CAC3B,IACoB,EACvB,KAAC,mBAAmB,IAClB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,EAClC,4BAA4B,EAAE,KAAK,CAAC,4BAA4B,EAChE,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,WAAW,EAAE,KAAK,CAAC,WAAW,GAC9B,IACc,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { IVideoUnControlled } from './types';
|
|
3
|
+
export declare const VideoUnControlled: ({ hasInitialOverlay, timeToHideButtonsBar, autoFullScreen, onCanPlay, onVolumeChange, onFullScreenClick, onSubtitlesClick, onVolumeButtonClick, onLoadedMetadata, onVideoPause, onVideoPlay, onTimeUpdate, onTogglePlay, ...props }: IVideoUnControlled) => React.JSX.Element | null;
|
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { useMediaDevice } from '../../hooks';
|
|
4
|
+
import { VideoControlled } from './videoControlled';
|
|
5
|
+
export const VideoUnControlled = ({ hasInitialOverlay = true, timeToHideButtonsBar = 4000, autoFullScreen = false, onCanPlay, onVolumeChange, onFullScreenClick, onSubtitlesClick, onVolumeButtonClick, onLoadedMetadata, onVideoPause, onVideoPlay, onTimeUpdate, onTogglePlay, ...props }) => {
|
|
6
|
+
const ref = React.useRef(null);
|
|
7
|
+
const videoRef = React.useRef(null);
|
|
8
|
+
const device = useMediaDevice();
|
|
9
|
+
const videoContainerRef = React.useRef(null);
|
|
10
|
+
const [isLoading, setIsLoading] = React.useState(true);
|
|
11
|
+
const [showOverlay, setShowOverlay] = React.useState(hasInitialOverlay);
|
|
12
|
+
const [isFullScreen, setIsFullScreen] = React.useState(false);
|
|
13
|
+
const [isPlaying, setIsPlaying] = React.useState(false);
|
|
14
|
+
const [showScreenButtons, setShowScreenButtons] = React.useState(true);
|
|
15
|
+
const [volume, setVolume] = React.useState('50');
|
|
16
|
+
const [volumeSaved, setVolumeSaved] = React.useState('50');
|
|
17
|
+
const [currentTime, setCurrentTime] = React.useState(0);
|
|
18
|
+
const [duration, setDuration] = React.useState(0);
|
|
19
|
+
const [subtitlesActivated, setSubtitlesActivated] = React.useState(false);
|
|
20
|
+
const [showControls, setShowControls] = React.useState(true);
|
|
21
|
+
// Load video
|
|
22
|
+
React.useEffect(() => {
|
|
23
|
+
if (videoRef.current) {
|
|
24
|
+
videoRef.current.load();
|
|
25
|
+
setIsPlaying(!videoRef.current.paused);
|
|
26
|
+
setShowOverlay(hasInitialOverlay);
|
|
27
|
+
setShowScreenButtons(true);
|
|
28
|
+
}
|
|
29
|
+
}, [props.videoSrc]);
|
|
30
|
+
// Listen when fullscren changes
|
|
31
|
+
const handleFullScreenHasChanged = () => {
|
|
32
|
+
if (document.fullscreenElement) {
|
|
33
|
+
setIsFullScreen(true);
|
|
34
|
+
}
|
|
35
|
+
else {
|
|
36
|
+
setIsFullScreen(false);
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
React.useEffect(() => {
|
|
40
|
+
document.addEventListener('fullscreenchange', handleFullScreenHasChanged);
|
|
41
|
+
return () => {
|
|
42
|
+
document.removeEventListener('fullscreenchange', handleFullScreenHasChanged);
|
|
43
|
+
};
|
|
44
|
+
}, []);
|
|
45
|
+
// Executed when video is loaded enough to be played
|
|
46
|
+
const handleCanPlay = e => {
|
|
47
|
+
onCanPlay?.(e);
|
|
48
|
+
setIsLoading(false);
|
|
49
|
+
};
|
|
50
|
+
const handleLoadedMetadata = e => {
|
|
51
|
+
if (!videoRef.current) {
|
|
52
|
+
return;
|
|
53
|
+
}
|
|
54
|
+
onLoadedMetadata?.(e);
|
|
55
|
+
setDuration(videoRef.current.duration);
|
|
56
|
+
};
|
|
57
|
+
// Press play/pause video
|
|
58
|
+
const handleTogglePlay = e => {
|
|
59
|
+
if (!videoRef.current || isLoading) {
|
|
60
|
+
return;
|
|
61
|
+
}
|
|
62
|
+
onTogglePlay?.(e, videoRef.current.paused);
|
|
63
|
+
if (videoRef.current.paused) {
|
|
64
|
+
videoRef.current.play();
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
videoRef.current.pause();
|
|
68
|
+
}
|
|
69
|
+
// The screens buttons only appear at the beginning, as soon as the user presses play,
|
|
70
|
+
// neither the play nor the overlay appears again, even if the user presses pause.
|
|
71
|
+
// (It is shown again when videoSrc changes)
|
|
72
|
+
if (showScreenButtons) {
|
|
73
|
+
setShowScreenButtons(false);
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
// Executed when video is played
|
|
77
|
+
const handlePlayVideo = e => {
|
|
78
|
+
onVideoPlay?.(e);
|
|
79
|
+
// Hide overlay when video is played
|
|
80
|
+
setShowOverlay(false);
|
|
81
|
+
setIsPlaying(true);
|
|
82
|
+
autoFullScreen &&
|
|
83
|
+
!isFullScreen &&
|
|
84
|
+
handleClickFullScreen({});
|
|
85
|
+
};
|
|
86
|
+
// Executed when video is paused
|
|
87
|
+
const handlePauseVideo = e => {
|
|
88
|
+
onVideoPause?.(e);
|
|
89
|
+
setIsPlaying(false);
|
|
90
|
+
};
|
|
91
|
+
// Executed when video time is updated
|
|
92
|
+
const handleTimeUpdate = e => {
|
|
93
|
+
if (!videoRef.current) {
|
|
94
|
+
return;
|
|
95
|
+
}
|
|
96
|
+
onTimeUpdate?.(e);
|
|
97
|
+
setCurrentTime(videoRef.current.currentTime);
|
|
98
|
+
};
|
|
99
|
+
// Excecuted when moving the progress bar
|
|
100
|
+
const handleChangeProgressBar = value => {
|
|
101
|
+
if (!videoRef.current) {
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
videoRef.current.currentTime = (videoRef.current.duration * value) / 100;
|
|
105
|
+
};
|
|
106
|
+
const isPausedBfDrag = React.useRef(true);
|
|
107
|
+
// Excecuted when dragging progressbar
|
|
108
|
+
const handleDragStartProgressBar = () => {
|
|
109
|
+
if (!videoRef.current) {
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
isPausedBfDrag.current = videoRef.current.paused;
|
|
113
|
+
videoRef.current.pause();
|
|
114
|
+
};
|
|
115
|
+
// Excecuted when strop dragging progressbar
|
|
116
|
+
const handleDragEndProgressBar = () => {
|
|
117
|
+
if (!videoRef.current) {
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
if (!isPausedBfDrag.current) {
|
|
121
|
+
videoRef.current.play();
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
const handleChangeVolume = event => {
|
|
125
|
+
onVolumeChange?.(event);
|
|
126
|
+
setVolume(event.target.value);
|
|
127
|
+
setVolumeSaved(event.target.value);
|
|
128
|
+
if (videoRef.current) {
|
|
129
|
+
//Change volume on video
|
|
130
|
+
videoRef.current.volume = parseFloat(event.target.value) / 100;
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
const handleClickVolumeButton = e => {
|
|
134
|
+
if (videoRef.current) {
|
|
135
|
+
if (volume !== '0') {
|
|
136
|
+
onVolumeButtonClick?.(e, '0');
|
|
137
|
+
setVolume('0');
|
|
138
|
+
//Mute video
|
|
139
|
+
videoRef.current.volume = 0;
|
|
140
|
+
}
|
|
141
|
+
else {
|
|
142
|
+
onVolumeButtonClick?.(e, volumeSaved);
|
|
143
|
+
setVolume(volumeSaved);
|
|
144
|
+
//Change volume on video
|
|
145
|
+
videoRef.current.volume = parseFloat(volumeSaved) / 100;
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
const handleClickFullScreen = e => {
|
|
150
|
+
if (!videoContainerRef.current) {
|
|
151
|
+
return;
|
|
152
|
+
}
|
|
153
|
+
onFullScreenClick?.(e, !document.fullscreenElement);
|
|
154
|
+
if (document.fullscreenElement) {
|
|
155
|
+
// Video exits fullscreen
|
|
156
|
+
document.exitFullscreen?.();
|
|
157
|
+
}
|
|
158
|
+
else {
|
|
159
|
+
// Video goes to fullscreen
|
|
160
|
+
videoContainerRef.current.requestFullscreen();
|
|
161
|
+
}
|
|
162
|
+
};
|
|
163
|
+
const handleClickSubtitles = e => {
|
|
164
|
+
const _subtitlesActivated = !subtitlesActivated;
|
|
165
|
+
onSubtitlesClick?.(e, _subtitlesActivated);
|
|
166
|
+
setSubtitlesActivated(_subtitlesActivated);
|
|
167
|
+
};
|
|
168
|
+
// Hide controls when timeToHideButtonsBar passes
|
|
169
|
+
const timeoutShowHideButtonsBar = React.useRef();
|
|
170
|
+
const handleShowHidControls = () => {
|
|
171
|
+
setShowControls(true);
|
|
172
|
+
if (timeToHideButtonsBar) {
|
|
173
|
+
clearTimeout(timeoutShowHideButtonsBar.current);
|
|
174
|
+
timeoutShowHideButtonsBar.current = setTimeout(() => {
|
|
175
|
+
setShowControls(false);
|
|
176
|
+
}, timeToHideButtonsBar);
|
|
177
|
+
}
|
|
178
|
+
};
|
|
179
|
+
React.useEffect(() => {
|
|
180
|
+
if (timeToHideButtonsBar) {
|
|
181
|
+
window.addEventListener('mousemove', handleShowHidControls);
|
|
182
|
+
}
|
|
183
|
+
return () => {
|
|
184
|
+
window.removeEventListener('mousemove', handleShowHidControls);
|
|
185
|
+
};
|
|
186
|
+
}, [timeToHideButtonsBar]);
|
|
187
|
+
return (_jsx(VideoControlled, { ...props, ref: ref, currentTime: currentTime, duration: duration, fullScreen: isFullScreen, hasOverlay: showOverlay, loading: isLoading, playing: isPlaying, showControls: showControls, showScreenButtons: showScreenButtons, subtitlesActivated: subtitlesActivated, videoContainerRef: videoContainerRef, videoRef: videoRef, volume: volume, onCanPlay: handleCanPlay, onFullScreenClick: handleClickFullScreen, onLoadedMetadata: handleLoadedMetadata, onProgressBarChange: handleChangeProgressBar, onProgressBarDragEnd: handleDragEndProgressBar, onProgressBarDragStart: handleDragStartProgressBar, onSubtitlesClick: handleClickSubtitles, onTimeUpdate: handleTimeUpdate, onTogglePlay: handleTogglePlay, onVideoPause: handlePauseVideo, onVideoPlay: handlePlayVideo, onVolumeButtonClick: handleClickVolumeButton, onVolumeChange: handleChangeVolume }));
|
|
188
|
+
};
|
|
189
|
+
//# sourceMappingURL=videoUnControlled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"videoUnControlled.js","sourceRoot":"","sources":["../../../../src/components/video/videoUnControlled.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyboardKeys.js","sourceRoot":"","sources":["../../../src/constants/keyboardKeys.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,GAAG,EAAE;QACH,QAAQ;QACR,cAAc;QACd,KAAK;KACN;IACD,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,WAAW;IAChB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,GAAG,EAAE,YAAY;IACjB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,WAAW;IAChB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,CAAC
|
|
1
|
+
{"version":3,"file":"keyboardKeys.js","sourceRoot":"","sources":["../../../src/constants/keyboardKeys.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG;IACb,GAAG,EAAE;QACH,QAAQ;QACR,cAAc;QACd,KAAK;KACN;IACD,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,OAAO;IACZ,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,KAAK,GAAG;IACZ,GAAG,EAAE,GAAG;IACR,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,OAAO;CACd,CAAC;AAEF,MAAM,OAAO,GAAG;IACd,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,QAAQ;CACf,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,UAAU;CACjB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,WAAW;IAChB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,GAAG,EAAE,SAAS;IACd,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,GAAG,EAAE,YAAY;IACjB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,YAAY;CACnB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,WAAW;IAChB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,EAAE;IACX,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,MAAM,GAAG;IACb,GAAG,EAAE,QAAQ;IACb,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF,MAAM,GAAG,GAAG;IACV,GAAG,EAAE,KAAK;IACV,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,KAAK;CACZ,CAAC;AAEF,MAAM,SAAS,GAAG;IAChB,GAAG,EAAE,WAAW;IAChB,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,CAAC;IACV,IAAI,EAAE,WAAW;CAClB,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,GAAG,EAAE,MAAM;CACZ,CAAC;AAEF,MAAM,GAAG,GAAG;IACV,GAAG,EAAE,KAAK;CACX,CAAC;AAEF;;;GAGG;AACH,OAAO,EACL,MAAM,EACN,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,UAAU,EACV,QAAQ,EACR,WAAW,EACX,UAAU,EACV,MAAM,EACN,GAAG,EACH,SAAS,EACT,IAAI,EACJ,GAAG,GACJ,CAAC"}
|
|
@@ -8,14 +8,23 @@ const containerCommonProps = {
|
|
|
8
8
|
[DrawerVariantPositionTypes.DRAWER_RIGHT]: {
|
|
9
9
|
border_top_left_radius: RADIUS.radius_50,
|
|
10
10
|
border_bottom_left_radius: RADIUS.radius_50,
|
|
11
|
+
max_height: SPACINGS.spacing_100_vh,
|
|
12
|
+
background: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
13
|
+
min_width: '50vw',
|
|
14
|
+
max_width: '50vw',
|
|
11
15
|
},
|
|
12
16
|
[DrawerVariantPositionTypes.DRAWER_LEFT]: {
|
|
13
17
|
border_top_right_radius: RADIUS.radius_50,
|
|
14
18
|
border_bottom_right_radius: RADIUS.radius_50,
|
|
19
|
+
max_height: SPACINGS.spacing_100_vh,
|
|
20
|
+
background: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
21
|
+
min_width: '50vw',
|
|
22
|
+
max_width: '50vw',
|
|
15
23
|
},
|
|
16
24
|
[DrawerVariantPositionTypes.DRAWER_BOTTOM]: {
|
|
17
25
|
border_top_right_radius: RADIUS.radius_50,
|
|
18
26
|
border_top_left_radius: RADIUS.radius_50,
|
|
27
|
+
background: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
19
28
|
},
|
|
20
29
|
};
|
|
21
30
|
const commonIconContainerProps = {
|
|
@@ -102,6 +111,11 @@ export const DRAWER_STYLES = {
|
|
|
102
111
|
[DeviceBreakpointsType.TABLET]: {
|
|
103
112
|
container: {
|
|
104
113
|
...containerCommonProps,
|
|
114
|
+
[DrawerVariantPositionTypes.DRAWER_BOTTOM]: {
|
|
115
|
+
...containerCommonProps.DRAWER_BOTTOM,
|
|
116
|
+
min_height: 'var(--100svh, 100vh)',
|
|
117
|
+
background_color: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
118
|
+
},
|
|
105
119
|
},
|
|
106
120
|
iconContainer: {
|
|
107
121
|
...commonIconContainerProps,
|
|
@@ -145,6 +159,14 @@ export const DRAWER_STYLES = {
|
|
|
145
159
|
},
|
|
146
160
|
},
|
|
147
161
|
[DeviceBreakpointsType.MOBILE]: {
|
|
162
|
+
container: {
|
|
163
|
+
...containerCommonProps,
|
|
164
|
+
[DrawerVariantPositionTypes.DRAWER_BOTTOM]: {
|
|
165
|
+
...containerCommonProps.DRAWER_BOTTOM,
|
|
166
|
+
min_height: 'var(--100svh, 100vh)',
|
|
167
|
+
background_color: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
168
|
+
},
|
|
169
|
+
},
|
|
148
170
|
iconContainer: {
|
|
149
171
|
...commonIconContainerProps,
|
|
150
172
|
padding_top: SPACINGS.spacing_300,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/drawer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EAExB,0BAA0B,GAC3B,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAmB,qBAAqB,EAA8B,MAAM,SAAS,CAAC;AAE7F,OAAO,EACL,OAAO,EACP,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAO,GACR,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,MAAM,oBAAoB,GAEtB;IACF,CAAC,0BAA0B,CAAC,YAAY,CAAC,EAAE;QACzC,sBAAsB,EAAE,MAAM,CAAC,SAAS;QACxC,yBAAyB,EAAE,MAAM,CAAC,SAAS;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/drawer/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,23 +20,38 @@ const commonDefaultProps = {
|
|
|
20
20
|
icon: {
|
|
21
21
|
color: COLORS.BRAND.color_brand_bg_50,
|
|
22
22
|
disabled: {
|
|
23
|
-
color: COLORS.
|
|
23
|
+
color: COLORS.DISABLED.color_accentDisabled_font_100,
|
|
24
24
|
},
|
|
25
25
|
},
|
|
26
26
|
iconToTransition: {
|
|
27
27
|
color: COLORS.BRAND.color_brand_bg_50,
|
|
28
28
|
},
|
|
29
29
|
loader: {
|
|
30
|
-
variant: LoaderVariantType.
|
|
30
|
+
variant: LoaderVariantType.PRIMARY_RED,
|
|
31
|
+
cursor: 'not-allowed',
|
|
31
32
|
},
|
|
32
33
|
};
|
|
33
34
|
export const MEDIA_BUTTON_STYLES = {
|
|
34
35
|
[MediaButtonVariantType.DEFAULT]: {
|
|
36
|
+
[MediaButtonSizeType.EXTRA_LARGE]: {
|
|
37
|
+
...commonDefaultProps,
|
|
38
|
+
container: {
|
|
39
|
+
...commonContainerProps,
|
|
40
|
+
background_color: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
41
|
+
},
|
|
42
|
+
buttonContainer: {
|
|
43
|
+
...commonButtonContainerProps,
|
|
44
|
+
width: SPACINGS.spacing_650,
|
|
45
|
+
height: SPACINGS.spacing_650,
|
|
46
|
+
min_width: SPACINGS.spacing_650,
|
|
47
|
+
min_height: SPACINGS.spacing_650,
|
|
48
|
+
},
|
|
49
|
+
},
|
|
35
50
|
[MediaButtonSizeType.LARGE]: {
|
|
36
51
|
...commonDefaultProps,
|
|
37
52
|
container: {
|
|
38
53
|
...commonContainerProps,
|
|
39
|
-
background_color: COLORS.NEUTRAL.
|
|
54
|
+
background_color: COLORS.NEUTRAL.color_neutral_bg_250,
|
|
40
55
|
},
|
|
41
56
|
buttonContainer: {
|
|
42
57
|
...commonButtonContainerProps,
|
|
@@ -50,7 +65,7 @@ export const MEDIA_BUTTON_STYLES = {
|
|
|
50
65
|
...commonDefaultProps,
|
|
51
66
|
container: {
|
|
52
67
|
...commonContainerProps,
|
|
53
|
-
|
|
68
|
+
border_radius: RADIUS.radius_00,
|
|
54
69
|
},
|
|
55
70
|
buttonContainer: {
|
|
56
71
|
...commonButtonContainerProps,
|
|
@@ -58,6 +73,7 @@ export const MEDIA_BUTTON_STYLES = {
|
|
|
58
73
|
height: SPACINGS.spacing_400,
|
|
59
74
|
min_width: SPACINGS.spacing_400,
|
|
60
75
|
min_height: SPACINGS.spacing_400,
|
|
76
|
+
margin: SPACINGS.spacing_0,
|
|
61
77
|
},
|
|
62
78
|
},
|
|
63
79
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/mediaButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,0BAA0B,GAAG;IACjC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM,CAAC,UAAU;IAChC,MAAM,EAAE,QAAQ,CAAC,WAAW;CAC7B,CAAC;AAEF,MAAM,oBAAoB,GAAG;IAC3B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM,CAAC,UAAU;CACjC,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,SAAS,EAAE,EAAE,GAAG,oBAAoB,EAAE;IACtC,eAAe,EAAE,EAAE,GAAG,0BAA0B,EAAE;IAClD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;QACrC,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/mediaButton/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEpD,MAAM,0BAA0B,GAAG;IACjC,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM,CAAC,UAAU;IAChC,MAAM,EAAE,QAAQ,CAAC,WAAW;CAC7B,CAAC;AAEF,MAAM,oBAAoB,GAAG;IAC3B,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,aAAa,EAAE,MAAM,CAAC,UAAU;CACjC,CAAC;AAEF,MAAM,kBAAkB,GAAG;IACzB,SAAS,EAAE,EAAE,GAAG,oBAAoB,EAAE;IACtC,eAAe,EAAE,EAAE,GAAG,0BAA0B,EAAE;IAClD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;QACrC,QAAQ,EAAE;YACR,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,6BAA6B;SACrD;KACF;IACD,gBAAgB,EAAE;QAChB,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;KACtC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,iBAAiB,CAAC,WAAW;QACtC,MAAM,EAAE,aAAa;KACtB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAkD;IAChF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE;QAChC,CAAC,mBAAmB,CAAC,WAAW,CAAC,EAAE;YACjC,GAAG,kBAAkB;YACrB,SAAS,EAAE;gBACT,GAAG,oBAAoB;gBACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;aACtD;YACD,eAAe,EAAE;gBACf,GAAG,0BAA0B;gBAC7B,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,SAAS,EAAE,QAAQ,CAAC,WAAW;gBAC/B,UAAU,EAAE,QAAQ,CAAC,WAAW;aACjC;SACF;QACD,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE;YAC3B,GAAG,kBAAkB;YACrB,SAAS,EAAE;gBACT,GAAG,oBAAoB;gBACvB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;aACtD;YACD,eAAe,EAAE;gBACf,GAAG,0BAA0B;gBAC7B,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,SAAS,EAAE,QAAQ,CAAC,WAAW;gBAC/B,UAAU,EAAE,QAAQ,CAAC,WAAW;aACjC;SACF;QACD,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE;YAC3B,GAAG,kBAAkB;YACrB,SAAS,EAAE;gBACT,GAAG,oBAAoB;gBACvB,aAAa,EAAE,MAAM,CAAC,SAAS;aAChC;YACD,eAAe,EAAE;gBACf,GAAG,0BAA0B;gBAC7B,KAAK,EAAE,QAAQ,CAAC,WAAW;gBAC3B,MAAM,EAAE,QAAQ,CAAC,WAAW;gBAC5B,SAAS,EAAE,QAAQ,CAAC,WAAW;gBAC/B,UAAU,EAAE,QAAQ,CAAC,WAAW;gBAChC,MAAM,EAAE,QAAQ,CAAC,SAAS;aAC3B;SACF;KACF;CACF,CAAC"}
|
|
@@ -16,6 +16,11 @@ const commonProps = {
|
|
|
16
16
|
},
|
|
17
17
|
headerContainer: {
|
|
18
18
|
width: SPACINGS.spacing_100_percent,
|
|
19
|
+
display: 'flex',
|
|
20
|
+
flex_direction: 'column',
|
|
21
|
+
justify_content: 'space-between',
|
|
22
|
+
align_items: 'center',
|
|
23
|
+
gap: SPACINGS.spacing_150,
|
|
19
24
|
},
|
|
20
25
|
title: {
|
|
21
26
|
font_weight: FONT_WEIGHT.font_weight_600,
|
|
@@ -32,7 +37,7 @@ const commonProps = {
|
|
|
32
37
|
closeButtonContainer: {
|
|
33
38
|
display: 'flex',
|
|
34
39
|
justify_content: 'end',
|
|
35
|
-
|
|
40
|
+
width: '100%',
|
|
36
41
|
},
|
|
37
42
|
closeButtonIcon: {
|
|
38
43
|
color: COLORS.NEUTRAL.color_neutral_icon_50,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/modal/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EACL,OAAO,EACP,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,WAAW,GAAG;IAClB,cAAc,EAAE,kBAAkB,CAAC,KAAK;IACxC,SAAS,EAAE;QACT,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;QACrD,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,eAAe;QAC1B,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,MAAM,CAAC,SAAS;KAChC;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ,CAAC,mBAAmB;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/modal/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EACL,OAAO,EACP,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,WAAW,GAAG;IAClB,cAAc,EAAE,kBAAkB,CAAC,KAAK;IACxC,SAAS,EAAE;QACT,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;QACrD,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,eAAe;QAC1B,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,MAAM,CAAC,SAAS;KAChC;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ,CAAC,mBAAmB;QACnC,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,eAAe;QAChC,WAAW,EAAE,QAAQ;QACrB,GAAG,EAAE,QAAQ,CAAC,WAAW;KAC1B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,WAAW,CAAC,eAAe;QACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;QAC3C,UAAU,EAAE,UAAU,CAAC,MAAM;QAC7B,YAAY,EAAE,eAAe,CAAC,mBAAmB;KAClD;IACD,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ,CAAC,SAAS;QAC9B,KAAK,EAAE,QAAQ,CAAC,mBAAmB;QACnC,IAAI,EAAE,MAAM;QACZ,UAAU,EAAE,MAAM;KACnB;IACD,oBAAoB,EAAE;QACpB,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,KAAK;QACtB,KAAK,EAAE,MAAM;KACd;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;QAC3C,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,MAAM,EAAE,KAAK,CAAC,QAAQ;KACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAsC;IAC7D,CAAC,gBAAgB,CAAC,OAAO,CAAC,EAAE;QAC1B,GAAG,WAAW;QACd,aAAa,EAAE,cAAc,CAAC,OAAO;QACrC,cAAc,EAAE,kBAAkB,CAAC,KAAK;QACxC,SAAS,EAAE;YACT,GAAG,WAAW,CAAC,SAAS;YACxB,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,SAAS,EAAE,SAAS;gBACpB,UAAU,EAAE,OAAO;aACpB;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,SAAS,EAAE,OAAO;gBAClB,UAAU,EAAE,OAAO;aACpB;SACF;QACD,eAAe,EAAE;YACf,GAAG,WAAW,CAAC,eAAe;YAC9B,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,OAAO,EAAE,QAAQ,CAAC,WAAW;aAC9B;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,EAAE;aACnF;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,EAAE;aAC3G;SACF;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,QAAQ;YACzB,aAAa,EAAE,QAAQ,CAAC,WAAW;SACpC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;YAC3C,MAAM,EAAE,KAAK,CAAC,eAAe;YAC7B,KAAK,EAAE,KAAK,CAAC,eAAe;SAC7B;QACD,OAAO,EAAE;YACP,GAAG,WAAW,CAAC,OAAO;YACtB,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;SACF;QACD,MAAM,EAAE;YACN,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;SACF;KACF;IACD,CAAC,gBAAgB,CAAC,gBAAgB,CAAC,EAAE;QACnC,GAAG,WAAW;QACd,cAAc,EAAE,kBAAkB,CAAC,cAAc;QACjD,SAAS,EAAE;YACT,GAAG,WAAW,CAAC,SAAS;YACxB,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,SAAS,EAAE,SAAS;gBACpB,UAAU,EAAE,OAAO;aACpB;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,SAAS,EAAE,OAAO;gBAClB,UAAU,EAAE,OAAO;aACpB;SACF;QACD,eAAe,EAAE;YACf,GAAG,WAAW,CAAC,eAAe;YAC9B,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,OAAO,EAAE,QAAQ,CAAC,WAAW;aAC9B;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,EAAE;aACnF;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,EAAE;aAC3G;SACF;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,QAAQ;YACzB,aAAa,EAAE,QAAQ,CAAC,WAAW;SACpC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;YAC3C,MAAM,EAAE,KAAK,CAAC,eAAe;YAC7B,KAAK,EAAE,KAAK,CAAC,eAAe;SAC7B;QACD,OAAO,EAAE;YACP,GAAG,WAAW,CAAC,OAAO;YACtB,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;SACF;QACD,MAAM,EAAE;YACN,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;SACF;KACF;IACD,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,EAAE;QACxC,GAAG,WAAW;QACd,cAAc,EAAE,kBAAkB,CAAC,cAAc;QACjD,SAAS,EAAE;YACT,GAAG,WAAW,CAAC,SAAS;YACxB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;SACtD;QACD,eAAe,EAAE;YACf,GAAG,WAAW,CAAC,eAAe;YAC9B,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,OAAO,EAAE,QAAQ,CAAC,WAAW;aAC9B;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,EAAE;aACnF;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,OAAO,EAAE,GAAG,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW,EAAE;aAC3G;SACF;QACD,cAAc,EAAE;YACd,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,QAAQ;YACzB,aAAa,EAAE,QAAQ,CAAC,WAAW;SACpC;QACD,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;YAC3C,MAAM,EAAE,KAAK,CAAC,eAAe;YAC7B,KAAK,EAAE,KAAK,CAAC,eAAe;SAC7B;QACD,OAAO,EAAE;YACP,GAAG,WAAW,CAAC,OAAO;YACtB,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,aAAa,EAAE,QAAQ,CAAC,WAAW;gBACnC,YAAY,EAAE,QAAQ,CAAC,WAAW;gBAClC,aAAa,EAAE,QAAQ,CAAC,WAAW;aACpC;SACF;QACD,MAAM,EAAE;YACN,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE;gBAC/B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;YACD,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE;gBAC9B,gBAAgB,EAAE,OAAO,CAAC,SAAS;gBACnC,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;gBACzD,KAAK,EAAE,QAAQ,QAAQ,CAAC,mBAAmB,OAAO,QAAQ,CAAC,WAAW,MAAM,QAAQ,CAAC,WAAW,IAAI;aACrG;SACF;KACF;CACF,CAAC"}
|
|
@@ -18,8 +18,10 @@ const commonTokens = {
|
|
|
18
18
|
headerContainer: {
|
|
19
19
|
width: SPACINGS.spacing_100_percent,
|
|
20
20
|
display: 'flex',
|
|
21
|
+
flex_direction: 'column',
|
|
21
22
|
justify_content: 'space-between',
|
|
22
23
|
align_items: 'center',
|
|
24
|
+
gap: SPACINGS.spacing_150,
|
|
23
25
|
},
|
|
24
26
|
title: {
|
|
25
27
|
font_weight: FONT_WEIGHT.font_weight_600,
|
|
@@ -36,7 +38,7 @@ const commonTokens = {
|
|
|
36
38
|
closeButtonContainer: {
|
|
37
39
|
display: 'flex',
|
|
38
40
|
justify_content: 'end',
|
|
39
|
-
|
|
41
|
+
width: '100%',
|
|
40
42
|
},
|
|
41
43
|
closeButtonIcon: {
|
|
42
44
|
color: COLORS.NEUTRAL.color_neutral_icon_50,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/modalV2/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,OAAO,EACL,OAAO,EACP,MAAM,EACN,WAAW,EACX,MAAM,EACN,KAAK,EACL,QAAQ,EACR,UAAU,GACX,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,YAAY,GAAG;IACnB,cAAc,EAAE,kBAAkB,CAAC,KAAK;IACxC,SAAS,EAAE;QACT,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;QACrD,UAAU,EAAE,MAAM;QAClB,OAAO,EAAE,MAAM;QACf,WAAW,EAAE,QAAQ;QACrB,SAAS,EAAE,eAAe;QAC1B,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,MAAM,CAAC,SAAS;KAChC;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ,CAAC,mBAAmB;QACnC,OAAO,EAAE,MAAM;QACf,eAAe,EAAE,eAAe;QAChC,WAAW,EAAE,QAAQ;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/modalV2/styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/progressBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import { COLORS, RADIUS, SPACINGS } from '../../foundations';
|
|
2
|
+
import { SliderVariantType } from '../variants';
|
|
3
|
+
import { ProgressBarSizeType, ProgressBarVariantType } from './variants';
|
|
4
|
+
const containerProps = {
|
|
5
|
+
width: 'inherit',
|
|
6
|
+
display: 'flex',
|
|
7
|
+
gap: SPACINGS.spacing_100,
|
|
8
|
+
};
|
|
9
|
+
const barContainerProps = {
|
|
10
|
+
position: 'relative',
|
|
11
|
+
width: '100%',
|
|
12
|
+
};
|
|
13
|
+
const progressBarProps = {
|
|
14
|
+
position: 'absolute',
|
|
15
|
+
top: '50%',
|
|
16
|
+
left: '0',
|
|
17
|
+
width: '0',
|
|
18
|
+
border_radius: RADIUS.radius_100,
|
|
19
|
+
background: COLORS.BRAND.color_brand_bg_50,
|
|
20
|
+
};
|
|
21
|
+
const barProps = {
|
|
22
|
+
position: 'absolute',
|
|
23
|
+
top: '50%',
|
|
24
|
+
left: '0',
|
|
25
|
+
width: 'inherit',
|
|
26
|
+
border_radius: RADIUS.radius_100,
|
|
27
|
+
background: COLORS.NEUTRAL.color_neutral_bg_100,
|
|
28
|
+
};
|
|
29
|
+
const commonProps = {
|
|
30
|
+
container: {
|
|
31
|
+
...containerProps,
|
|
32
|
+
},
|
|
33
|
+
barContainer: {
|
|
34
|
+
...barContainerProps,
|
|
35
|
+
},
|
|
36
|
+
bar: {
|
|
37
|
+
...barProps,
|
|
38
|
+
},
|
|
39
|
+
progressBar: {
|
|
40
|
+
...progressBarProps,
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
export const PROGRESS_BAR_STYLES = {
|
|
44
|
+
[ProgressBarVariantType.DEFAULT]: {
|
|
45
|
+
...commonProps,
|
|
46
|
+
},
|
|
47
|
+
[ProgressBarVariantType.INTERACTIVE]: {
|
|
48
|
+
...commonProps,
|
|
49
|
+
useAsSlider: true,
|
|
50
|
+
sliderVariant: SliderVariantType.PRIMARY,
|
|
51
|
+
barContainer: {
|
|
52
|
+
...barContainerProps,
|
|
53
|
+
cursor: 'pointer',
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
[ProgressBarSizeType.SMALL]: {
|
|
57
|
+
progressBar: {
|
|
58
|
+
height: SPACINGS.spacing_100,
|
|
59
|
+
},
|
|
60
|
+
bar: {
|
|
61
|
+
height: SPACINGS.spacing_100,
|
|
62
|
+
},
|
|
63
|
+
},
|
|
64
|
+
[ProgressBarSizeType.MEDIUM]: {
|
|
65
|
+
progressBar: {
|
|
66
|
+
height: SPACINGS.spacing_150,
|
|
67
|
+
},
|
|
68
|
+
bar: {
|
|
69
|
+
height: SPACINGS.spacing_150,
|
|
70
|
+
},
|
|
71
|
+
},
|
|
72
|
+
};
|
|
73
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/progressBar/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAEzE,MAAM,cAAc,GAAG;IACrB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,QAAQ,CAAC,WAAW;CAC1B,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACvB,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,aAAa,EAAE,MAAM,CAAC,UAAU;IAChC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,iBAAiB;CAC3C,CAAC;AAEF,MAAM,QAAQ,GAAG;IACf,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,SAAS;IAChB,aAAa,EAAE,MAAM,CAAC,UAAU;IAChC,UAAU,EAAE,MAAM,CAAC,OAAO,CAAC,oBAAoB;CAChD,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE;QACT,GAAG,cAAc;KAClB;IACD,YAAY,EAAE;QACZ,GAAG,iBAAiB;KACrB;IACD,GAAG,EAAE;QACH,GAAG,QAAQ;KACZ;IACD,WAAW,EAAE;QACX,GAAG,gBAAgB;KACpB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAG5B;IACF,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE;QAChC,GAAG,WAAW;KACf;IACD,CAAC,sBAAsB,CAAC,WAAW,CAAC,EAAE;QACpC,GAAG,WAAW;QACd,WAAW,EAAE,IAAI;QACjB,aAAa,EAAE,iBAAiB,CAAC,OAAO;QACxC,YAAY,EAAE;YACZ,GAAG,iBAAiB;YACpB,MAAM,EAAE,SAAS;SAClB;KACF;IACD,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE;QAC3B,WAAW,EAAE;YACX,MAAM,EAAE,QAAQ,CAAC,WAAW;SAC7B;QACD,GAAG,EAAE;YACH,MAAM,EAAE,QAAQ,CAAC,WAAW;SAC7B;KACF;IACD,CAAC,mBAAmB,CAAC,MAAM,CAAC,EAAE;QAC5B,WAAW,EAAE;YACX,MAAM,EAAE,QAAQ,CAAC,WAAW;SAC7B;QACD,GAAG,EAAE;YACH,MAAM,EAAE,QAAQ,CAAC,WAAW;SAC7B;KACF;CACF,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export var ProgressBarVariantType;
|
|
2
|
+
(function (ProgressBarVariantType) {
|
|
3
|
+
ProgressBarVariantType["DEFAULT"] = "DEFAULT";
|
|
4
|
+
ProgressBarVariantType["INTERACTIVE"] = "INTERACTIVE";
|
|
5
|
+
})(ProgressBarVariantType || (ProgressBarVariantType = {}));
|
|
6
|
+
export var ProgressBarSizeType;
|
|
7
|
+
(function (ProgressBarSizeType) {
|
|
8
|
+
ProgressBarSizeType["SMALL"] = "SMALL";
|
|
9
|
+
ProgressBarSizeType["MEDIUM"] = "MEDIUM";
|
|
10
|
+
})(ProgressBarSizeType || (ProgressBarSizeType = {}));
|
|
11
|
+
//# sourceMappingURL=variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/progressBar/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,sBAGX;AAHD,WAAY,sBAAsB;IAChC,6CAAmB,CAAA;IACnB,qDAA2B,CAAA;AAC7B,CAAC,EAHW,sBAAsB,KAAtB,sBAAsB,QAGjC;AAED,MAAM,CAAN,IAAY,mBAGX;AAHD,WAAY,mBAAmB;IAC7B,sCAAe,CAAA;IACf,wCAAiB,CAAA;AACnB,CAAC,EAHW,mBAAmB,KAAnB,mBAAmB,QAG9B"}
|