@tecsinapse/react-core 1.22.8 → 2.0.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/atoms/Avatar/Avatar.d.ts +1 -1
- package/dist/cjs/components/atoms/Avatar/Avatar.js +3 -17
- package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/atoms/Avatar/Avatar.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Avatar/helpers.js +0 -2
- package/dist/cjs/components/atoms/Avatar/helpers.js.map +1 -1
- package/dist/cjs/components/atoms/Avatar/styled.d.ts +0 -4
- package/dist/cjs/components/atoms/Avatar/styled.js +4 -10
- package/dist/cjs/components/atoms/Avatar/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Badge/Badge.d.ts +3 -2
- package/dist/cjs/components/atoms/Badge/Badge.js +1 -9
- package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/atoms/Badge/styled.js +2 -8
- package/dist/cjs/components/atoms/Badge/styled.js.map +1 -1
- package/dist/cjs/components/atoms/BoxContent/BoxContent.js +1 -7
- package/dist/cjs/components/atoms/BoxContent/BoxContent.js.map +1 -1
- package/dist/cjs/components/atoms/BoxContent/BoxContent.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/BoxContent/styled.js +2 -8
- package/dist/cjs/components/atoms/BoxContent/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Button/Button.d.ts +2 -2
- package/dist/cjs/components/atoms/Button/Button.js +19 -16
- package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/BaseState.js +1 -14
- package/dist/cjs/components/atoms/Button/States/BaseState.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Error.js +1 -8
- package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Loading.js +7 -12
- package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Success.js +1 -8
- package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/styled.js +2 -8
- package/dist/cjs/components/atoms/Button/States/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Button/styled.d.ts +0 -2
- package/dist/cjs/components/atoms/Button/styled.js +2 -8
- package/dist/cjs/components/atoms/Button/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Card/Card.d.ts +3 -2
- package/dist/cjs/components/atoms/Card/Card.js +2 -13
- package/dist/cjs/components/atoms/Card/Card.js.map +1 -1
- package/dist/cjs/components/atoms/Card/Card.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/Card/Footer/Footer.d.ts +3 -2
- package/dist/cjs/components/atoms/Card/Footer/Footer.js +1 -7
- package/dist/cjs/components/atoms/Card/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/atoms/Card/Header/Header.d.ts +3 -2
- package/dist/cjs/components/atoms/Card/Header/Header.js +1 -7
- package/dist/cjs/components/atoms/Card/Header/Header.js.map +1 -1
- package/dist/cjs/components/atoms/Card/styled.js +1 -7
- package/dist/cjs/components/atoms/Card/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +3 -2
- package/dist/cjs/components/atoms/Checkbox/Checkbox.js +26 -26
- package/dist/cjs/components/atoms/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/atoms/Checkbox/Checkbox.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/Checkbox/styled.js +4 -10
- package/dist/cjs/components/atoms/Checkbox/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Divider/Divider.js +1 -7
- package/dist/cjs/components/atoms/Divider/Divider.js.map +1 -1
- package/dist/cjs/components/atoms/Divider/Divider.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Divider/styled.js +2 -8
- package/dist/cjs/components/atoms/Divider/styled.js.map +1 -1
- package/dist/cjs/components/atoms/GroupButton/GroupButton.d.ts +1 -0
- package/dist/cjs/components/atoms/GroupButton/GroupButton.js +16 -20
- package/dist/cjs/components/atoms/GroupButton/GroupButton.js.map +1 -1
- package/dist/cjs/components/atoms/GroupButton/GroupButton.stories.d.ts +2 -2
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +1 -9
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/cjs/components/atoms/GroupButton/styled.d.ts +0 -4
- package/dist/cjs/components/atoms/GroupButton/styled.js +6 -12
- package/dist/cjs/components/atoms/GroupButton/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/AntDesign.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/AntDesign.js +2 -11
- package/dist/cjs/components/atoms/Icon/AntDesign.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Entypo.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Entypo.js +2 -11
- package/dist/cjs/components/atoms/Icon/Entypo.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Evil.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Evil.js +2 -11
- package/dist/cjs/components/atoms/Icon/Evil.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Feather.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Feather.js +2 -11
- package/dist/cjs/components/atoms/Icon/Feather.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/FontAwesome.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesome.js +2 -11
- package/dist/cjs/components/atoms/Icon/FontAwesome.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js +2 -11
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Fontisto.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Fontisto.js +2 -11
- package/dist/cjs/components/atoms/Icon/Fontisto.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Foundation.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Foundation.js +2 -11
- package/dist/cjs/components/atoms/Icon/Foundation.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Icon.js +1 -11
- package/dist/cjs/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Icon.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Icon/Ionicon.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Ionicon.js +2 -11
- package/dist/cjs/components/atoms/Icon/Ionicon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Material.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Material.js +2 -11
- package/dist/cjs/components/atoms/Icon/Material.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js +2 -11
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Octicon.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Octicon.js +2 -11
- package/dist/cjs/components/atoms/Icon/Octicon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/SimpleLine.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/SimpleLine.js +2 -11
- package/dist/cjs/components/atoms/Icon/SimpleLine.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Zocial.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Zocial.js +2 -11
- package/dist/cjs/components/atoms/Icon/Zocial.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/functions.js +0 -2
- package/dist/cjs/components/atoms/Icon/functions.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/styled.js +1 -7
- package/dist/cjs/components/atoms/Icon/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Input/Hint.js +9 -13
- package/dist/cjs/components/atoms/Input/Hint.js.map +1 -1
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -1
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js +39 -24
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
- package/dist/cjs/components/atoms/Input/InputElement/InputElement.js +14 -15
- package/dist/cjs/components/atoms/Input/InputElement/InputElement.js.map +1 -1
- package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js +14 -15
- package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +3 -2
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +4 -12
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
- package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js +1 -7
- package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js +0 -2
- package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.d.ts +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js +1 -7
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.js +0 -2
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.js.map +1 -1
- package/dist/cjs/components/atoms/Input/styled.d.ts +0 -6
- package/dist/cjs/components/atoms/Input/styled.js +9 -15
- package/dist/cjs/components/atoms/Input/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Paper/Paper.d.ts +3 -2
- package/dist/cjs/components/atoms/Paper/Paper.js +1 -8
- package/dist/cjs/components/atoms/Paper/Paper.js.map +1 -1
- package/dist/cjs/components/atoms/Paper/Paper.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/Paper/styled.js +1 -7
- package/dist/cjs/components/atoms/Paper/styled.js.map +1 -1
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.d.ts +3 -2
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js +1 -8
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.d.ts +3 -3
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js +22 -51
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/ProgressBar/styled.d.ts +0 -2
- package/dist/cjs/components/atoms/ProgressBar/styled.js +3 -9
- package/dist/cjs/components/atoms/ProgressBar/styled.js.map +1 -1
- package/dist/cjs/components/atoms/RadioButton/RadioButton.d.ts +3 -2
- package/dist/cjs/components/atoms/RadioButton/RadioButton.js +27 -21
- package/dist/cjs/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/cjs/components/atoms/RadioButton/RadioButton.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/RadioButton/styled.js +4 -10
- package/dist/cjs/components/atoms/RadioButton/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/Switch.js +25 -18
- package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/Switch.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Switch/animation.js +0 -2
- package/dist/cjs/components/atoms/Switch/animation.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/styled.js +2 -8
- package/dist/cjs/components/atoms/Switch/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Tag/Tag.js +30 -24
- package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/atoms/Tag/styled.d.ts +0 -6
- package/dist/cjs/components/atoms/Tag/styled.js +4 -10
- package/dist/cjs/components/atoms/Tag/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Text/Text.js +16 -16
- package/dist/cjs/components/atoms/Text/Text.js.map +1 -1
- package/dist/cjs/components/atoms/Text/Text.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Text/functions.js +0 -2
- package/dist/cjs/components/atoms/Text/functions.js.map +1 -1
- package/dist/cjs/components/atoms/Text/styled.js +2 -8
- package/dist/cjs/components/atoms/Text/styled.js.map +1 -1
- package/dist/cjs/components/atoms/shared/PaperAndCard.js +0 -2
- package/dist/cjs/components/atoms/shared/PaperAndCard.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/Calendar.d.ts +3 -3
- package/dist/cjs/components/molecules/Calendar/Calendar.js +48 -43
- package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/Calendar.stories.d.ts +1 -2
- package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js +19 -25
- package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/components/Weekdays.js +15 -18
- package/dist/cjs/components/molecules/Calendar/components/Weekdays.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/styled.d.ts +0 -6
- package/dist/cjs/components/molecules/Calendar/styled.js +7 -13
- package/dist/cjs/components/molecules/Calendar/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js +32 -32
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/styled.d.ts +0 -4
- package/dist/cjs/components/molecules/DatePicker/styled.js +2 -8
- package/dist/cjs/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +43 -44
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/styled.d.ts +0 -2
- package/dist/cjs/components/molecules/DateTimePicker/styled.js +1 -7
- package/dist/cjs/components/molecules/DateTimePicker/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +73 -77
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.d.ts +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.js +37 -34
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/styled.d.ts +0 -4
- package/dist/cjs/components/molecules/DateTimeSelector/styled.js +8 -14
- package/dist/cjs/components/molecules/DateTimeSelector/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/functions.js +0 -2
- package/dist/cjs/components/molecules/Grid/functions.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/index.d.ts +6 -6
- package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js +17 -20
- package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconComponent.js +9 -10
- package/dist/cjs/components/molecules/IconTextButton/IconComponent.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js +10 -14
- package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
- package/dist/cjs/components/molecules/InputPassword/styled.d.ts +0 -2
- package/dist/cjs/components/molecules/InputPassword/styled.js +1 -7
- package/dist/cjs/components/molecules/InputPassword/styled.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +2 -2
- package/dist/cjs/components/molecules/Snackbar/Snackbar.d.ts +3 -2
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js +38 -37
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/molecules/Snackbar/styled.d.ts +0 -6
- package/dist/cjs/components/molecules/Snackbar/styled.js +7 -13
- package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/cjs/components/molecules/TextArea/TextArea.js +35 -36
- package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/cjs/components/molecules/TextArea/styled.js +2 -8
- package/dist/cjs/components/molecules/TextArea/styled.js.map +1 -1
- package/dist/cjs/hooks/useDebouncedState.js +0 -2
- package/dist/cjs/hooks/useDebouncedState.js.map +1 -1
- package/dist/cjs/hooks/useTheme.js +0 -2
- package/dist/cjs/hooks/useTheme.js.map +1 -1
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/ThemeProvider.js +1 -7
- package/dist/cjs/styles/ThemeProvider.js.map +1 -1
- package/dist/cjs/styles/definitions.d.ts +1 -1
- package/dist/cjs/styles/definitions.js +23 -2
- package/dist/cjs/styles/definitions.js.map +1 -1
- package/dist/cjs/styles/light.js +0 -2
- package/dist/cjs/styles/light.js.map +1 -1
- package/dist/cjs/types/defaults.d.ts +26 -26
- package/dist/cjs/utils/IPhoneXHelper.js +1 -3
- package/dist/cjs/utils/IPhoneXHelper.js.map +1 -1
- package/dist/cjs/utils/ResponsiveFontSize.js +0 -2
- package/dist/cjs/utils/ResponsiveFontSize.js.map +1 -1
- package/dist/cjs/utils/extractNumbersFromString.js +0 -2
- package/dist/cjs/utils/extractNumbersFromString.js.map +1 -1
- package/dist/cjs/utils/formatWithMask.js +1 -7
- package/dist/cjs/utils/formatWithMask.js.map +1 -1
- package/dist/cjs/utils/lightenDarkenColor.js +0 -2
- package/dist/cjs/utils/lightenDarkenColor.js.map +1 -1
- package/dist/cjs/utils/masks.js +0 -2
- package/dist/cjs/utils/masks.js.map +1 -1
- package/dist/cjs/utils/variantComplement.js +0 -2
- package/dist/cjs/utils/variantComplement.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.d.ts +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +1 -11
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/helpers.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/styled.d.ts +0 -4
- package/dist/esm/components/atoms/Avatar/styled.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.d.ts +3 -2
- package/dist/esm/components/atoms/Badge/Badge.js +1 -5
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/atoms/Badge/styled.js.map +1 -1
- package/dist/esm/components/atoms/BoxContent/BoxContent.js +1 -3
- package/dist/esm/components/atoms/BoxContent/BoxContent.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +2 -2
- package/dist/esm/components/atoms/Button/Button.js +19 -12
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/BaseState.js +1 -10
- package/dist/esm/components/atoms/Button/States/BaseState.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Error.js +1 -4
- package/dist/esm/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Loading.js +7 -8
- package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Success.js +1 -4
- package/dist/esm/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/esm/components/atoms/Button/styled.d.ts +0 -2
- package/dist/esm/components/atoms/Button/styled.js.map +1 -1
- package/dist/esm/components/atoms/Card/Card.d.ts +3 -2
- package/dist/esm/components/atoms/Card/Card.js +2 -9
- package/dist/esm/components/atoms/Card/Card.js.map +1 -1
- package/dist/esm/components/atoms/Card/Footer/Footer.d.ts +3 -2
- package/dist/esm/components/atoms/Card/Footer/Footer.js +1 -3
- package/dist/esm/components/atoms/Card/Footer/Footer.js.map +1 -1
- package/dist/esm/components/atoms/Card/Header/Header.d.ts +3 -2
- package/dist/esm/components/atoms/Card/Header/Header.js +1 -3
- package/dist/esm/components/atoms/Card/Header/Header.js.map +1 -1
- package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +3 -2
- package/dist/esm/components/atoms/Checkbox/Checkbox.js +26 -22
- package/dist/esm/components/atoms/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/atoms/Checkbox/styled.js.map +1 -1
- package/dist/esm/components/atoms/Divider/Divider.js +1 -3
- package/dist/esm/components/atoms/Divider/Divider.js.map +1 -1
- package/dist/esm/components/atoms/GroupButton/GroupButton.d.ts +1 -0
- package/dist/esm/components/atoms/GroupButton/GroupButton.js +16 -16
- package/dist/esm/components/atoms/GroupButton/GroupButton.js.map +1 -1
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +1 -5
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/esm/components/atoms/GroupButton/styled.d.ts +0 -4
- package/dist/esm/components/atoms/GroupButton/styled.js.map +1 -1
- package/dist/esm/components/atoms/Icon/AntDesign.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/AntDesign.js +1 -5
- package/dist/esm/components/atoms/Icon/AntDesign.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Entypo.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Entypo.js +1 -5
- package/dist/esm/components/atoms/Icon/Entypo.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Evil.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Evil.js +1 -5
- package/dist/esm/components/atoms/Icon/Evil.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Feather.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Feather.js +1 -5
- package/dist/esm/components/atoms/Icon/Feather.js.map +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesome.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesome.js +1 -5
- package/dist/esm/components/atoms/Icon/FontAwesome.js.map +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js +1 -5
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Fontisto.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Fontisto.js +1 -5
- package/dist/esm/components/atoms/Icon/Fontisto.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Foundation.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Foundation.js +1 -5
- package/dist/esm/components/atoms/Icon/Foundation.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Icon.js +1 -7
- package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Ionicon.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Ionicon.js +1 -5
- package/dist/esm/components/atoms/Icon/Ionicon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Material.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Material.js +1 -5
- package/dist/esm/components/atoms/Icon/Material.js.map +1 -1
- package/dist/esm/components/atoms/Icon/MaterialCommunity.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js +1 -5
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Octicon.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Octicon.js +1 -5
- package/dist/esm/components/atoms/Icon/Octicon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/SimpleLine.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/SimpleLine.js +1 -5
- package/dist/esm/components/atoms/Icon/SimpleLine.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Zocial.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Zocial.js +1 -5
- package/dist/esm/components/atoms/Icon/Zocial.js.map +1 -1
- package/dist/esm/components/atoms/Icon/functions.js.map +1 -1
- package/dist/esm/components/atoms/Icon/styled.js.map +1 -1
- package/dist/esm/components/atoms/Input/Hint.js +9 -9
- package/dist/esm/components/atoms/Input/Hint.js.map +1 -1
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -1
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js +39 -20
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
- package/dist/esm/components/atoms/Input/InputElement/InputElement.js +13 -10
- package/dist/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -1
- package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +13 -10
- package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +3 -2
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +1 -8
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
- package/dist/esm/components/atoms/Input/hooks/useNumberMask.d.ts +1 -1
- package/dist/esm/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
- package/dist/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -1
- package/dist/esm/components/atoms/Input/styled.d.ts +0 -6
- package/dist/esm/components/atoms/Input/styled.js.map +1 -1
- package/dist/esm/components/atoms/Paper/Paper.d.ts +3 -2
- package/dist/esm/components/atoms/Paper/Paper.js +1 -4
- package/dist/esm/components/atoms/Paper/Paper.js.map +1 -1
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.d.ts +3 -2
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.js +1 -4
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts +3 -3
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +22 -31
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/atoms/ProgressBar/styled.d.ts +0 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +3 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +27 -17
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/styled.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.js +22 -11
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/atoms/Tag/Tag.js +29 -19
- package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/esm/components/atoms/Tag/styled.d.ts +0 -6
- package/dist/esm/components/atoms/Tag/styled.js.map +1 -1
- package/dist/esm/components/atoms/Text/Text.js +16 -12
- package/dist/esm/components/atoms/Text/Text.js.map +1 -1
- package/dist/esm/components/atoms/Text/styled.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/Calendar.d.ts +3 -3
- package/dist/esm/components/molecules/Calendar/Calendar.js +45 -39
- package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/components/MonthWeek.js +14 -16
- package/dist/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/components/Weekdays.js +14 -13
- package/dist/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/styled.d.ts +0 -6
- package/dist/esm/components/molecules/DatePicker/DatePicker.js +29 -28
- package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/styled.d.ts +0 -4
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +40 -40
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +0 -2
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +70 -73
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/Selector.d.ts +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/Selector.js +34 -28
- package/dist/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/styled.d.ts +0 -4
- package/dist/esm/components/molecules/Grid/functions.js.map +1 -1
- package/dist/esm/components/molecules/Grid/index.d.ts +6 -6
- package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js +14 -16
- package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconComponent.js +8 -5
- package/dist/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js +10 -10
- package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
- package/dist/esm/components/molecules/InputPassword/styled.d.ts +0 -2
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +2 -2
- package/dist/esm/components/molecules/Snackbar/Snackbar.d.ts +3 -2
- package/dist/esm/components/molecules/Snackbar/Snackbar.js +35 -30
- package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/molecules/Snackbar/styled.d.ts +0 -6
- package/dist/esm/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/esm/components/molecules/TextArea/TextArea.js +35 -32
- package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/esm/hooks/useDebouncedState.js.map +1 -1
- package/dist/esm/styles/ThemeProvider.js +1 -3
- package/dist/esm/styles/ThemeProvider.js.map +1 -1
- package/dist/esm/styles/definitions.d.ts +1 -1
- package/dist/esm/styles/definitions.js +23 -0
- package/dist/esm/styles/definitions.js.map +1 -1
- package/dist/esm/types/defaults.d.ts +26 -26
- package/dist/esm/utils/IPhoneXHelper.js +1 -1
- package/dist/esm/utils/IPhoneXHelper.js.map +1 -1
- package/dist/esm/utils/lightenDarkenColor.js.map +1 -1
- package/package.json +8 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n | 'material'\n | 'material-community'\n | 'simple-line-icon'\n | 'zocial'\n | 'font-awesome'\n | 'octicon'\n | 'ionicon'\n | 'foundation'\n | 'evilicon'\n | 'entypo'\n | 'antdesign'\n | 'font-awesome-5'\n | string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":"
|
|
1
|
+
{"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n | 'material'\n | 'material-community'\n | 'simple-line-icon'\n | 'zocial'\n | 'font-awesome'\n | 'octicon'\n | 'ionicon'\n | 'foundation'\n | 'evilicon'\n | 'entypo'\n | 'antdesign'\n | 'font-awesome-5'\n | string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":"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"}
|
package/dist/cjs/styles/light.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"light.js","sources":["../../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n borderRadius,\n borderWidth,\n breakpoints,\n fontColor,\n fontFiles,\n fontStack,\n fontWeight,\n iconSize,\n miscellaneous,\n spacing,\n statusColor,\n typography,\n zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n xlight: '#fef9f0',\n light: '#fccb83',\n medium: '#f89907',\n dark: '#ae6b05',\n xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n xlight: '#f8f7f7',\n light: '#c2bfbc',\n medium: '#85807a',\n dark: '#5d5955',\n xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n color: {\n primary: {\n ...primaryGradation,\n },\n secondary: { ...secondaryGradation },\n ...statusColor,\n },\n miscellaneous,\n spacing,\n iconSize,\n borderRadius,\n borderWidth,\n typography,\n font: {\n color: fontColor,\n stack: fontStack,\n weight: fontWeight,\n files: fontFiles,\n },\n zIndex,\n breakpoints,\n};\n"],"names":["statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","fontColor","fontStack","fontWeight","fontFiles","zIndex","breakpoints"],"mappings":"
|
|
1
|
+
{"version":3,"file":"light.js","sources":["../../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n borderRadius,\n borderWidth,\n breakpoints,\n fontColor,\n fontFiles,\n fontStack,\n fontWeight,\n iconSize,\n miscellaneous,\n spacing,\n statusColor,\n typography,\n zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n xlight: '#fef9f0',\n light: '#fccb83',\n medium: '#f89907',\n dark: '#ae6b05',\n xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n xlight: '#f8f7f7',\n light: '#c2bfbc',\n medium: '#85807a',\n dark: '#5d5955',\n xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n color: {\n primary: {\n ...primaryGradation,\n },\n secondary: { ...secondaryGradation },\n ...statusColor,\n },\n miscellaneous,\n spacing,\n iconSize,\n borderRadius,\n borderWidth,\n typography,\n font: {\n color: fontColor,\n stack: fontStack,\n weight: fontWeight,\n files: fontFiles,\n },\n zIndex,\n breakpoints,\n};\n"],"names":["statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","fontColor","fontStack","fontWeight","fontFiles","zIndex","breakpoints"],"mappings":";;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,GAAG,gBAAA;AAAA,KACL;AAAA,IACA,SAAA,EAAW,EAAE,GAAG,kBAAmB,EAAA;AAAA,IACnC,GAAGA,uBAAA;AAAA,GACL;AAAA,iBACAC,yBAAA;AAAA,WACAC,mBAAA;AAAA,YACAC,oBAAA;AAAA,gBACAC,wBAAA;AAAA,eACAC,uBAAA;AAAA,cACAC,sBAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAAC,qBAAA;AAAA,IACP,KAAO,EAAAC,qBAAA;AAAA,IACP,MAAQ,EAAAC,sBAAA;AAAA,IACR,KAAO,EAAAC,qBAAA;AAAA,GACT;AAAA,UACAC,kBAAA;AAAA,eACAC,uBAAA;AACF;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type Color = {
|
|
3
3
|
primary: ColorGradation;
|
|
4
4
|
secondary: ColorGradation;
|
|
5
5
|
error: ColorGradation;
|
|
@@ -7,7 +7,7 @@ export declare type Color = {
|
|
|
7
7
|
info: ColorGradation;
|
|
8
8
|
warning: ColorGradation;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type TypographyVariation = {
|
|
11
11
|
h1: Typography;
|
|
12
12
|
h2: Typography;
|
|
13
13
|
h3: Typography;
|
|
@@ -17,13 +17,13 @@ export declare type TypographyVariation = {
|
|
|
17
17
|
sub: Typography;
|
|
18
18
|
label: Typography;
|
|
19
19
|
};
|
|
20
|
-
export
|
|
20
|
+
export type Miscellaneous = {
|
|
21
21
|
shadow: string;
|
|
22
22
|
overlay: string;
|
|
23
23
|
bodyColor: string;
|
|
24
24
|
surfaceColor: string;
|
|
25
25
|
};
|
|
26
|
-
export
|
|
26
|
+
export type Spacing = {
|
|
27
27
|
nano: string;
|
|
28
28
|
micro: string;
|
|
29
29
|
mili: string;
|
|
@@ -36,7 +36,7 @@ export declare type Spacing = {
|
|
|
36
36
|
peta: string;
|
|
37
37
|
hexa: string;
|
|
38
38
|
};
|
|
39
|
-
export
|
|
39
|
+
export type IconSize = {
|
|
40
40
|
micro: string;
|
|
41
41
|
mili: string;
|
|
42
42
|
centi: string;
|
|
@@ -44,7 +44,7 @@ export declare type IconSize = {
|
|
|
44
44
|
kilo: string;
|
|
45
45
|
mega: string;
|
|
46
46
|
};
|
|
47
|
-
export
|
|
47
|
+
export type BorderRadius = {
|
|
48
48
|
nano: string;
|
|
49
49
|
micro: string;
|
|
50
50
|
mili: string;
|
|
@@ -52,32 +52,32 @@ export declare type BorderRadius = {
|
|
|
52
52
|
deca: string;
|
|
53
53
|
pill: string;
|
|
54
54
|
};
|
|
55
|
-
export
|
|
55
|
+
export type BorderWidth = {
|
|
56
56
|
pico: string;
|
|
57
57
|
nano: string;
|
|
58
58
|
};
|
|
59
|
-
export
|
|
59
|
+
export type Typography = {
|
|
60
60
|
lineHeight: string;
|
|
61
61
|
fontSize: string;
|
|
62
62
|
};
|
|
63
|
-
export
|
|
63
|
+
export type ColorGradation = {
|
|
64
64
|
xlight: string;
|
|
65
65
|
light: string;
|
|
66
66
|
medium: string;
|
|
67
67
|
dark: string;
|
|
68
68
|
xdark: string;
|
|
69
69
|
};
|
|
70
|
-
export
|
|
70
|
+
export type FontStack = {
|
|
71
71
|
default: string;
|
|
72
72
|
mono: string;
|
|
73
73
|
};
|
|
74
|
-
export
|
|
74
|
+
export type FontColor = {
|
|
75
75
|
light: string;
|
|
76
76
|
medium: string;
|
|
77
77
|
dark: string;
|
|
78
78
|
orange: string;
|
|
79
79
|
};
|
|
80
|
-
export
|
|
80
|
+
export type ZIndex = {
|
|
81
81
|
default: number;
|
|
82
82
|
absolute: number;
|
|
83
83
|
drawer: number;
|
|
@@ -90,17 +90,17 @@ export declare type ZIndex = {
|
|
|
90
90
|
sidebar: number;
|
|
91
91
|
modal: number;
|
|
92
92
|
};
|
|
93
|
-
export
|
|
93
|
+
export type FontWeight = {
|
|
94
94
|
regular: string;
|
|
95
95
|
bold: string;
|
|
96
96
|
black: string;
|
|
97
97
|
};
|
|
98
|
-
export
|
|
98
|
+
export type Breakpoints = {
|
|
99
99
|
sm: number;
|
|
100
100
|
md: number;
|
|
101
101
|
lg: number;
|
|
102
102
|
};
|
|
103
|
-
export
|
|
103
|
+
export type ThemeProp = {
|
|
104
104
|
color: Color;
|
|
105
105
|
miscellaneous: Miscellaneous;
|
|
106
106
|
spacing: Spacing;
|
|
@@ -121,14 +121,14 @@ export interface ThemeProviderProps {
|
|
|
121
121
|
children?: ReactNode;
|
|
122
122
|
theme: ThemeProp;
|
|
123
123
|
}
|
|
124
|
-
export
|
|
125
|
-
export
|
|
126
|
-
export
|
|
127
|
-
export
|
|
128
|
-
export
|
|
129
|
-
export
|
|
130
|
-
export
|
|
131
|
-
export
|
|
132
|
-
export
|
|
133
|
-
export
|
|
134
|
-
export
|
|
124
|
+
export type StyleProps = ThemeProviderProps;
|
|
125
|
+
export type ColorType = keyof Color;
|
|
126
|
+
export type SpacingType = keyof Spacing;
|
|
127
|
+
export type TypographyVariationType = keyof TypographyVariation;
|
|
128
|
+
export type FontWeightType = keyof FontWeight;
|
|
129
|
+
export type VariantType = 'filled' | 'outlined' | 'text';
|
|
130
|
+
export type ColorGradationType = keyof ColorGradation;
|
|
131
|
+
export type FontColorType = keyof FontColor;
|
|
132
|
+
export type BorderRadiusType = keyof BorderRadius;
|
|
133
|
+
export type FontStackType = keyof FontStack;
|
|
134
|
+
export type IconSizeType = keyof IconSize;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var reactNative = require('react-native');
|
|
6
4
|
|
|
7
5
|
function isIphoneX() {
|
|
8
6
|
const dimen = reactNative.Dimensions.get("window");
|
|
9
|
-
return reactNative.Platform.OS === "ios" && !reactNative.Platform.isPad && !reactNative.Platform.
|
|
7
|
+
return reactNative.Platform.OS === "ios" && !reactNative.Platform.isPad && !reactNative.Platform.isTV && (dimen.height === 780 || dimen.width === 780 || dimen.height === 812 || dimen.width === 812 || dimen.height === 844 || dimen.width === 844 || dimen.height === 896 || dimen.width === 896 || dimen.height === 926 || dimen.width === 926);
|
|
10
8
|
}
|
|
11
9
|
function ifIphoneX(iphoneXStyle, regularStyle) {
|
|
12
10
|
if (isIphoneX()) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n const dimen = Dimensions.get('window');\n return (\n Platform.OS === 'ios' &&\n !Platform.isPad &&\n !Platform.
|
|
1
|
+
{"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n const dimen = Dimensions.get('window');\n return (\n Platform.OS === 'ios' &&\n !Platform.isPad &&\n !Platform.isTV &&\n (dimen.height === 780 ||\n dimen.width === 780 ||\n dimen.height === 812 ||\n dimen.width === 812 ||\n dimen.height === 844 ||\n dimen.width === 844 ||\n dimen.height === 896 ||\n dimen.width === 896 ||\n dimen.height === 926 ||\n dimen.width === 926)\n );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n if (isIphoneX()) {\n return iphoneXStyle;\n }\n return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n return Platform.select({\n ios: ifIphoneX(safe ? 44 : 30, 20),\n android: StatusBar.currentHeight,\n default: 0,\n });\n}\n\nexport function getBottomSpace() {\n return isIphoneX() ? 34 : 0;\n}\n"],"names":["Dimensions","Platform","StatusBar"],"mappings":";;;;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQA,sBAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACEC,qBAAS,EAAO,KAAA,KAAA,IAChB,CAACA,oBAAA,CAAS,SACV,CAACA,oBAAA,CAAS,IACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAOA,qBAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAASC,qBAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n if (Platform.OS === 'web') return percent;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (percent * deviceHeight) / 100;\n return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n fontSize: number,\n standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n if (Platform.OS === 'web') return fontSize;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n const _fontSize = extractNumbersFromString(fontSize);\n return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n if (Platform.OS === 'web') return percent;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (percent * deviceHeight) / 100;\n return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n fontSize: number,\n standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n if (Platform.OS === 'web') return fontSize;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n const _fontSize = extractNumbersFromString(fontSize);\n return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,EAAO,OAAA,CAAA,EAAG,OAAQ,CAAA,SAAA,EAAW,oBAAoB,CAAA,CAAA,EAAA,CAAA,CAAA;AACnD;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extractNumbersFromString.js","sources":["../../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"extractNumbersFromString.js","sources":["../../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":";;AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;;"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
require('react');
|
|
6
4
|
require('../components/atoms/Text/styled.js');
|
|
7
5
|
require('../components/atoms/Input/styled.js');
|
|
@@ -12,10 +10,6 @@ require('../components/atoms/Input/InputMaskElement/InputMaskElement.js');
|
|
|
12
10
|
require('../components/atoms/Input/PressableInputContainer/styled.js');
|
|
13
11
|
var currency = require('currency.js');
|
|
14
12
|
|
|
15
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
16
|
-
|
|
17
|
-
var currency__default = /*#__PURE__*/_interopDefaultLegacy(currency);
|
|
18
|
-
|
|
19
13
|
const formatWithMask = (mask, value) => {
|
|
20
14
|
if (Array.isArray(mask) || typeof mask === "function") {
|
|
21
15
|
const selectedMask = useStringMask.getMask(mask, String(value));
|
|
@@ -26,7 +20,7 @@ const formatWithMask = (mask, value) => {
|
|
|
26
20
|
value,
|
|
27
21
|
mask
|
|
28
22
|
);
|
|
29
|
-
return
|
|
23
|
+
return currency(internalNumber).format(mergedOptions);
|
|
30
24
|
}
|
|
31
25
|
};
|
|
32
26
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatWithMask.js","sources":["../../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n MaskType,\n CurrencyOptions,\n getMask,\n mergeMask,\n getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n value: string | number\n): string | number => {\n if (Array.isArray(mask) || typeof mask === 'function') {\n const selectedMask = getMask(mask, String(value));\n const { formatted } = mergeMask(String(value), selectedMask);\n return formatted || '';\n } else {\n const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n value,\n mask\n );\n return currency(internalNumber).format(mergedOptions);\n }\n};\n"],"names":["getMask","mergeMask","getInternalNumberAndMask"
|
|
1
|
+
{"version":3,"file":"formatWithMask.js","sources":["../../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n MaskType,\n CurrencyOptions,\n getMask,\n mergeMask,\n getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n value: string | number\n): string | number => {\n if (Array.isArray(mask) || typeof mask === 'function') {\n const selectedMask = getMask(mask, String(value));\n const { formatted } = mergeMask(String(value), selectedMask);\n return formatted || '';\n } else {\n const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n value,\n mask\n );\n return currency(internalNumber).format(mergedOptions);\n }\n};\n"],"names":["getMask","mergeMask","getInternalNumberAndMask"],"mappings":";;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAAA,qBAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAIC,wBAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAAC,sCAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAO,QAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n let usePound = false;\n\n if (color[0] == '#') {\n color = color.slice(1);\n usePound = true;\n }\n\n const num = parseInt(color, 16);\n\n let r = (num >> 16) + variation;\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + variation;\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + variation;\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n let usePound = false;\n\n if (color[0] == '#') {\n color = color.slice(1);\n usePound = true;\n }\n\n const num = parseInt(color, 16);\n\n let r = (num >> 16) + variation;\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + variation;\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + variation;\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":";;AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,CAAC,CAAA,IAAK,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}
|
package/dist/cjs/utils/masks.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masks.js","sources":["../../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n CPF: ['999.999.999-99'],\n CNPJ: ['99.999.999/9999-99'],\n DATE: ['99/99/9999'],\n MONTH_YEAR: ['99/9999'],\n CEP: ['99999-999'],\n PHONE: ['(99) 9999-9999'],\n PHONE_EXTENDED: ['(99) 99999-9999'],\n COMBINED_PHONE: (value: string) => {\n const onlyNumbers = extractDigitsFromString(value);\n // Value is number extended, but without mask.\n const isCellPhoneExtended = onlyNumbers.length === 11;\n\n // Value in formatted mode\n return value?.length <= 14 && !isCellPhoneExtended\n ? Masks.PHONE\n : Masks.PHONE_EXTENDED;\n },\n COMBINED_CPF_CNPJ: (value: string) =>\n value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":["extractDigitsFromString"],"mappings":"
|
|
1
|
+
{"version":3,"file":"masks.js","sources":["../../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n CPF: ['999.999.999-99'],\n CNPJ: ['99.999.999/9999-99'],\n DATE: ['99/99/9999'],\n MONTH_YEAR: ['99/9999'],\n CEP: ['99999-999'],\n PHONE: ['(99) 9999-9999'],\n PHONE_EXTENDED: ['(99) 99999-9999'],\n COMBINED_PHONE: (value: string) => {\n const onlyNumbers = extractDigitsFromString(value);\n // Value is number extended, but without mask.\n const isCellPhoneExtended = onlyNumbers.length === 11;\n\n // Value in formatted mode\n return value?.length <= 14 && !isCellPhoneExtended\n ? Masks.PHONE\n : Masks.PHONE_EXTENDED;\n },\n COMBINED_CPF_CNPJ: (value: string) =>\n value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":["extractDigitsFromString"],"mappings":";;;;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAcA,iDAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAO,OAAO,MAAU,IAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,KAAA,EAAO,UAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variantComplement.js","sources":["../../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n ColorGradationType,\n ColorType,\n FontColorType,\n VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n filled: 'light',\n outlined: 'orange',\n text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"variantComplement.js","sources":["../../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n ColorGradationType,\n ColorType,\n FontColorType,\n VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n filled: 'light',\n outlined: 'orange',\n text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n"],"names":[],"mappings":";;AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;;;;;"}
|
|
@@ -2,7 +2,7 @@ import React, { FC } from 'react';
|
|
|
2
2
|
import { ImageSourcePropType } from 'react-native';
|
|
3
3
|
import { IconSize } from '../../../types/defaults';
|
|
4
4
|
import { TextProps } from '../Text';
|
|
5
|
-
export
|
|
5
|
+
export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
|
|
6
6
|
export interface AvatarProps {
|
|
7
7
|
source?: ImageSourcePropType;
|
|
8
8
|
name: string;
|
|
@@ -15,17 +15,7 @@ const Avatar = ({
|
|
|
15
15
|
setHasError(false);
|
|
16
16
|
}, [source]);
|
|
17
17
|
const StyledText = getStyledTextComponent(TextComponent);
|
|
18
|
-
return /* @__PURE__ */ React__default.createElement(ContainerButtonAvatar, {
|
|
19
|
-
effect: "none",
|
|
20
|
-
onPress,
|
|
21
|
-
size
|
|
22
|
-
}, source && !hasError ? /* @__PURE__ */ React__default.createElement(StyledAvatar, {
|
|
23
|
-
source,
|
|
24
|
-
onError: () => setHasError(true)
|
|
25
|
-
}) : /* @__PURE__ */ React__default.createElement(StyledBackground, null, /* @__PURE__ */ React__default.createElement(StyledText, {
|
|
26
|
-
fontWeight: "bold",
|
|
27
|
-
fontColor: "light"
|
|
28
|
-
}, getIniciais(name))));
|
|
18
|
+
return /* @__PURE__ */ React__default.createElement(ContainerButtonAvatar, { effect: "none", onPress, size }, source && !hasError ? /* @__PURE__ */ React__default.createElement(StyledAvatar, { source, onError: () => setHasError(true) }) : /* @__PURE__ */ React__default.createElement(StyledBackground, null, /* @__PURE__ */ React__default.createElement(StyledText, { fontWeight: "bold", fontColor: "light" }, getIniciais(name))));
|
|
29
19
|
};
|
|
30
20
|
|
|
31
21
|
export { Avatar as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n ContainerButtonAvatar,\n getStyledTextComponent,\n StyledAvatar,\n StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n * For local assets, you shold use `require('./logo.png')`. */\n source?: ImageSourcePropType;\n name: string;\n onPress?: () => void;\n size?: keyof SizeAvatar;\n TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n source,\n name,\n onPress,\n size = 'mega',\n TextComponent = Text,\n}) => {\n const [hasError, setHasError] = React.useState<boolean>(false);\n\n // If the source changes in runtime, this prevents error from being true always (fallback)\n React.useEffect(() => {\n setHasError(false);\n }, [source]);\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n return (\n <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n {source && !hasError ? (\n <StyledAvatar source={source} onError={() => setHasError(true)} />\n ) : (\n <StyledBackground>\n <StyledText fontWeight=\"bold\" fontColor=\"light\">\n {getIniciais(name)}\n </StyledText>\n </StyledBackground>\n )}\n </ContainerButtonAvatar>\n );\n};\n\nexport default Avatar;\n"],"names":["React"],"mappings":";;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n ContainerButtonAvatar,\n getStyledTextComponent,\n StyledAvatar,\n StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n * For local assets, you shold use `require('./logo.png')`. */\n source?: ImageSourcePropType;\n name: string;\n onPress?: () => void;\n size?: keyof SizeAvatar;\n TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n source,\n name,\n onPress,\n size = 'mega',\n TextComponent = Text,\n}) => {\n const [hasError, setHasError] = React.useState<boolean>(false);\n\n // If the source changes in runtime, this prevents error from being true always (fallback)\n React.useEffect(() => {\n setHasError(false);\n }, [source]);\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n return (\n <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n {source && !hasError ? (\n <StyledAvatar source={source} onError={() => setHasError(true)} />\n ) : (\n <StyledBackground>\n <StyledText fontWeight=\"bold\" fontColor=\"light\">\n {getIniciais(name)}\n </StyledText>\n </StyledBackground>\n )}\n </ContainerButtonAvatar>\n );\n};\n\nexport default Avatar;\n"],"names":["React"],"mappings":";;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,MAAO,EAAA,MAAA,EAAO,OAAkB,EAAA,IAAA,EAAA,EACpD,MAAU,IAAA,CAAC,QACV,mBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,MAAA,EAAgB,SAAS,MAAM,WAAA,CAAY,IAAI,CAAA,EAAG,CAEhE,mBAAAA,cAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAW,MAAO,EAAA,SAAA,EAAU,OACrC,EAAA,EAAA,WAAA,CAAY,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n const nameSplit = name.split(' ');\n if (nameSplit.length > 1) {\n return nameSplit\n .slice(0, 2)\n .map(name => name[0])\n .join('');\n }\n return name[0];\n};\n"],"names":["name"],"mappings":"AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n const nameSplit = name.split(' ');\n if (nameSplit.length > 1) {\n return nameSplit\n .slice(0, 2)\n .map(name => name[0])\n .join('');\n }\n return name[0];\n};\n"],"names":["name"],"mappings":"AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAC,CAAC,CAAA,CACnB,KAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,KAAK,CAAC,CAAA,CAAA;AACf;;;;"}
|
|
@@ -3,8 +3,6 @@ import { Image, View } from 'react-native';
|
|
|
3
3
|
import { TextProps } from '../Text';
|
|
4
4
|
import { AvatarProps } from './Avatar';
|
|
5
5
|
export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
|
|
6
|
-
children?: import("react").ReactNode;
|
|
7
|
-
} & {
|
|
8
6
|
theme?: import("@emotion/react").Theme | undefined;
|
|
9
7
|
as?: import("react").ElementType<any> | undefined;
|
|
10
8
|
} & Partial<import("../../../types/defaults").ThemeProviderProps & AvatarProps>, {}, {}>;
|
|
@@ -21,8 +19,6 @@ export declare const StyledBackground: import("@emotion/native").StyledComponent
|
|
|
21
19
|
ref?: import("react").Ref<View> | undefined;
|
|
22
20
|
}>;
|
|
23
21
|
export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
|
|
24
|
-
children?: import("react").ReactNode;
|
|
25
|
-
} & {
|
|
26
22
|
theme?: import("@emotion/react").Theme | undefined;
|
|
27
23
|
as?: import("react").ElementType<any> | undefined;
|
|
28
24
|
}, {}, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAGjD,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACxB,KAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AAAA,UACX,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACzB,KAAA,KAAA,CAAM,SAAS,IAAI,CAAA,CAAA;AAAA,EAAA;AAGV,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMpD,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3C,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS1D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
2
|
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
3
|
import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
|
|
4
4
|
export interface BadgeProps {
|
|
@@ -6,6 +6,7 @@ export interface BadgeProps {
|
|
|
6
6
|
tone?: ColorGradationType;
|
|
7
7
|
style?: StyleProp<ViewStyle>;
|
|
8
8
|
value: React.ReactNode;
|
|
9
|
+
children?: ReactNode;
|
|
9
10
|
}
|
|
10
|
-
declare const Badge:
|
|
11
|
+
declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => JSX.Element;
|
|
11
12
|
export default Badge;
|
|
@@ -8,11 +8,7 @@ const Badge = ({
|
|
|
8
8
|
tone = "medium",
|
|
9
9
|
value
|
|
10
10
|
}) => {
|
|
11
|
-
return /* @__PURE__ */ React__default.createElement(ViewStyled, null, children, /* @__PURE__ */ React__default.createElement(BadgeStyle, {
|
|
12
|
-
style,
|
|
13
|
-
color,
|
|
14
|
-
tone
|
|
15
|
-
}, value));
|
|
11
|
+
return /* @__PURE__ */ React__default.createElement(ViewStyled, null, children, /* @__PURE__ */ React__default.createElement(BadgeStyle, { style, color, tone }, value));
|
|
16
12
|
};
|
|
17
13
|
|
|
18
14
|
export { Badge as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, {
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n color: ColorType;\n tone?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n value: React.ReactNode;\n children?: ReactNode;\n}\n\nconst Badge = ({\n children,\n style,\n color = 'primary',\n tone = 'medium',\n value,\n}: BadgeProps): JSX.Element => {\n return (\n <ViewStyled>\n {children}\n <BadgeStyle style={style} color={color} tone={tone}>\n {value}\n </BadgeStyle>\n </ViewStyled>\n );\n};\n\nexport default Badge;\n"],"names":["React"],"mappings":";;;AAaA,MAAM,QAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AAAA,EACP,KAAA;AACF,CAA+B,KAAA;AAC7B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,kBACE,QACD,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,KAAA,EAAc,IACrC,EAAA,EAAA,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${`${RFValue(-4)}px`};\n right: ${`${RFValue(-4)}px`};\n `;\n};\n\nexport const BadgeStyle =\n styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAA,GAAA,CAAA;AAAA,mBAAA,EACY,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Badge/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { BadgeProps } from './Badge';\n\nconst baseStyle = ({\n theme,\n color = 'primary',\n tone = 'medium',\n}: StyleProps & Partial<BadgeProps>) => {\n return css`\n border-radius: ${theme.borderRadius.pill};\n background-color: ${theme.color[color][tone]};\n position: absolute;\n align-items: center;\n display: flex;\n justify-content: center;\n height: ${theme.iconSize.centi};\n width: ${theme.iconSize.centi};\n top: ${`${RFValue(-4)}px`};\n right: ${`${RFValue(-4)}px`};\n `;\n};\n\nexport const BadgeStyle =\n styled(View)<Partial<StyleProps & BadgeProps>>(baseStyle);\n\nexport const ViewStyled = styled(View)<Partial<StyleProps & BadgeProps>>`\n align-items: center;\n justify-content: center;\n position: relative;\n align-self: center;\n`;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AACT,CAAwC,KAAA;AACtC,EAAO,OAAA,GAAA,CAAA;AAAA,mBAAA,EACY,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA,sBAAA,EAChB,KAAM,CAAA,KAAA,CAAM,KAAK,CAAA,CAAE,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAA,EAKjC,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,WAAA,EAChB,MAAM,QAAS,CAAA,KAAA,CAAA;AAAA,SACjB,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,WACX,EAAA,CAAA,EAAG,QAAQ,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE1B,CAAA,CAAA;AAEO,MAAM,UACX,GAAA,MAAA,CAAO,IAAI,CAAA,CAAoC,SAAS,EAAA;AAE7C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -2,9 +2,7 @@ import React__default from 'react';
|
|
|
2
2
|
import { StyledBoxContent } from './styled.js';
|
|
3
3
|
|
|
4
4
|
const BoxContent = ({ children, ...rest }) => {
|
|
5
|
-
return /* @__PURE__ */ React__default.createElement(StyledBoxContent, {
|
|
6
|
-
...rest
|
|
7
|
-
}, children);
|
|
5
|
+
return /* @__PURE__ */ React__default.createElement(StyledBoxContent, { ...rest }, children);
|
|
8
6
|
};
|
|
9
7
|
|
|
10
8
|
export { BoxContent as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BoxContent.js","sources":["../../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"names":["React"],"mappings":";;;AAQA,MAAM,
|
|
1
|
+
{"version":3,"file":"BoxContent.js","sources":["../../../../../src/components/atoms/BoxContent/BoxContent.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledBoxContent } from './styled';\n\nexport interface BoxContentProps extends ViewProps {\n variant: 'top' | 'bottom' | 'left' | 'right';\n}\n\nconst BoxContent: FC<BoxContentProps> = ({ children, ...rest }) => {\n return <StyledBoxContent {...rest}>{children}</StyledBoxContent>;\n};\n\nexport default BoxContent;\n"],"names":["React"],"mappings":";;;AAQA,MAAM,aAAkC,CAAC,EAAE,QAAU,EAAA,GAAG,MAAW,KAAA;AACjE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}
|
|
@@ -3,8 +3,8 @@ import { StyleProp, ViewStyle } from 'react-native';
|
|
|
3
3
|
import { BorderRadiusType, ColorGradationType, ColorType, FontColorType, VariantType } from '../../../types/defaults';
|
|
4
4
|
import { PressableSurfaceProps } from '../PressableSurface';
|
|
5
5
|
import { TextProps } from '../Text';
|
|
6
|
-
export
|
|
7
|
-
export
|
|
6
|
+
export type ButtonSizeType = 'small' | 'default';
|
|
7
|
+
export type ButtonStateType = 'loading' | 'error' | 'success' | 'default';
|
|
8
8
|
export interface ButtonStateProps {
|
|
9
9
|
buttonSize?: ButtonSizeType;
|
|
10
10
|
fontColor?: FontColorType;
|
|
@@ -38,18 +38,25 @@ const Button = ({
|
|
|
38
38
|
if (disabled) {
|
|
39
39
|
_surfaceColor = theme.color[_color].light;
|
|
40
40
|
}
|
|
41
|
-
return /* @__PURE__ */ React__default.createElement(
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
42
|
+
StyledButton,
|
|
43
|
+
{
|
|
44
|
+
...rest,
|
|
45
|
+
accessibilityRole: "button",
|
|
46
|
+
style,
|
|
47
|
+
color: _color,
|
|
48
|
+
tone,
|
|
49
|
+
surfaceColor: _surfaceColor,
|
|
50
|
+
variant,
|
|
51
|
+
size,
|
|
52
|
+
disabled: _frozen || disabled,
|
|
53
|
+
frozen: disabled
|
|
54
|
+
},
|
|
55
|
+
state === "loading" && loadingComponent,
|
|
56
|
+
state === "error" && errorComponent,
|
|
57
|
+
state === "success" && successComponent,
|
|
58
|
+
state === "default" && children
|
|
59
|
+
);
|
|
53
60
|
};
|
|
54
61
|
|
|
55
62
|
export { Button as default };
|