@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":"AntDesign.js","sources":["../../../../../src/components/atoms/Icon/AntDesign.tsx"],"sourcesContent":["import React from 'react';\nimport AntDesignRNVI from 'react-native-vector-icons/dist/AntDesign';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst AntDesign = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(AntDesignRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default AntDesign;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"AntDesign.js","sources":["../../../../../src/components/atoms/Icon/AntDesign.tsx"],"sourcesContent":["import React from 'react';\nimport AntDesignRNVI from 'react-native-vector-icons/dist/AntDesign';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst AntDesign = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(AntDesignRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default AntDesign;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,SAAA,GAAY,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACvE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,aAAA,EAAe,IAAI,CAAA,CAAA;AAC9C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Entypo = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(EntypoRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Entypo as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Entypo.js","sources":["../../../../../src/components/atoms/Icon/Entypo.tsx"],"sourcesContent":["import React from 'react';\nimport EntypoRNVI from 'react-native-vector-icons/dist/Entypo';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Entypo = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(EntypoRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Entypo;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Entypo.js","sources":["../../../../../src/components/atoms/Icon/Entypo.tsx"],"sourcesContent":["import React from 'react';\nimport EntypoRNVI from 'react-native-vector-icons/dist/Entypo';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Entypo = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(EntypoRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Entypo;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,MAAA,GAAS,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,UAAA,EAAY,IAAI,CAAA,CAAA;AAC3C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Evil = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(EvilRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Evil as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Evil.js","sources":["../../../../../src/components/atoms/Icon/Evil.tsx"],"sourcesContent":["import React from 'react';\nimport EvilRNVI from 'react-native-vector-icons/dist/EvilIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Evil = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(EvilRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Evil;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Evil.js","sources":["../../../../../src/components/atoms/Icon/Evil.tsx"],"sourcesContent":["import React from 'react';\nimport EvilRNVI from 'react-native-vector-icons/dist/EvilIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Evil = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(EvilRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Evil;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,IAAA,GAAO,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AAClE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,QAAA,EAAU,IAAI,CAAA,CAAA;AACzC,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Feather = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FeatherRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Feather as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Feather.js","sources":["../../../../../src/components/atoms/Icon/Feather.tsx"],"sourcesContent":["import React from 'react';\nimport FeatherRNVI from 'react-native-vector-icons/dist/Feather';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Feather = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FeatherRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Feather;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Feather.js","sources":["../../../../../src/components/atoms/Icon/Feather.tsx"],"sourcesContent":["import React from 'react';\nimport FeatherRNVI from 'react-native-vector-icons/dist/Feather';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Feather = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FeatherRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Feather;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,OAAA,GAAU,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,WAAA,EAAa,IAAI,CAAA,CAAA;AAC5C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const FontAwesome = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FontAwesomeRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { FontAwesome as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FontAwesome.js","sources":["../../../../../src/components/atoms/Icon/FontAwesome.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst FontAwesome = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontAwesomeRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default FontAwesome;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"FontAwesome.js","sources":["../../../../../src/components/atoms/Icon/FontAwesome.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeRNVI from 'react-native-vector-icons/dist/FontAwesome';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst FontAwesome = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontAwesomeRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default FontAwesome;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,WAAA,GAAc,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACzE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,eAAA,EAAiB,IAAI,CAAA,CAAA;AAChD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const FontAwesomeFive = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FontAwesomeFiveRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { FontAwesomeFive as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FontAwesomeFive.js","sources":["../../../../../src/components/atoms/Icon/FontAwesomeFive.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeFiveRNVI from 'react-native-vector-icons/dist/FontAwesome5';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst FontAwesomeFive = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontAwesomeFiveRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default FontAwesomeFive;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"FontAwesomeFive.js","sources":["../../../../../src/components/atoms/Icon/FontAwesomeFive.tsx"],"sourcesContent":["import React from 'react';\nimport FontAwesomeFiveRNVI from 'react-native-vector-icons/dist/FontAwesome5';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst FontAwesomeFive = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontAwesomeFiveRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default FontAwesomeFive;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,eAAA,GAAkB,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AAC7E,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,mBAAA,EAAqB,IAAI,CAAA,CAAA;AACpD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Fontisto = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FontistoRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Fontisto as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Fontisto.js","sources":["../../../../../src/components/atoms/Icon/Fontisto.tsx"],"sourcesContent":["import React from 'react';\nimport FontistoRNVI from 'react-native-vector-icons/dist/Fontisto';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Fontisto = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontistoRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Fontisto;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Fontisto.js","sources":["../../../../../src/components/atoms/Icon/Fontisto.tsx"],"sourcesContent":["import React from 'react';\nimport FontistoRNVI from 'react-native-vector-icons/dist/Fontisto';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Fontisto = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FontistoRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Fontisto;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,QAAA,GAAW,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,YAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Foundation = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(FoundationRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Foundation as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Foundation.js","sources":["../../../../../src/components/atoms/Icon/Foundation.tsx"],"sourcesContent":["import React from 'react';\nimport FoundationRNVI from 'react-native-vector-icons/dist/Foundation';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Foundation = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FoundationRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Foundation;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Foundation.js","sources":["../../../../../src/components/atoms/Icon/Foundation.tsx"],"sourcesContent":["import React from 'react';\nimport FoundationRNVI from 'react-native-vector-icons/dist/Foundation';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Foundation = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(FoundationRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Foundation;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,UAAA,GAAa,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,cAAA,EAAgB,IAAI,CAAA,CAAA;AAC/C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -15,13 +15,7 @@ const Icon = ({
|
|
|
15
15
|
const theme = useTheme();
|
|
16
16
|
const color = getIconColor(colorVariant, colorTone, fontColor, theme);
|
|
17
17
|
const RNVIcon = getIconComponent(type);
|
|
18
|
-
return /* @__PURE__ */ React__default.createElement(RNVIcon, {
|
|
19
|
-
...rest,
|
|
20
|
-
style,
|
|
21
|
-
name,
|
|
22
|
-
color,
|
|
23
|
-
size
|
|
24
|
-
});
|
|
18
|
+
return /* @__PURE__ */ React__default.createElement(RNVIcon, { ...rest, style, name, color, size });
|
|
25
19
|
};
|
|
26
20
|
|
|
27
21
|
export { Icon as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\n\nexport interface IconProps {\n /** Name of the icon. You must use the same icons from react-native-vector-icons */\n name: string;\n /** Default icon sizes from theme */\n size?: IconSizeType;\n /** Icon family. You must use the same icons from react-native-vector-icons */\n type: IconType;\n /** Font theme fill color */\n fontColor?: FontColorType;\n /** Palette theme fill color */\n colorVariant?: ColorType;\n /** Palette theme gradation fill color */\n colorTone?: ColorGradationType;\n style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n name,\n size = 'centi',\n type,\n style,\n fontColor = 'dark',\n colorVariant,\n colorTone = 'medium',\n ...rest\n}) => {\n const theme = useTheme();\n const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n const RNVIcon = getIconComponent(type);\n\n return (\n <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n );\n};\n\nexport default Icon;\n"],"names":[
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../../../src/components/atoms/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, TextStyle } from 'react-native';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconSizeType,\n} from '../../../types/defaults';\nimport { useTheme } from '../../../hooks';\nimport { getIconColor, getIconComponent } from './functions';\nimport { IconType } from '../../../styles/definitions';\n\nexport interface IconProps {\n /** Name of the icon. You must use the same icons from react-native-vector-icons */\n name: string;\n /** Default icon sizes from theme */\n size?: IconSizeType;\n /** Icon family. You must use the same icons from react-native-vector-icons */\n type: IconType;\n /** Font theme fill color */\n fontColor?: FontColorType;\n /** Palette theme fill color */\n colorVariant?: ColorType;\n /** Palette theme gradation fill color */\n colorTone?: ColorGradationType;\n style?: StyleProp<TextStyle>;\n}\n\n/** NOTE: When using colors, the order matters if you're trying to merge multiple types. */\nconst Icon: FC<IconProps> = ({\n name,\n size = 'centi',\n type,\n style,\n fontColor = 'dark',\n colorVariant,\n colorTone = 'medium',\n ...rest\n}) => {\n const theme = useTheme();\n const color = getIconColor(colorVariant, colorTone, fontColor, theme);\n const RNVIcon = getIconComponent(type);\n\n return (\n <RNVIcon {...rest} style={style} name={name} color={color} size={size} />\n );\n};\n\nexport default Icon;\n"],"names":[],"mappings":";;;;AA6BA,MAAM,OAAsB,CAAC;AAAA,EAC3B,IAAA;AAAA,EACA,IAAO,GAAA,OAAA;AAAA,EACP,IAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAY,GAAA,MAAA;AAAA,EACZ,YAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AACvB,EAAA,MAAM,KAAQ,GAAA,YAAA,CAAa,YAAc,EAAA,SAAA,EAAW,WAAW,KAAK,CAAA,CAAA;AACpE,EAAM,MAAA,OAAA,GAAU,iBAAiB,IAAI,CAAA,CAAA;AAErC,EAAA,oDACG,OAAS,EAAA,EAAA,GAAG,MAAM,KAAc,EAAA,IAAA,EAAY,OAAc,IAAY,EAAA,CAAA,CAAA;AAE3E;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Ionicon = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(IonRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Ionicon as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Ionicon.js","sources":["../../../../../src/components/atoms/Icon/Ionicon.tsx"],"sourcesContent":["import React from 'react';\nimport IonRNVI from 'react-native-vector-icons/dist/Ionicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Ionicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(IonRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Ionicon;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Ionicon.js","sources":["../../../../../src/components/atoms/Icon/Ionicon.tsx"],"sourcesContent":["import React from 'react';\nimport IonRNVI from 'react-native-vector-icons/dist/Ionicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Ionicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(IonRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Ionicon;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,OAAA,GAAU,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,OAAA,EAAS,IAAI,CAAA,CAAA;AACxC,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Material = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Material as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Material.js","sources":["../../../../../src/components/atoms/Icon/Material.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Material = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Material;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Material.js","sources":["../../../../../src/components/atoms/Icon/Material.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialRNVI from 'react-native-vector-icons/dist/MaterialIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Material = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Material;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,QAAA,GAAW,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACtE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,YAAA,EAAc,IAAI,CAAA,CAAA;AAC7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -9,11 +9,7 @@ const MaterialCommunity = ({
|
|
|
9
9
|
...rest
|
|
10
10
|
}) => {
|
|
11
11
|
const Icon = getStyledIcon(MaterialCommunityRNVI, size);
|
|
12
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
13
|
-
...rest,
|
|
14
|
-
name,
|
|
15
|
-
color
|
|
16
|
-
});
|
|
12
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
17
13
|
};
|
|
18
14
|
|
|
19
15
|
export { MaterialCommunity as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MaterialCommunity.js","sources":["../../../../../src/components/atoms/Icon/MaterialCommunity.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst MaterialCommunity = ({\n size,\n color,\n name,\n ...rest\n}: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,oBAAoB,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"MaterialCommunity.js","sources":["../../../../../src/components/atoms/Icon/MaterialCommunity.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/MaterialCommunityIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst MaterialCommunity = ({\n size,\n color,\n name,\n ...rest\n}: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default MaterialCommunity;\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,oBAAoB,CAAC;AAAA,EACzB,IAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAyB,KAAA;AACvB,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Octicon = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialCommunityRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Octicon as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Octicon.js","sources":["../../../../../src/components/atoms/Icon/Octicon.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Octicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Octicon;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Octicon.js","sources":["../../../../../src/components/atoms/Icon/Octicon.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Octicons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Octicon = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Octicon;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,OAAA,GAAU,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACrE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const SimpleLine = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialCommunityRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { SimpleLine as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleLine.js","sources":["../../../../../src/components/atoms/Icon/SimpleLine.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst SimpleLine = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default SimpleLine;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"SimpleLine.js","sources":["../../../../../src/components/atoms/Icon/SimpleLine.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/SimpleLineIcons';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst SimpleLine = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default SimpleLine;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,UAAA,GAAa,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACxE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -4,11 +4,7 @@ import { getStyledIcon } from './styled.js';
|
|
|
4
4
|
|
|
5
5
|
const Zocial = ({ size, color, name, ...rest }) => {
|
|
6
6
|
const Icon = getStyledIcon(MaterialCommunityRNVI, size);
|
|
7
|
-
return /* @__PURE__ */ React__default.createElement(Icon, {
|
|
8
|
-
...rest,
|
|
9
|
-
name,
|
|
10
|
-
color
|
|
11
|
-
});
|
|
7
|
+
return /* @__PURE__ */ React__default.createElement(Icon, { ...rest, name, color });
|
|
12
8
|
};
|
|
13
9
|
|
|
14
10
|
export { Zocial as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Zocial.js","sources":["../../../../../src/components/atoms/Icon/Zocial.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Zocial = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Zocial;\n"],"names":["React"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Zocial.js","sources":["../../../../../src/components/atoms/Icon/Zocial.tsx"],"sourcesContent":["import React from 'react';\nimport MaterialCommunityRNVI from 'react-native-vector-icons/dist/Zocial';\nimport { getStyledIcon } from './styled';\nimport { IconInternalProps } from './types';\n\nconst Zocial = ({ size, color, name, ...rest }: IconInternalProps) => {\n const Icon = getStyledIcon(MaterialCommunityRNVI, size);\n return <Icon {...rest} name={name} color={color} />;\n};\n\nexport default Zocial;\n"],"names":["React"],"mappings":";;;;AAKM,MAAA,MAAA,GAAS,CAAC,EAAE,IAAA,EAAM,OAAO,IAAM,EAAA,GAAG,MAA8B,KAAA;AACpE,EAAM,MAAA,IAAA,GAAO,aAAc,CAAA,qBAAA,EAAuB,IAAI,CAAA,CAAA;AACtD,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,MAAY,KAAc,EAAA,CAAA,CAAA;AACnD;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport { IconInternalProps } from './types';\nimport Material from './Material';\nimport Fontisto from './Fontisto';\nimport AntDesign from './AntDesign';\nimport Feather from './Feather';\nimport SimpleLine from './SimpleLine';\nimport FontAwesomeFive from './FontAwesomeFive';\nimport FontAwesome from './FontAwesome';\nimport Entypo from './Entypo';\nimport Evil from './Evil';\nimport Foundation from './Foundation';\nimport Ionicon from './Ionicon';\nimport MaterialCommunity from './MaterialCommunity';\nimport Octicon from './Octicon';\nimport Zocial from './Zocial';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n customIcons[id] = customIcon;\n};\n\nexport const getIconComponent = (\n type: IconType\n): ComponentType<IconInternalProps> => {\n switch (type) {\n case 'zocial':\n return Zocial;\n case 'octicon':\n return Octicon;\n case 'material':\n return Material;\n case 'material-community':\n return MaterialCommunity;\n case 'ionicon':\n return Ionicon;\n case 'foundation':\n return Foundation;\n case 'evilicon':\n return Evil;\n case 'entypo':\n return Entypo;\n case 'font-awesome':\n return FontAwesome;\n case 'font-awesome-5':\n return FontAwesomeFive;\n case 'simple-line-icon':\n return SimpleLine;\n case 'feather':\n return Feather;\n case 'antdesign':\n case 'ant-design':\n return AntDesign;\n case 'fontisto':\n return Fontisto;\n default:\n if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n return customIcons[type];\n }\n return Material;\n }\n};\n/* eslint-enable */\nexport const getIconColor = (\n colorVariant: ColorType | undefined,\n colorGradation: ColorGradationType | undefined,\n fontColor: FontColorType,\n theme: ThemeProp\n): string => {\n if (colorVariant && colorGradation) {\n return theme.color[colorVariant][colorGradation];\n }\n return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAM,cAAmB,EAAC,CAAA;AAMb,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,oBAAA;AACH,MAAO,OAAA,iBAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAO,OAAA,WAAA,CAAA;AAAA,IACT,KAAK,gBAAA;AACH,MAAO,OAAA,eAAA,CAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"functions.js","sources":["../../../../../src/components/atoms/Icon/functions.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n IconType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport { IconInternalProps } from './types';\nimport Material from './Material';\nimport Fontisto from './Fontisto';\nimport AntDesign from './AntDesign';\nimport Feather from './Feather';\nimport SimpleLine from './SimpleLine';\nimport FontAwesomeFive from './FontAwesomeFive';\nimport FontAwesome from './FontAwesome';\nimport Entypo from './Entypo';\nimport Evil from './Evil';\nimport Foundation from './Foundation';\nimport Ionicon from './Ionicon';\nimport MaterialCommunity from './MaterialCommunity';\nimport Octicon from './Octicon';\nimport Zocial from './Zocial';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n customIcons[id] = customIcon;\n};\n\nexport const getIconComponent = (\n type: IconType\n): ComponentType<IconInternalProps> => {\n switch (type) {\n case 'zocial':\n return Zocial;\n case 'octicon':\n return Octicon;\n case 'material':\n return Material;\n case 'material-community':\n return MaterialCommunity;\n case 'ionicon':\n return Ionicon;\n case 'foundation':\n return Foundation;\n case 'evilicon':\n return Evil;\n case 'entypo':\n return Entypo;\n case 'font-awesome':\n return FontAwesome;\n case 'font-awesome-5':\n return FontAwesomeFive;\n case 'simple-line-icon':\n return SimpleLine;\n case 'feather':\n return Feather;\n case 'antdesign':\n case 'ant-design':\n return AntDesign;\n case 'fontisto':\n return Fontisto;\n default:\n if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n return customIcons[type];\n }\n return Material;\n }\n};\n/* eslint-enable */\nexport const getIconColor = (\n colorVariant: ColorType | undefined,\n colorGradation: ColorGradationType | undefined,\n fontColor: FontColorType,\n theme: ThemeProp\n): string => {\n if (colorVariant && colorGradation) {\n return theme.color[colorVariant][colorGradation];\n }\n return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyBA,MAAM,cAAmB,EAAC,CAAA;AAMb,MAAA,gBAAA,GAAmB,CAC9B,IACqC,KAAA;AACrC,EAAA,QAAQ,IAAM;AAAA,IACZ,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT,KAAK,oBAAA;AACH,MAAO,OAAA,iBAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,YAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,IAAA,CAAA;AAAA,IACT,KAAK,QAAA;AACH,MAAO,OAAA,MAAA,CAAA;AAAA,IACT,KAAK,cAAA;AACH,MAAO,OAAA,WAAA,CAAA;AAAA,IACT,KAAK,gBAAA;AACH,MAAO,OAAA,eAAA,CAAA;AAAA,IACT,KAAK,kBAAA;AACH,MAAO,OAAA,UAAA,CAAA;AAAA,IACT,KAAK,SAAA;AACH,MAAO,OAAA,OAAA,CAAA;AAAA,IACT,KAAK,WAAA,CAAA;AAAA,IACL,KAAK,YAAA;AACH,MAAO,OAAA,SAAA,CAAA;AAAA,IACT,KAAK,UAAA;AACH,MAAO,OAAA,QAAA,CAAA;AAAA,IACT;AACE,MAAA,IAAI,OAAO,SAAU,CAAA,cAAA,CAAe,IAAK,CAAA,WAAA,EAAa,IAAI,CAAG,EAAA;AAC3D,QAAA,OAAO,YAAY,IAAI,CAAA,CAAA;AAAA,OACzB;AACA,MAAO,OAAA,QAAA,CAAA;AAAA,GACX;AACF,EAAA;AAEO,MAAM,YAAe,GAAA,CAC1B,YACA,EAAA,cAAA,EACA,WACA,KACW,KAAA;AACX,EAAA,IAAI,gBAAgB,cAAgB,EAAA;AAClC,IAAA,OAAO,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,cAAc,CAAA,CAAA;AAAA,GACjD;AACA,EAAO,OAAA,KAAA,CAAM,IAAK,CAAA,KAAA,CAAM,SAAS,CAAA,CAAA;AACnC;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n Component: ComponentType<IconRNVIProps>,\n size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n text-align: center;\n`;\n"],"names":[],"mappings":";;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Icon/styled.ts"],"sourcesContent":["import { ComponentType } from 'react';\nimport { IconRNVIProps } from './types';\nimport { IconSizeType, StyleProps } from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\nexport const getStyledIcon = (\n Component: ComponentType<IconRNVIProps>,\n size: IconSizeType\n) => styled(Component)<Partial<StyleProps>>`\n font-size: ${({ theme }: StyleProps) => theme?.iconSize[size]};\n text-align: center;\n`;\n"],"names":[],"mappings":";;AAKO,MAAM,aAAgB,GAAA,CAC3B,SACA,EAAA,IAAA,KACG,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACN,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,EAAO,SAAS,IAAI,CAAA,CAAA;AAAA;AAAA;;;;"}
|
|
@@ -18,15 +18,15 @@ const Hint = ({ variant, text, TextComponent = Text }) => {
|
|
|
18
18
|
icon = "checkmark-circle-outline";
|
|
19
19
|
break;
|
|
20
20
|
}
|
|
21
|
-
return /* @__PURE__ */ React__default.createElement(StyledHintContainer, null, icon && /* @__PURE__ */ React__default.createElement(
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}, text));
|
|
21
|
+
return /* @__PURE__ */ React__default.createElement(StyledHintContainer, null, icon && /* @__PURE__ */ React__default.createElement(
|
|
22
|
+
StyledHintIcon,
|
|
23
|
+
{
|
|
24
|
+
name: icon,
|
|
25
|
+
type: "ionicon",
|
|
26
|
+
size: "centi",
|
|
27
|
+
colorVariant: color
|
|
28
|
+
}
|
|
29
|
+
), /* @__PURE__ */ React__default.createElement(TextComponent, { typography: "label", colorVariant: color }, text));
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
export { Hint as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Hint.js","sources":["../../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n text?: string;\n variant: InputVariantType;\n TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n let color: ColorType;\n let icon;\n\n switch (variant) {\n case 'default':\n color = 'secondary';\n break;\n case 'error':\n color = 'error';\n icon = 'close-circle-outline';\n break;\n case 'success':\n color = 'success';\n icon = 'checkmark-circle-outline';\n break;\n }\n\n return (\n <StyledHintContainer>\n {icon && (\n <StyledHintIcon\n name={icon}\n type=\"ionicon\"\n size=\"centi\"\n colorVariant={color}\n />\n )}\n <TextComponent typography=\"label\" colorVariant={color}>\n {text}\n </TextComponent>\n </StyledHintContainer>\n );\n};\n\nexport default Hint;\n"],"names":["React"],"mappings":";;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,
|
|
1
|
+
{"version":3,"file":"Hint.js","sources":["../../../../../src/components/atoms/Input/Hint.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ColorType } from '../../../types/defaults';\nimport { InputVariantType } from '../Input';\nimport { Text, TextProps } from '../Text';\nimport { StyledHintContainer, StyledHintIcon } from './styled';\n\ninterface HintProps {\n text?: string;\n variant: InputVariantType;\n TextComponent?: FC<TextProps>;\n}\n\nconst Hint: FC<HintProps> = ({ variant, text, TextComponent = Text }) => {\n let color: ColorType;\n let icon;\n\n switch (variant) {\n case 'default':\n color = 'secondary';\n break;\n case 'error':\n color = 'error';\n icon = 'close-circle-outline';\n break;\n case 'success':\n color = 'success';\n icon = 'checkmark-circle-outline';\n break;\n }\n\n return (\n <StyledHintContainer>\n {icon && (\n <StyledHintIcon\n name={icon}\n type=\"ionicon\"\n size=\"centi\"\n colorVariant={color}\n />\n )}\n <TextComponent typography=\"label\" colorVariant={color}>\n {text}\n </TextComponent>\n </StyledHintContainer>\n );\n};\n\nexport default Hint;\n"],"names":["React"],"mappings":";;;;AAYA,MAAM,OAAsB,CAAC,EAAE,SAAS,IAAM,EAAA,aAAA,GAAgB,MAAW,KAAA;AACvE,EAAI,IAAA,KAAA,CAAA;AACJ,EAAI,IAAA,IAAA,CAAA;AAEJ,EAAA,QAAQ,OAAS;AAAA,IACf,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,WAAA,CAAA;AACR,MAAA,MAAA;AAAA,IACF,KAAK,OAAA;AACH,MAAQ,KAAA,GAAA,OAAA,CAAA;AACR,MAAO,IAAA,GAAA,sBAAA,CAAA;AACP,MAAA,MAAA;AAAA,IACF,KAAK,SAAA;AACH,MAAQ,KAAA,GAAA,SAAA,CAAA;AACR,MAAO,IAAA,GAAA,0BAAA,CAAA;AACP,MAAA,MAAA;AAAA,GACJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,2BACE,IACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,IAAA;AAAA,MACN,IAAK,EAAA,SAAA;AAAA,MACL,IAAK,EAAA,OAAA;AAAA,MACL,YAAc,EAAA,KAAA;AAAA,KAAA;AAAA,GAChB,+CAED,aAAc,EAAA,EAAA,UAAA,EAAW,SAAQ,YAAc,EAAA,KAAA,EAAA,EAC7C,IACH,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -3,7 +3,7 @@ import { StyleProp, ViewStyle } from 'react-native';
|
|
|
3
3
|
import { InputElementProps } from '..';
|
|
4
4
|
import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '@tecsinapse/react-core';
|
|
5
5
|
import { TextProps } from '../../Text';
|
|
6
|
-
export
|
|
6
|
+
export type InputVariantType = 'default' | 'error' | 'success';
|
|
7
7
|
export interface InputContainerProps {
|
|
8
8
|
label?: string;
|
|
9
9
|
labelColor?: FontColorType;
|
|
@@ -27,26 +27,45 @@ const InputContainer = ({
|
|
|
27
27
|
_defaultLabelColor = "success";
|
|
28
28
|
const _labelColorVariant = disabled ? "secondary" : _defaultLabelColor;
|
|
29
29
|
const _labelColorTone = disabled ? "light" : labelColorTone;
|
|
30
|
-
return /* @__PURE__ */ React__default.createElement(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
30
|
+
return /* @__PURE__ */ React__default.createElement(
|
|
31
|
+
StyledInputContainer,
|
|
32
|
+
{
|
|
33
|
+
...rest,
|
|
34
|
+
style: inputContainerStyle,
|
|
35
|
+
focused,
|
|
36
|
+
disabled
|
|
37
|
+
},
|
|
38
|
+
/* @__PURE__ */ React__default.createElement(
|
|
39
|
+
StyledBorderKeeper,
|
|
40
|
+
{
|
|
41
|
+
focused,
|
|
42
|
+
disabled,
|
|
43
|
+
borderColor: _defaultLabelColor
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
leftComponent && /* @__PURE__ */ React__default.createElement(StyledIconContent, null, leftComponent),
|
|
47
|
+
/* @__PURE__ */ React__default.createElement(
|
|
48
|
+
StyledLabelContainer,
|
|
49
|
+
{
|
|
50
|
+
leftComponent,
|
|
51
|
+
rightComponent
|
|
52
|
+
},
|
|
53
|
+
label && /* @__PURE__ */ React__default.createElement(
|
|
54
|
+
LabelComponent,
|
|
55
|
+
{
|
|
56
|
+
fontColor: labelColor,
|
|
57
|
+
colorTone: _labelColorTone,
|
|
58
|
+
colorVariant: _labelColorVariant,
|
|
59
|
+
typography: labelTypography,
|
|
60
|
+
fontWeight: labelWeight,
|
|
61
|
+
fontStack: labelStack
|
|
62
|
+
},
|
|
63
|
+
label
|
|
64
|
+
),
|
|
65
|
+
children
|
|
66
|
+
),
|
|
67
|
+
rightComponent && /* @__PURE__ */ React__default.createElement(StyledIconContent, null, rightComponent)
|
|
68
|
+
);
|
|
50
69
|
};
|
|
51
70
|
|
|
52
71
|
export { InputContainer as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputContainer.js","sources":["../../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n FontStackType,\n FontWeightType,\n TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n StyledBorderKeeper,\n StyledIconContent,\n StyledInputContainer,\n StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n label?: string;\n labelColor?: FontColorType;\n labelColorVariant?: ColorType;\n labelColorTone?: ColorGradationType;\n labelTypography?: TypographyVariationType;\n labelStack?: FontStackType;\n LabelComponent?: FC<TextProps>;\n labelWeight?: FontWeightType;\n leftComponent?: JSX.Element;\n rightComponent?: JSX.Element;\n borderColor?: ColorType;\n borderColorGradation?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n inputContainerStyle?: StyleProp<ViewStyle>;\n focused?: boolean;\n disabled?: boolean;\n variant?: InputVariantType;\n hint?: string;\n hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n label,\n labelColor = 'medium',\n labelColorTone,\n labelColorVariant,\n labelTypography = 'label',\n labelStack = 'default',\n labelWeight = 'bold',\n LabelComponent = Text,\n leftComponent,\n rightComponent,\n inputContainerStyle,\n disabled,\n focused,\n variant,\n children,\n ...rest\n}): JSX.Element => {\n let _defaultLabelColor = labelColorVariant;\n if (variant === 'error') _defaultLabelColor = 'error';\n if (variant === 'success') _defaultLabelColor = 'success';\n const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n return (\n <StyledInputContainer\n {...rest}\n style={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n >\n <StyledBorderKeeper\n focused={focused}\n disabled={disabled}\n borderColor={_defaultLabelColor}\n />\n\n {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n <StyledLabelContainer\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n >\n {label && (\n <LabelComponent\n fontColor={labelColor}\n colorTone={_labelColorTone}\n colorVariant={_labelColorVariant}\n typography={labelTypography}\n fontWeight={labelWeight}\n fontStack={labelStack}\n >\n {label}\n </LabelComponent>\n )}\n {children}\n </StyledLabelContainer>\n\n {rightComponent && (\n <StyledIconContent>{rightComponent}</StyledIconContent>\n )}\n </StyledInputContainer>\n );\n};\n\nexport default InputContainer;\n"],"names":["React"],"mappings":";;;;AA2CA,MAAM,iBAAuE,CAAC;AAAA,EAC5E,KAAA;AAAA,EACA,UAAa,GAAA,QAAA;AAAA,EACb,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAkB,GAAA,OAAA;AAAA,EAClB,UAAa,GAAA,SAAA;AAAA,EACb,WAAc,GAAA,MAAA;AAAA,EACd,cAAiB,GAAA,IAAA;AAAA,EACjB,aAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,
|
|
1
|
+
{"version":3,"file":"InputContainer.js","sources":["../../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n FontStackType,\n FontWeightType,\n TypographyVariationType,\n} from '@tecsinapse/react-core';\nimport { Text, TextProps } from '../../Text';\nimport {\n StyledBorderKeeper,\n StyledIconContent,\n StyledInputContainer,\n StyledLabelContainer,\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n label?: string;\n labelColor?: FontColorType;\n labelColorVariant?: ColorType;\n labelColorTone?: ColorGradationType;\n labelTypography?: TypographyVariationType;\n labelStack?: FontStackType;\n LabelComponent?: FC<TextProps>;\n labelWeight?: FontWeightType;\n leftComponent?: JSX.Element;\n rightComponent?: JSX.Element;\n borderColor?: ColorType;\n borderColorGradation?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n inputContainerStyle?: StyleProp<ViewStyle>;\n focused?: boolean;\n disabled?: boolean;\n variant?: InputVariantType;\n hint?: string;\n hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n label,\n labelColor = 'medium',\n labelColorTone,\n labelColorVariant,\n labelTypography = 'label',\n labelStack = 'default',\n labelWeight = 'bold',\n LabelComponent = Text,\n leftComponent,\n rightComponent,\n inputContainerStyle,\n disabled,\n focused,\n variant,\n children,\n ...rest\n}): JSX.Element => {\n let _defaultLabelColor = labelColorVariant;\n if (variant === 'error') _defaultLabelColor = 'error';\n if (variant === 'success') _defaultLabelColor = 'success';\n const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n return (\n <StyledInputContainer\n {...rest}\n style={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n >\n <StyledBorderKeeper\n focused={focused}\n disabled={disabled}\n borderColor={_defaultLabelColor}\n />\n\n {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n <StyledLabelContainer\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n >\n {label && (\n <LabelComponent\n fontColor={labelColor}\n colorTone={_labelColorTone}\n colorVariant={_labelColorVariant}\n typography={labelTypography}\n fontWeight={labelWeight}\n fontStack={labelStack}\n >\n {label}\n </LabelComponent>\n )}\n {children}\n </StyledLabelContainer>\n\n {rightComponent && (\n <StyledIconContent>{rightComponent}</StyledIconContent>\n )}\n </StyledInputContainer>\n );\n};\n\nexport default InputContainer;\n"],"names":["React"],"mappings":";;;;AA2CA,MAAM,iBAAuE,CAAC;AAAA,EAC5E,KAAA;AAAA,EACA,UAAa,GAAA,QAAA;AAAA,EACb,cAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAkB,GAAA,OAAA;AAAA,EAClB,UAAa,GAAA,SAAA;AAAA,EACb,WAAc,GAAA,MAAA;AAAA,EACd,cAAiB,GAAA,IAAA;AAAA,EACjB,aAAA;AAAA,EACA,cAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAmB,KAAA;AACjB,EAAA,IAAI,kBAAqB,GAAA,iBAAA,CAAA;AACzB,EAAA,IAAI,OAAY,KAAA,OAAA;AAAS,IAAqB,kBAAA,GAAA,OAAA,CAAA;AAC9C,EAAA,IAAI,OAAY,KAAA,SAAA;AAAW,IAAqB,kBAAA,GAAA,SAAA,CAAA;AAChD,EAAM,MAAA,kBAAA,GAAqB,WAAW,WAAc,GAAA,kBAAA,CAAA;AACpD,EAAM,MAAA,eAAA,GAAkB,WAAW,OAAU,GAAA,cAAA,CAAA;AAE7C,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,KAAO,EAAA,mBAAA;AAAA,MACP,OAAA;AAAA,MACA,QAAA;AAAA,KAAA;AAAA,oBAEAA,cAAA,CAAA,aAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,OAAA;AAAA,QACA,QAAA;AAAA,QACA,WAAa,EAAA,kBAAA;AAAA,OAAA;AAAA,KACf;AAAA,IAEC,aAAA,oBAAkBA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,aAAc,CAAA;AAAA,oBAEpDA,cAAA,CAAA,aAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,aAAA;AAAA,QACA,cAAA;AAAA,OAAA;AAAA,MAEC,KACC,oBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACC,SAAW,EAAA,UAAA;AAAA,UACX,SAAW,EAAA,eAAA;AAAA,UACX,YAAc,EAAA,kBAAA;AAAA,UACd,UAAY,EAAA,eAAA;AAAA,UACZ,UAAY,EAAA,WAAA;AAAA,UACZ,SAAW,EAAA,UAAA;AAAA,SAAA;AAAA,QAEV,KAAA;AAAA,OACH;AAAA,MAED,QAAA;AAAA,KACH;AAAA,IAEC,cAAA,oBACEA,cAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,IAAA,EAAmB,cAAe,CAAA;AAAA,GAEvC,CAAA;AAEJ;;;;"}
|