@tecsinapse/react-core 1.19.0 → 1.20.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/CHANGELOG.md +11 -0
- package/babel.config.esm.js +34 -0
- package/dist/components/atoms/Avatar/Avatar.js +12 -8
- package/dist/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/components/atoms/Avatar/helpers.js +3 -1
- package/dist/components/atoms/Avatar/helpers.js.map +1 -1
- package/dist/components/atoms/Avatar/index.d.ts +2 -1
- package/dist/components/atoms/Avatar/index.js +11 -9
- package/dist/components/atoms/Avatar/index.js.map +1 -1
- package/dist/components/atoms/Avatar/styled.js +38 -39
- package/dist/components/atoms/Avatar/styled.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.js +11 -8
- package/dist/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/components/atoms/Badge/index.d.ts +2 -1
- package/dist/components/atoms/Badge/index.js +11 -9
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/atoms/Badge/styled.js +15 -24
- package/dist/components/atoms/Badge/styled.js.map +1 -1
- package/dist/components/atoms/BoxContent/BoxContent.js +8 -5
- package/dist/components/atoms/BoxContent/BoxContent.js.map +1 -1
- package/dist/components/atoms/BoxContent/index.d.ts +2 -1
- package/dist/components/atoms/BoxContent/index.js +11 -9
- package/dist/components/atoms/BoxContent/index.js.map +1 -1
- package/dist/components/atoms/BoxContent/styled.js +62 -57
- package/dist/components/atoms/BoxContent/styled.js.map +1 -1
- package/dist/components/atoms/Button/Button.js +19 -16
- package/dist/components/atoms/Button/Button.js.map +1 -1
- package/dist/components/atoms/Button/States/BaseState.js +11 -8
- package/dist/components/atoms/Button/States/BaseState.js.map +1 -1
- package/dist/components/atoms/Button/States/Error.js +3 -1
- package/dist/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/components/atoms/Button/States/Loading.js +10 -7
- package/dist/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/components/atoms/Button/States/Success.js +3 -1
- package/dist/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/components/atoms/Button/States/index.js +21 -8
- package/dist/components/atoms/Button/States/index.js.map +1 -1
- package/dist/components/atoms/Button/States/styled.js +31 -19
- package/dist/components/atoms/Button/States/styled.js.map +1 -1
- package/dist/components/atoms/Button/index.d.ts +2 -1
- package/dist/components/atoms/Button/index.js +29 -16
- package/dist/components/atoms/Button/index.js.map +1 -1
- package/dist/components/atoms/Button/styled.js +33 -36
- package/dist/components/atoms/Button/styled.js.map +1 -1
- package/dist/components/atoms/Card/Card.js +11 -7
- package/dist/components/atoms/Card/Card.js.map +1 -1
- package/dist/components/atoms/Card/Footer/Footer.js +12 -7
- package/dist/components/atoms/Card/Footer/Footer.js.map +1 -1
- package/dist/components/atoms/Card/Footer/index.d.ts +2 -1
- package/dist/components/atoms/Card/Footer/index.js +11 -9
- package/dist/components/atoms/Card/Footer/index.js.map +1 -1
- package/dist/components/atoms/Card/Header/Header.js +12 -7
- package/dist/components/atoms/Card/Header/Header.js.map +1 -1
- package/dist/components/atoms/Card/Header/index.d.ts +2 -1
- package/dist/components/atoms/Card/Header/index.js +11 -9
- package/dist/components/atoms/Card/Header/index.js.map +1 -1
- package/dist/components/atoms/Card/index.d.ts +2 -1
- package/dist/components/atoms/Card/index.js +11 -9
- package/dist/components/atoms/Card/index.js.map +1 -1
- package/dist/components/atoms/Card/styled.js +8 -5
- package/dist/components/atoms/Card/styled.js.map +1 -1
- package/dist/components/atoms/Checkbox/Checkbox.js +15 -11
- package/dist/components/atoms/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/atoms/Checkbox/index.d.ts +2 -1
- package/dist/components/atoms/Checkbox/index.js +11 -9
- package/dist/components/atoms/Checkbox/index.js.map +1 -1
- package/dist/components/atoms/Checkbox/styled.js +62 -44
- package/dist/components/atoms/Checkbox/styled.js.map +1 -1
- package/dist/components/atoms/Divider/Divider.js +8 -5
- package/dist/components/atoms/Divider/Divider.js.map +1 -1
- package/dist/components/atoms/Divider/index.d.ts +2 -1
- package/dist/components/atoms/Divider/index.js +11 -9
- package/dist/components/atoms/Divider/index.js.map +1 -1
- package/dist/components/atoms/Divider/styled.js +33 -26
- package/dist/components/atoms/Divider/styled.js.map +1 -1
- package/dist/components/atoms/GroupButton/GroupButton.js +24 -20
- package/dist/components/atoms/GroupButton/GroupButton.js.map +1 -1
- package/dist/components/atoms/GroupButton/GroupButtonOption.js +9 -6
- package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/components/atoms/GroupButton/index.d.ts +4 -2
- package/dist/components/atoms/GroupButton/index.js +18 -14
- package/dist/components/atoms/GroupButton/index.js.map +1 -1
- package/dist/components/atoms/GroupButton/styled.js +97 -100
- package/dist/components/atoms/GroupButton/styled.js.map +1 -1
- package/dist/components/atoms/Icon/Icon.js +14 -11
- package/dist/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/components/atoms/Icon/helpers.js +13 -7
- package/dist/components/atoms/Icon/helpers.js.map +1 -1
- package/dist/components/atoms/Icon/index.d.ts +2 -1
- package/dist/components/atoms/Icon/index.js +11 -9
- package/dist/components/atoms/Icon/index.js.map +1 -1
- package/dist/components/atoms/Input/Hint.js +9 -6
- package/dist/components/atoms/Input/Hint.js.map +1 -1
- package/dist/components/atoms/Input/InputContainer/InputContainer.js +22 -19
- package/dist/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
- package/dist/components/atoms/Input/InputElement/InputElement.js +12 -9
- package/dist/components/atoms/Input/InputElement/InputElement.js.map +1 -1
- package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js +16 -13
- package/dist/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
- package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +11 -8
- package/dist/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
- package/dist/components/atoms/Input/PressableInputContainer/index.d.ts +2 -1
- package/dist/components/atoms/Input/PressableInputContainer/index.js +11 -9
- package/dist/components/atoms/Input/PressableInputContainer/index.js.map +1 -1
- package/dist/components/atoms/Input/PressableInputContainer/styled.js +9 -4
- package/dist/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
- package/dist/components/atoms/Input/hooks/useInputFocus.js +5 -2
- package/dist/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
- package/dist/components/atoms/Input/hooks/useNumberMask.js +7 -4
- package/dist/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
- package/dist/components/atoms/Input/hooks/useStringMask.js +10 -5
- package/dist/components/atoms/Input/hooks/useStringMask.js.map +1 -1
- package/dist/components/atoms/Input/index.d.ts +8 -4
- package/dist/components/atoms/Input/index.js +66 -35
- package/dist/components/atoms/Input/index.js.map +1 -1
- package/dist/components/atoms/Input/styled.js +119 -106
- package/dist/components/atoms/Input/styled.js.map +1 -1
- package/dist/components/atoms/Paper/Paper.js +13 -8
- package/dist/components/atoms/Paper/Paper.js.map +1 -1
- package/dist/components/atoms/Paper/index.d.ts +2 -1
- package/dist/components/atoms/Paper/index.js +11 -9
- package/dist/components/atoms/Paper/index.js.map +1 -1
- package/dist/components/atoms/Paper/styled.js +8 -5
- package/dist/components/atoms/Paper/styled.js.map +1 -1
- package/dist/components/atoms/PressableSurface/PressableSurface.js +27 -18
- package/dist/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
- package/dist/components/atoms/PressableSurface/index.d.ts +2 -1
- package/dist/components/atoms/PressableSurface/index.js +11 -9
- package/dist/components/atoms/PressableSurface/index.js.map +1 -1
- package/dist/components/atoms/ProgressBar/ProgressBar.js +20 -15
- package/dist/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/atoms/ProgressBar/index.d.ts +2 -1
- package/dist/components/atoms/ProgressBar/index.js +11 -9
- package/dist/components/atoms/ProgressBar/index.js.map +1 -1
- package/dist/components/atoms/ProgressBar/styled.js +38 -29
- package/dist/components/atoms/ProgressBar/styled.js.map +1 -1
- package/dist/components/atoms/RadioButton/RadioButton.js +15 -11
- package/dist/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/components/atoms/RadioButton/index.d.ts +2 -1
- package/dist/components/atoms/RadioButton/index.js +11 -9
- package/dist/components/atoms/RadioButton/index.js.map +1 -1
- package/dist/components/atoms/RadioButton/styled.js +38 -29
- package/dist/components/atoms/RadioButton/styled.js.map +1 -1
- package/dist/components/atoms/Switch/Switch.js +15 -12
- package/dist/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/components/atoms/Switch/animation.js +3 -1
- package/dist/components/atoms/Switch/animation.js.map +1 -1
- package/dist/components/atoms/Switch/index.d.ts +2 -1
- package/dist/components/atoms/Switch/index.js +11 -9
- package/dist/components/atoms/Switch/index.js.map +1 -1
- package/dist/components/atoms/Switch/styled.js +29 -22
- package/dist/components/atoms/Switch/styled.js.map +1 -1
- package/dist/components/atoms/Tag/Tag.js +14 -11
- package/dist/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/components/atoms/Tag/index.d.ts +2 -1
- package/dist/components/atoms/Tag/index.js +11 -9
- package/dist/components/atoms/Tag/index.js.map +1 -1
- package/dist/components/atoms/Tag/styled.js +47 -43
- package/dist/components/atoms/Tag/styled.js.map +1 -1
- package/dist/components/atoms/Text/Text.js +18 -15
- package/dist/components/atoms/Text/Text.js.map +1 -1
- package/dist/components/atoms/Text/functions.js +3 -1
- package/dist/components/atoms/Text/functions.js.map +1 -1
- package/dist/components/atoms/Text/index.d.ts +2 -1
- package/dist/components/atoms/Text/index.js +11 -9
- package/dist/components/atoms/Text/index.js.map +1 -1
- package/dist/components/atoms/Text/styled.js +51 -33
- package/dist/components/atoms/Text/styled.js.map +1 -1
- package/dist/components/atoms/shared/PaperAndCard.js +29 -20
- package/dist/components/atoms/shared/PaperAndCard.js.map +1 -1
- package/dist/components/molecules/Calendar/Calendar.js +20 -16
- package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/components/molecules/Calendar/components/MonthWeek.js +16 -12
- package/dist/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
- package/dist/components/molecules/Calendar/components/Weekdays.js +9 -6
- package/dist/components/molecules/Calendar/components/Weekdays.js.map +1 -1
- package/dist/components/molecules/Calendar/components/index.js +15 -6
- package/dist/components/molecules/Calendar/components/index.js.map +1 -1
- package/dist/components/molecules/Calendar/index.d.ts +2 -1
- package/dist/components/molecules/Calendar/index.js +11 -12
- package/dist/components/molecules/Calendar/index.js.map +1 -1
- package/dist/components/molecules/Calendar/styled.js +58 -70
- package/dist/components/molecules/Calendar/styled.js.map +1 -1
- package/dist/components/molecules/DatePicker/DatePicker.js +33 -30
- package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/molecules/DatePicker/index.d.ts +2 -1
- package/dist/components/molecules/DatePicker/index.js +11 -9
- package/dist/components/molecules/DatePicker/index.js.map +1 -1
- package/dist/components/molecules/DatePicker/styled.js +19 -13
- package/dist/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js +42 -39
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/index.d.ts +2 -1
- package/dist/components/molecules/DateTimePicker/index.js +11 -9
- package/dist/components/molecules/DateTimePicker/index.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/styled.js +13 -6
- package/dist/components/molecules/DateTimePicker/styled.js.map +1 -1
- package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +28 -26
- package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/components/molecules/DateTimeSelector/Selector.js +18 -14
- package/dist/components/molecules/DateTimeSelector/Selector.js.map +1 -1
- package/dist/components/molecules/DateTimeSelector/index.d.ts +2 -1
- package/dist/components/molecules/DateTimeSelector/index.js +11 -10
- package/dist/components/molecules/DateTimeSelector/index.js.map +1 -1
- package/dist/components/molecules/DateTimeSelector/styled.js +88 -68
- package/dist/components/molecules/DateTimeSelector/styled.js.map +1 -1
- package/dist/components/molecules/Grid/functions.js +6 -2
- package/dist/components/molecules/Grid/functions.js.map +1 -1
- package/dist/components/molecules/Grid/index.js +15 -5
- package/dist/components/molecules/Grid/index.js.map +1 -1
- package/dist/components/molecules/HintInputContainer/HintInputContainer.js +18 -14
- package/dist/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
- package/dist/components/molecules/HintInputContainer/index.js +9 -4
- package/dist/components/molecules/HintInputContainer/index.js.map +1 -1
- package/dist/components/molecules/IconTextButton/IconComponent.js +13 -8
- package/dist/components/molecules/IconTextButton/IconComponent.js.map +1 -1
- package/dist/components/molecules/IconTextButton/IconTextButton.js +3 -1
- package/dist/components/molecules/IconTextButton/index.d.ts +1 -1
- package/dist/components/molecules/IconTextButton/index.js +9 -9
- package/dist/components/molecules/IconTextButton/index.js.map +1 -1
- package/dist/components/molecules/IconTextButton/styled.js +15 -14
- package/dist/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/components/molecules/InputPassword/InputPasswordIcon.js +9 -6
- package/dist/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
- package/dist/components/molecules/InputPassword/index.js +9 -4
- package/dist/components/molecules/InputPassword/index.js.map +1 -1
- package/dist/components/molecules/InputPassword/styled.js +13 -6
- package/dist/components/molecules/InputPassword/styled.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +3 -1
- package/dist/components/molecules/LabeledSwitch/index.d.ts +1 -1
- package/dist/components/molecules/LabeledSwitch/index.js +3 -7
- package/dist/components/molecules/LabeledSwitch/index.js.map +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.js +24 -20
- package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/molecules/Snackbar/index.d.ts +2 -1
- package/dist/components/molecules/Snackbar/index.js +11 -9
- package/dist/components/molecules/Snackbar/index.js.map +1 -1
- package/dist/components/molecules/Snackbar/styled.js +52 -76
- package/dist/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/components/molecules/TextArea/TextArea.js +29 -26
- package/dist/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/components/molecules/TextArea/index.d.ts +2 -1
- package/dist/components/molecules/TextArea/index.js +17 -11
- package/dist/components/molecules/TextArea/index.js.map +1 -1
- package/dist/components/molecules/TextArea/styled.js +15 -13
- package/dist/components/molecules/TextArea/styled.js.map +1 -1
- package/dist/hooks/index.js +15 -6
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useDebouncedState.js +5 -2
- package/dist/hooks/useDebouncedState.js.map +1 -1
- package/dist/hooks/useTheme.js +3 -1
- package/dist/hooks/useTheme.js.map +1 -1
- package/dist/index.d.ts +57 -29
- package/dist/index.js +303 -187
- package/dist/index.js.map +1 -1
- package/dist/styles/ThemeProvider.js +8 -5
- package/dist/styles/ThemeProvider.js.map +1 -1
- package/dist/styles/definitions.js +6 -3
- package/dist/styles/definitions.js.map +1 -1
- package/dist/styles/light.js +3 -1
- package/dist/styles/light.js.map +1 -1
- package/dist/types/defaults.js +3 -1
- package/dist/utils/IPhoneXHelper.js +3 -1
- package/dist/utils/IPhoneXHelper.js.map +1 -1
- package/dist/utils/ResponsiveFontSize.js +6 -3
- package/dist/utils/ResponsiveFontSize.js.map +1 -1
- package/dist/utils/extractNumbersFromString.js +3 -1
- package/dist/utils/extractNumbersFromString.js.map +1 -1
- package/dist/utils/formatWithMask.js +3 -1
- package/dist/utils/formatWithMask.js.map +1 -1
- package/dist/utils/index.js +51 -12
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/lightenDarkenColor.js +3 -1
- package/dist/utils/lightenDarkenColor.js.map +1 -1
- package/dist/utils/masks.js +5 -3
- package/dist/utils/masks.js.map +1 -1
- package/dist/utils/variantComplement.js +3 -1
- package/dist/utils/variantComplement.js.map +1 -1
- package/esm/components/atoms/Avatar/Avatar.d.ts +14 -0
- package/esm/components/atoms/Avatar/Avatar.js +50 -0
- package/esm/components/atoms/Avatar/Avatar.js.map +1 -0
- package/esm/components/atoms/Avatar/helpers.d.ts +1 -0
- package/esm/components/atoms/Avatar/helpers.js +12 -0
- package/esm/components/atoms/Avatar/helpers.js.map +1 -0
- package/esm/components/atoms/Avatar/index.d.ts +2 -0
- package/esm/components/atoms/Avatar/index.js +2 -0
- package/esm/components/atoms/Avatar/index.js.map +1 -0
- package/esm/components/atoms/Avatar/styled.d.ts +28 -0
- package/esm/components/atoms/Avatar/styled.js +33 -0
- package/esm/components/atoms/Avatar/styled.js.map +1 -0
- package/esm/components/atoms/Badge/Badge.d.ts +11 -0
- package/esm/components/atoms/Badge/Badge.js +20 -0
- package/esm/components/atoms/Badge/Badge.js.map +1 -0
- package/esm/components/atoms/Badge/index.d.ts +2 -0
- package/esm/components/atoms/Badge/index.js +2 -0
- package/esm/components/atoms/Badge/index.js.map +1 -0
- package/esm/components/atoms/Badge/styled.d.ts +15 -0
- package/esm/components/atoms/Badge/styled.js +20 -0
- package/esm/components/atoms/Badge/styled.js.map +1 -0
- package/esm/components/atoms/BoxContent/BoxContent.d.ts +7 -0
- package/esm/components/atoms/BoxContent/BoxContent.js +18 -0
- package/esm/components/atoms/BoxContent/BoxContent.js.map +1 -0
- package/esm/components/atoms/BoxContent/index.d.ts +2 -0
- package/esm/components/atoms/BoxContent/index.js +2 -0
- package/esm/components/atoms/BoxContent/index.js.map +1 -0
- package/esm/components/atoms/BoxContent/styled.d.ts +24 -0
- package/esm/components/atoms/BoxContent/styled.js +55 -0
- package/esm/components/atoms/BoxContent/styled.js.map +1 -0
- package/esm/components/atoms/Button/Button.d.ts +28 -0
- package/esm/components/atoms/Button/Button.js +76 -0
- package/esm/components/atoms/Button/Button.js.map +1 -0
- package/esm/components/atoms/Button/States/BaseState.d.ts +7 -0
- package/esm/components/atoms/Button/States/BaseState.js +29 -0
- package/esm/components/atoms/Button/States/BaseState.js.map +1 -0
- package/esm/components/atoms/Button/States/Error.d.ts +4 -0
- package/esm/components/atoms/Button/States/Error.js +11 -0
- package/esm/components/atoms/Button/States/Error.js.map +1 -0
- package/esm/components/atoms/Button/States/Loading.d.ts +4 -0
- package/esm/components/atoms/Button/States/Loading.js +26 -0
- package/esm/components/atoms/Button/States/Loading.js.map +1 -0
- package/esm/components/atoms/Button/States/Success.d.ts +4 -0
- package/esm/components/atoms/Button/States/Success.js +11 -0
- package/esm/components/atoms/Button/States/Success.js.map +1 -0
- package/esm/components/atoms/Button/States/index.d.ts +3 -0
- package/esm/components/atoms/Button/States/index.js +4 -0
- package/esm/components/atoms/Button/States/index.js.map +1 -0
- package/esm/components/atoms/Button/States/styled.d.ts +16 -0
- package/esm/components/atoms/Button/States/styled.js +25 -0
- package/esm/components/atoms/Button/States/styled.js.map +1 -0
- package/esm/components/atoms/Button/index.d.ts +3 -0
- package/esm/components/atoms/Button/index.js +3 -0
- package/esm/components/atoms/Button/index.js.map +1 -0
- package/esm/components/atoms/Button/styled.d.ts +8 -0
- package/esm/components/atoms/Button/styled.js +42 -0
- package/esm/components/atoms/Button/styled.js.map +1 -0
- package/esm/components/atoms/Card/Card.d.ts +9 -0
- package/esm/components/atoms/Card/Card.js +33 -0
- package/esm/components/atoms/Card/Card.js.map +1 -0
- package/esm/components/atoms/Card/Footer/Footer.d.ts +7 -0
- package/esm/components/atoms/Card/Footer/Footer.js +13 -0
- package/esm/components/atoms/Card/Footer/Footer.js.map +1 -0
- package/esm/components/atoms/Card/Footer/index.d.ts +2 -0
- package/esm/components/atoms/Card/Footer/index.js +2 -0
- package/esm/components/atoms/Card/Footer/index.js.map +1 -0
- package/esm/components/atoms/Card/Header/Header.d.ts +7 -0
- package/esm/components/atoms/Card/Header/Header.js +13 -0
- package/esm/components/atoms/Card/Header/Header.js.map +1 -0
- package/esm/components/atoms/Card/Header/index.d.ts +2 -0
- package/esm/components/atoms/Card/Header/index.js +2 -0
- package/esm/components/atoms/Card/Header/index.js.map +1 -0
- package/esm/components/atoms/Card/index.d.ts +2 -0
- package/esm/components/atoms/Card/index.js +2 -0
- package/esm/components/atoms/Card/index.js.map +1 -0
- package/esm/components/atoms/Card/styled.d.ts +8 -0
- package/esm/components/atoms/Card/styled.js +11 -0
- package/esm/components/atoms/Card/styled.js.map +1 -0
- package/esm/components/atoms/Checkbox/Checkbox.d.ts +14 -0
- package/esm/components/atoms/Checkbox/Checkbox.js +56 -0
- package/esm/components/atoms/Checkbox/Checkbox.js.map +1 -0
- package/esm/components/atoms/Checkbox/index.d.ts +2 -0
- package/esm/components/atoms/Checkbox/index.js +2 -0
- package/esm/components/atoms/Checkbox/index.js.map +1 -0
- package/esm/components/atoms/Checkbox/styled.d.ts +27 -0
- package/esm/components/atoms/Checkbox/styled.js +50 -0
- package/esm/components/atoms/Checkbox/styled.js.map +1 -0
- package/esm/components/atoms/Divider/Divider.d.ts +8 -0
- package/esm/components/atoms/Divider/Divider.js +18 -0
- package/esm/components/atoms/Divider/Divider.js.map +1 -0
- package/esm/components/atoms/Divider/index.d.ts +2 -0
- package/esm/components/atoms/Divider/index.js +2 -0
- package/esm/components/atoms/Divider/index.js.map +1 -0
- package/esm/components/atoms/Divider/styled.d.ts +13 -0
- package/esm/components/atoms/Divider/styled.js +28 -0
- package/esm/components/atoms/Divider/styled.js.map +1 -0
- package/esm/components/atoms/GroupButton/GroupButton.d.ts +32 -0
- package/esm/components/atoms/GroupButton/GroupButton.js +78 -0
- package/esm/components/atoms/GroupButton/GroupButton.js.map +1 -0
- package/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +9 -0
- package/esm/components/atoms/GroupButton/GroupButtonOption.js +19 -0
- package/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
- package/esm/components/atoms/GroupButton/index.d.ts +4 -0
- package/esm/components/atoms/GroupButton/index.js +3 -0
- package/esm/components/atoms/GroupButton/index.js.map +1 -0
- package/esm/components/atoms/GroupButton/styled.d.ts +42 -0
- package/esm/components/atoms/GroupButton/styled.js +97 -0
- package/esm/components/atoms/GroupButton/styled.js.map +1 -0
- package/esm/components/atoms/Icon/Icon.d.ts +14 -0
- package/esm/components/atoms/Icon/Icon.js +37 -0
- package/esm/components/atoms/Icon/Icon.js.map +1 -0
- package/esm/components/atoms/Icon/helpers.d.ts +4 -0
- package/esm/components/atoms/Icon/helpers.js +78 -0
- package/esm/components/atoms/Icon/helpers.js.map +1 -0
- package/esm/components/atoms/Icon/index.d.ts +2 -0
- package/esm/components/atoms/Icon/index.js +2 -0
- package/esm/components/atoms/Icon/index.js.map +1 -0
- package/esm/components/atoms/Input/Hint.d.ts +10 -0
- package/esm/components/atoms/Input/Hint.js +41 -0
- package/esm/components/atoms/Input/Hint.js.map +1 -0
- package/esm/components/atoms/Input/InputContainer/InputContainer.d.ts +29 -0
- package/esm/components/atoms/Input/InputContainer/InputContainer.js +66 -0
- package/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -0
- package/esm/components/atoms/Input/InputElement/InputElement.d.ts +13 -0
- package/esm/components/atoms/Input/InputElement/InputElement.js +37 -0
- package/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -0
- package/esm/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts +16 -0
- package/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +92 -0
- package/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -0
- package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +10 -0
- package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +30 -0
- package/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -0
- package/esm/components/atoms/Input/PressableInputContainer/index.d.ts +2 -0
- package/esm/components/atoms/Input/PressableInputContainer/index.js +2 -0
- package/esm/components/atoms/Input/PressableInputContainer/index.js.map +1 -0
- package/esm/components/atoms/Input/PressableInputContainer/styled.d.ts +5 -0
- package/esm/components/atoms/Input/PressableInputContainer/styled.js +7 -0
- package/esm/components/atoms/Input/PressableInputContainer/styled.js.map +1 -0
- package/esm/components/atoms/Input/hooks/useInputFocus.d.ts +5 -0
- package/esm/components/atoms/Input/hooks/useInputFocus.js +40 -0
- package/esm/components/atoms/Input/hooks/useInputFocus.js.map +1 -0
- package/esm/components/atoms/Input/hooks/useNumberMask.d.ts +8 -0
- package/esm/components/atoms/Input/hooks/useNumberMask.js +108 -0
- package/esm/components/atoms/Input/hooks/useNumberMask.js.map +1 -0
- package/esm/components/atoms/Input/hooks/useStringMask.d.ts +8 -0
- package/esm/components/atoms/Input/hooks/useStringMask.js +116 -0
- package/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -0
- package/esm/components/atoms/Input/index.d.ts +13 -0
- package/esm/components/atoms/Input/index.js +10 -0
- package/esm/components/atoms/Input/index.js.map +1 -0
- package/esm/components/atoms/Input/styled.d.ts +64 -0
- package/esm/components/atoms/Input/styled.js +93 -0
- package/esm/components/atoms/Input/styled.js.map +1 -0
- package/esm/components/atoms/Paper/Paper.d.ts +8 -0
- package/esm/components/atoms/Paper/Paper.js +24 -0
- package/esm/components/atoms/Paper/Paper.js.map +1 -0
- package/esm/components/atoms/Paper/index.d.ts +2 -0
- package/esm/components/atoms/Paper/index.js +2 -0
- package/esm/components/atoms/Paper/index.js.map +1 -0
- package/esm/components/atoms/Paper/styled.d.ts +9 -0
- package/esm/components/atoms/Paper/styled.js +11 -0
- package/esm/components/atoms/Paper/styled.js.map +1 -0
- package/esm/components/atoms/PressableSurface/PressableSurface.d.ts +10 -0
- package/esm/components/atoms/PressableSurface/PressableSurface.js +86 -0
- package/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -0
- package/esm/components/atoms/PressableSurface/index.d.ts +2 -0
- package/esm/components/atoms/PressableSurface/index.js +2 -0
- package/esm/components/atoms/PressableSurface/index.js.map +1 -0
- package/esm/components/atoms/ProgressBar/ProgressBar.d.ts +18 -0
- package/esm/components/atoms/ProgressBar/ProgressBar.js +90 -0
- package/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -0
- package/esm/components/atoms/ProgressBar/index.d.ts +2 -0
- package/esm/components/atoms/ProgressBar/index.js +2 -0
- package/esm/components/atoms/ProgressBar/index.js.map +1 -0
- package/esm/components/atoms/ProgressBar/styled.d.ts +20 -0
- package/esm/components/atoms/ProgressBar/styled.js +26 -0
- package/esm/components/atoms/ProgressBar/styled.js.map +1 -0
- package/esm/components/atoms/RadioButton/RadioButton.d.ts +14 -0
- package/esm/components/atoms/RadioButton/RadioButton.js +51 -0
- package/esm/components/atoms/RadioButton/RadioButton.js.map +1 -0
- package/esm/components/atoms/RadioButton/index.d.ts +2 -0
- package/esm/components/atoms/RadioButton/index.js +2 -0
- package/esm/components/atoms/RadioButton/index.js.map +1 -0
- package/esm/components/atoms/RadioButton/styled.d.ts +27 -0
- package/esm/components/atoms/RadioButton/styled.js +30 -0
- package/esm/components/atoms/RadioButton/styled.js.map +1 -0
- package/esm/components/atoms/Switch/Switch.d.ts +16 -0
- package/esm/components/atoms/Switch/Switch.js +87 -0
- package/esm/components/atoms/Switch/Switch.js.map +1 -0
- package/esm/components/atoms/Switch/animation.d.ts +2 -0
- package/esm/components/atoms/Switch/animation.js +33 -0
- package/esm/components/atoms/Switch/animation.js.map +1 -0
- package/esm/components/atoms/Switch/index.d.ts +2 -0
- package/esm/components/atoms/Switch/index.js +2 -0
- package/esm/components/atoms/Switch/index.js.map +1 -0
- package/esm/components/atoms/Switch/styled.d.ts +16 -0
- package/esm/components/atoms/Switch/styled.js +24 -0
- package/esm/components/atoms/Switch/styled.js.map +1 -0
- package/esm/components/atoms/Tag/Tag.d.ts +12 -0
- package/esm/components/atoms/Tag/Tag.js +80 -0
- package/esm/components/atoms/Tag/Tag.js.map +1 -0
- package/esm/components/atoms/Tag/index.d.ts +2 -0
- package/esm/components/atoms/Tag/index.js +2 -0
- package/esm/components/atoms/Tag/index.js.map +1 -0
- package/esm/components/atoms/Tag/styled.d.ts +24 -0
- package/esm/components/atoms/Tag/styled.js +39 -0
- package/esm/components/atoms/Tag/styled.js.map +1 -0
- package/esm/components/atoms/Text/Text.d.ts +19 -0
- package/esm/components/atoms/Text/Text.js +47 -0
- package/esm/components/atoms/Text/Text.js.map +1 -0
- package/esm/components/atoms/Text/functions.d.ts +2 -0
- package/esm/components/atoms/Text/functions.js +7 -0
- package/esm/components/atoms/Text/functions.js.map +1 -0
- package/esm/components/atoms/Text/index.d.ts +2 -0
- package/esm/components/atoms/Text/index.js +2 -0
- package/esm/components/atoms/Text/index.js.map +1 -0
- package/esm/components/atoms/Text/styled.d.ts +20 -0
- package/esm/components/atoms/Text/styled.js +46 -0
- package/esm/components/atoms/Text/styled.js.map +1 -0
- package/esm/components/atoms/shared/PaperAndCard.d.ts +5 -0
- package/esm/components/atoms/shared/PaperAndCard.js +25 -0
- package/esm/components/atoms/shared/PaperAndCard.js.map +1 -0
- package/esm/components/molecules/Calendar/Calendar.d.ts +20 -0
- package/esm/components/molecules/Calendar/Calendar.js +144 -0
- package/esm/components/molecules/Calendar/Calendar.js.map +1 -0
- package/esm/components/molecules/Calendar/components/MonthWeek.d.ts +13 -0
- package/esm/components/molecules/Calendar/components/MonthWeek.js +128 -0
- package/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -0
- package/esm/components/molecules/Calendar/components/Weekdays.d.ts +8 -0
- package/esm/components/molecules/Calendar/components/Weekdays.js +29 -0
- package/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -0
- package/esm/components/molecules/Calendar/components/index.d.ts +2 -0
- package/esm/components/molecules/Calendar/components/index.js +3 -0
- package/esm/components/molecules/Calendar/components/index.js.map +1 -0
- package/esm/components/molecules/Calendar/index.d.ts +2 -0
- package/esm/components/molecules/Calendar/index.js +2 -0
- package/esm/components/molecules/Calendar/index.js.map +1 -0
- package/esm/components/molecules/Calendar/styled.d.ts +61 -0
- package/esm/components/molecules/Calendar/styled.js +56 -0
- package/esm/components/molecules/Calendar/styled.js.map +1 -0
- package/esm/components/molecules/DatePicker/DatePicker.d.ts +19 -0
- package/esm/components/molecules/DatePicker/DatePicker.js +120 -0
- package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -0
- package/esm/components/molecules/DatePicker/index.d.ts +2 -0
- package/esm/components/molecules/DatePicker/index.js +2 -0
- package/esm/components/molecules/DatePicker/index.js.map +1 -0
- package/esm/components/molecules/DatePicker/styled.d.ts +15 -0
- package/esm/components/molecules/DatePicker/styled.js +22 -0
- package/esm/components/molecules/DatePicker/styled.js.map +1 -0
- package/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +17 -0
- package/esm/components/molecules/DateTimePicker/DateTimePicker.js +122 -0
- package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
- package/esm/components/molecules/DateTimePicker/index.d.ts +2 -0
- package/esm/components/molecules/DateTimePicker/index.js +2 -0
- package/esm/components/molecules/DateTimePicker/index.js.map +1 -0
- package/esm/components/molecules/DateTimePicker/styled.d.ts +8 -0
- package/esm/components/molecules/DateTimePicker/styled.js +12 -0
- package/esm/components/molecules/DateTimePicker/styled.js.map +1 -0
- package/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +28 -0
- package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +219 -0
- package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
- package/esm/components/molecules/DateTimeSelector/Selector.d.ts +17 -0
- package/esm/components/molecules/DateTimeSelector/Selector.js +113 -0
- package/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -0
- package/esm/components/molecules/DateTimeSelector/index.d.ts +2 -0
- package/esm/components/molecules/DateTimeSelector/index.js +2 -0
- package/esm/components/molecules/DateTimeSelector/index.js.map +1 -0
- package/esm/components/molecules/DateTimeSelector/styled.d.ts +52 -0
- package/esm/components/molecules/DateTimeSelector/styled.js +54 -0
- package/esm/components/molecules/DateTimeSelector/styled.js.map +1 -0
- package/esm/components/molecules/Grid/functions.d.ts +3 -0
- package/esm/components/molecules/Grid/functions.js +16 -0
- package/esm/components/molecules/Grid/functions.js.map +1 -0
- package/esm/components/molecules/Grid/index.d.ts +42 -0
- package/esm/components/molecules/Grid/index.js +2 -0
- package/esm/components/molecules/Grid/index.js.map +1 -0
- package/esm/components/molecules/HintInputContainer/HintInputContainer.d.ts +17 -0
- package/esm/components/molecules/HintInputContainer/HintInputContainer.js +46 -0
- package/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -0
- package/esm/components/molecules/HintInputContainer/index.d.ts +2 -0
- package/esm/components/molecules/HintInputContainer/index.js +2 -0
- package/esm/components/molecules/HintInputContainer/index.js.map +1 -0
- package/esm/components/molecules/HintInputContainer/styled.d.ts +0 -0
- package/esm/components/molecules/HintInputContainer/styled.js +2 -0
- package/esm/components/molecules/HintInputContainer/styled.js.map +1 -0
- package/esm/components/molecules/IconTextButton/IconComponent.d.ts +9 -0
- package/esm/components/molecules/IconTextButton/IconComponent.js +20 -0
- package/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -0
- package/esm/components/molecules/IconTextButton/IconTextButton.d.ts +8 -0
- package/esm/components/molecules/IconTextButton/IconTextButton.js +2 -0
- package/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -0
- package/esm/components/molecules/IconTextButton/index.d.ts +2 -0
- package/esm/components/molecules/IconTextButton/index.js +2 -0
- package/esm/components/molecules/IconTextButton/index.js.map +1 -0
- package/esm/components/molecules/IconTextButton/styled.d.ts +11 -0
- package/esm/components/molecules/IconTextButton/styled.js +14 -0
- package/esm/components/molecules/IconTextButton/styled.js.map +1 -0
- package/esm/components/molecules/InputPassword/InputPasswordIcon.d.ts +8 -0
- package/esm/components/molecules/InputPassword/InputPasswordIcon.js +33 -0
- package/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -0
- package/esm/components/molecules/InputPassword/index.d.ts +1 -0
- package/esm/components/molecules/InputPassword/index.js +2 -0
- package/esm/components/molecules/InputPassword/index.js.map +1 -0
- package/esm/components/molecules/InputPassword/styled.d.ts +7 -0
- package/esm/components/molecules/InputPassword/styled.js +11 -0
- package/esm/components/molecules/InputPassword/styled.js.map +1 -0
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +7 -0
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +2 -0
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -0
- package/esm/components/molecules/LabeledSwitch/index.d.ts +1 -0
- package/esm/components/molecules/LabeledSwitch/index.js +2 -0
- package/esm/components/molecules/LabeledSwitch/index.js.map +1 -0
- package/esm/components/molecules/Snackbar/Snackbar.d.ts +19 -0
- package/esm/components/molecules/Snackbar/Snackbar.js +103 -0
- package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -0
- package/esm/components/molecules/Snackbar/index.d.ts +2 -0
- package/esm/components/molecules/Snackbar/index.js +2 -0
- package/esm/components/molecules/Snackbar/index.js.map +1 -0
- package/esm/components/molecules/Snackbar/styled.d.ts +47 -0
- package/esm/components/molecules/Snackbar/styled.js +54 -0
- package/esm/components/molecules/Snackbar/styled.js.map +1 -0
- package/esm/components/molecules/TextArea/TextArea.d.ts +14 -0
- package/esm/components/molecules/TextArea/TextArea.js +77 -0
- package/esm/components/molecules/TextArea/TextArea.js.map +1 -0
- package/esm/components/molecules/TextArea/index.d.ts +3 -0
- package/esm/components/molecules/TextArea/index.js +3 -0
- package/esm/components/molecules/TextArea/index.js.map +1 -0
- package/esm/components/molecules/TextArea/styled.d.ts +12 -0
- package/esm/components/molecules/TextArea/styled.js +14 -0
- package/esm/components/molecules/TextArea/styled.js.map +1 -0
- package/esm/hooks/index.d.ts +2 -0
- package/esm/hooks/index.js +3 -0
- package/esm/hooks/index.js.map +1 -0
- package/esm/hooks/useDebouncedState.d.ts +2 -0
- package/esm/hooks/useDebouncedState.js +31 -0
- package/esm/hooks/useDebouncedState.js.map +1 -0
- package/esm/hooks/useTheme.d.ts +2 -0
- package/esm/hooks/useTheme.js +5 -0
- package/esm/hooks/useTheme.js.map +1 -0
- package/esm/index.d.ts +64 -0
- package/esm/index.js +36 -0
- package/esm/index.js.map +1 -0
- package/esm/styles/ThemeProvider.d.ts +4 -0
- package/esm/styles/ThemeProvider.js +13 -0
- package/esm/styles/ThemeProvider.js.map +1 -0
- package/esm/styles/definitions.d.ts +45 -0
- package/esm/styles/definitions.js +168 -0
- package/esm/styles/definitions.js.map +1 -0
- package/esm/styles/light.d.ts +2 -0
- package/esm/styles/light.js +42 -0
- package/esm/styles/light.js.map +1 -0
- package/esm/types/defaults.d.ts +134 -0
- package/esm/types/defaults.js +2 -0
- package/esm/types/defaults.js.map +1 -0
- package/esm/utils/IPhoneXHelper.d.ts +4 -0
- package/esm/utils/IPhoneXHelper.js +23 -0
- package/esm/utils/IPhoneXHelper.js.map +1 -0
- package/esm/utils/ResponsiveFontSize.d.ts +3 -0
- package/esm/utils/ResponsiveFontSize.js +37 -0
- package/esm/utils/ResponsiveFontSize.js.map +1 -0
- package/esm/utils/extractNumbersFromString.d.ts +2 -0
- package/esm/utils/extractNumbersFromString.js +7 -0
- package/esm/utils/extractNumbersFromString.js.map +1 -0
- package/esm/utils/formatWithMask.d.ts +3 -0
- package/esm/utils/formatWithMask.js +19 -0
- package/esm/utils/formatWithMask.js.map +1 -0
- package/esm/utils/index.d.ts +7 -0
- package/esm/utils/index.js +8 -0
- package/esm/utils/index.js.map +1 -0
- package/esm/utils/lightenDarkenColor.d.ts +1 -0
- package/esm/utils/lightenDarkenColor.js +18 -0
- package/esm/utils/lightenDarkenColor.js.map +1 -0
- package/esm/utils/masks.d.ts +11 -0
- package/esm/utils/masks.js +19 -0
- package/esm/utils/masks.js.map +1 -0
- package/esm/utils/variantComplement.d.ts +6 -0
- package/esm/utils/variantComplement.js +26 -0
- package/esm/utils/variantComplement.js.map +1 -0
- package/package.json +9 -4
- package/src/components/atoms/Avatar/index.ts +2 -1
- package/src/components/atoms/Badge/index.ts +2 -1
- package/src/components/atoms/BoxContent/index.ts +2 -1
- package/src/components/atoms/Button/index.ts +3 -3
- package/src/components/atoms/Card/Footer/index.ts +2 -1
- package/src/components/atoms/Card/Header/index.ts +2 -1
- package/src/components/atoms/Card/index.ts +2 -1
- package/src/components/atoms/Checkbox/index.ts +2 -1
- package/src/components/atoms/Divider/index.ts +2 -1
- package/src/components/atoms/GroupButton/index.ts +4 -9
- package/src/components/atoms/Icon/index.ts +2 -1
- package/src/components/atoms/Input/PressableInputContainer/index.ts +2 -4
- package/src/components/atoms/Input/index.ts +8 -14
- package/src/components/atoms/Paper/index.ts +2 -1
- package/src/components/atoms/PressableSurface/index.ts +2 -4
- package/src/components/atoms/ProgressBar/index.ts +2 -1
- package/src/components/atoms/RadioButton/index.ts +2 -1
- package/src/components/atoms/Switch/index.ts +2 -1
- package/src/components/atoms/Tag/index.ts +2 -1
- package/src/components/atoms/Text/index.ts +2 -1
- package/src/components/molecules/Calendar/index.ts +2 -2
- package/src/components/molecules/DatePicker/index.ts +2 -1
- package/src/components/molecules/DateTimePicker/index.ts +2 -4
- package/src/components/molecules/DateTimeSelector/index.ts +2 -2
- package/src/components/molecules/IconTextButton/index.ts +4 -1
- package/src/components/molecules/LabeledSwitch/index.ts +1 -1
- package/src/components/molecules/Snackbar/index.ts +2 -1
- package/src/components/molecules/TextArea/index.ts +2 -1
- package/src/index.ts +64 -56
- package/tsconfig.build.esm.json +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","theme","children"],"sources":["../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n theme,\n children,\n}): JSX.Element => {\n return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","names":["ThemeProvider","theme","children"],"sources":["../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n theme,\n children,\n}): JSX.Element => {\n return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;AAGA,MAAMA,aAAqC,GAAG,QAG3B;EAAA,IAH4B;IAC7CC,KAD6C;IAE7CC;EAF6C,CAG5B;EACjB,OAAO,6BAAC,qBAAD;IAAiB,KAAK,EAAED;EAAxB,GAAgCC,QAAhC,CAAP;AACD,CALD;;eAOeF,a"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.zIndex = exports.typography = exports.statusColor = exports.spacing = exports.miscellaneous = exports.iconSize = exports.hex2rgba = exports.fontWeight = exports.fontStack = exports.fontFiles = exports.fontColor = exports.breakpoints = exports.borderWidth = exports.borderRadius = void 0;
|
|
5
7
|
|
|
6
8
|
var _utils = require("../utils");
|
|
@@ -37,9 +39,10 @@ const statusColor = {
|
|
|
37
39
|
};
|
|
38
40
|
exports.statusColor = statusColor;
|
|
39
41
|
|
|
40
|
-
const hex2rgba = (hex
|
|
42
|
+
const hex2rgba = function (hex) {
|
|
43
|
+
let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
|
41
44
|
const [r, g, b] = hex.match(/\w\w/g).map(x => parseInt(x, 16));
|
|
42
|
-
return
|
|
45
|
+
return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(alpha, ")");
|
|
43
46
|
};
|
|
44
47
|
|
|
45
48
|
exports.hex2rgba = hex2rgba;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"definitions.js","names":["statusColor","error","xlight","light","medium","dark","xdark","warning","success","info","hex2rgba","hex","alpha","r","g","b","match","map","x","parseInt","miscellaneous","shadow","overlay","bodyColor","surfaceColor","spacing","nano","RFValueStr","micro","mili","centi","deca","kilo","mega","giga","tera","peta","hexa","iconSize","borderRadius","pill","borderWidth","pico","typography","h5","fontSize","lineHeight","h4","h3","h2","h1","base","sub","label","fontStack","default","mono","fontWeight","regular","bold","black","fontFiles","fontColor","orange","zIndex","absolute","select","input","popover","tooltip","header","backdrop","drawer","sidebar","modal","breakpoints","sm","md","lg"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"definitions.js","names":["statusColor","error","xlight","light","medium","dark","xdark","warning","success","info","hex2rgba","hex","alpha","r","g","b","match","map","x","parseInt","miscellaneous","shadow","overlay","bodyColor","surfaceColor","spacing","nano","RFValueStr","micro","mili","centi","deca","kilo","mega","giga","tera","peta","hexa","iconSize","borderRadius","pill","borderWidth","pico","typography","h5","fontSize","lineHeight","h4","h3","h2","h1","base","sub","label","fontStack","default","mono","fontWeight","regular","bold","black","fontFiles","fontColor","orange","zIndex","absolute","select","input","popover","tooltip","header","backdrop","drawer","sidebar","modal","breakpoints","sm","md","lg"],"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"],"mappings":";;;;;;;AAaA;;AAEO,MAAMA,WAAW,GAAG;EACzBC,KAAK,EAAE;IACLC,MAAM,EAAE,SADH;IAELC,KAAK,EAAE,SAFF;IAGLC,MAAM,EAAE,SAHH;IAILC,IAAI,EAAE,SAJD;IAKLC,KAAK,EAAE;EALF,CADkB;EAQzBC,OAAO,EAAE;IACPL,MAAM,EAAE,SADD;IAEPC,KAAK,EAAE,SAFA;IAGPC,MAAM,EAAE,SAHD;IAIPC,IAAI,EAAE,SAJC;IAKPC,KAAK,EAAE;EALA,CARgB;EAezBE,OAAO,EAAE;IACPN,MAAM,EAAE,SADD;IAEPC,KAAK,EAAE,SAFA;IAGPC,MAAM,EAAE,SAHD;IAIPC,IAAI,EAAE,SAJC;IAKPC,KAAK,EAAE;EALA,CAfgB;EAsBzBG,IAAI,EAAE;IACJP,MAAM,EAAE,SADJ;IAEJC,KAAK,EAAE,SAFH;IAGJC,MAAM,EAAE,SAHJ;IAIJC,IAAI,EAAE,SAJF;IAKJC,KAAK,EAAE;EALH;AAtBmB,CAApB;;;AA+BA,MAAMI,QAAyC,GAAG,UAACC,GAAD,EAAoB;EAAA,IAAdC,KAAc,uEAAN,CAAM;EAC3E,MAAM,CAACC,CAAD,EAAIC,CAAJ,EAAOC,CAAP,IAAYJ,GAAG,CAACK,KAAJ,CAAU,OAAV,EAAmBC,GAAnB,CAAuBC,CAAC,IAAIC,QAAQ,CAACD,CAAD,EAAI,EAAJ,CAApC,CAAlB;EACA,sBAAeL,CAAf,cAAoBC,CAApB,cAAyBC,CAAzB,cAA8BH,KAA9B;AACD,CAHM;;;AAKA,MAAMQ,aAA4B,GAAG;EAC1CC,MAAM,EAAE,SADkC;EAE1CC,OAAO,EAAE,SAFiC;EAG1CC,SAAS,EAAE,SAH+B;EAI1CC,YAAY,EAAE;AAJ4B,CAArC;;AAOA,MAAMC,OAAgB,GAAG;EAC9BC,IAAI,EAAE,IAAAC,iBAAA,EAAW,KAAX,CADwB;EAE9BC,KAAK,EAAE,IAAAD,iBAAA,EAAW,KAAX,CAFuB;EAG9BE,IAAI,EAAE,IAAAF,iBAAA,EAAW,KAAX,CAHwB;EAI9BG,KAAK,EAAE,IAAAH,iBAAA,EAAW,MAAX,CAJuB;EAK9BI,IAAI,EAAE,IAAAJ,iBAAA,EAAW,MAAX,CALwB;EAM9BK,IAAI,EAAE,IAAAL,iBAAA,EAAW,MAAX,CANwB;EAO9BM,IAAI,EAAE,IAAAN,iBAAA,EAAW,MAAX,CAPwB;EAQ9BO,IAAI,EAAE,IAAAP,iBAAA,EAAW,MAAX,CARwB;EAS9BQ,IAAI,EAAE,IAAAR,iBAAA,EAAW,MAAX,CATwB;EAU9BS,IAAI,EAAE,IAAAT,iBAAA,EAAW,MAAX,CAVwB;EAW9BU,IAAI,EAAE,IAAAV,iBAAA,EAAW,MAAX;AAXwB,CAAzB;;AAcA,MAAMW,QAAkB,GAAG;EAChCV,KAAK,EAAE,IAAAD,iBAAA,EAAW,MAAX,CADyB;EAEhCE,IAAI,EAAE,IAAAF,iBAAA,EAAW,MAAX,CAF0B;EAGhCG,KAAK,EAAE,IAAAH,iBAAA,EAAW,MAAX,CAHyB;EAIhCI,IAAI,EAAE,IAAAJ,iBAAA,EAAW,MAAX,CAJ0B;EAKhCK,IAAI,EAAE,IAAAL,iBAAA,EAAW,MAAX,CAL0B;EAMhCM,IAAI,EAAE,IAAAN,iBAAA,EAAW,MAAX;AAN0B,CAA3B;;AASA,MAAMY,YAA0B,GAAG;EACxCb,IAAI,EAAE,IAAAC,iBAAA,EAAW,KAAX,CADkC;EAExCC,KAAK,EAAE,IAAAD,iBAAA,EAAW,KAAX,CAFiC;EAGxCE,IAAI,EAAE,IAAAF,iBAAA,EAAW,KAAX,CAHkC;EAIxCG,KAAK,EAAE,IAAAH,iBAAA,EAAW,MAAX,CAJiC;EAKxCI,IAAI,EAAE,IAAAJ,iBAAA,EAAW,MAAX,CALkC;EAMxCa,IAAI,EAAE,IAAAb,iBAAA,EAAW,UAAX;AANkC,CAAnC;;AASA,MAAMc,WAAwB,GAAG;EACtCC,IAAI,EAAE,IAAAf,iBAAA,EAAW,KAAX,CADgC;EAEtCD,IAAI,EAAE,IAAAC,iBAAA,EAAW,KAAX;AAFgC,CAAjC;;AAKA,MAAMgB,UAA+B,GAAG;EAC7CC,EAAE,EAAE;IACFC,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADR;IAEFmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFV,CADyC;EAK7CoB,EAAE,EAAE;IACFF,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADR;IAEFmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFV,CALyC;EAS7CqB,EAAE,EAAE;IACFH,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADR;IAEFmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFV,CATyC;EAa7CsB,EAAE,EAAE;IACFJ,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADR;IAEFmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFV,CAbyC;EAiB7CuB,EAAE,EAAE;IACFL,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADR;IAEFmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFV,CAjByC;EAqB7CwB,IAAI,EAAE;IACJN,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADN;IAEJmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFR,CArBuC;EAyB7CyB,GAAG,EAAE;IACHP,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADP;IAEHmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFT,CAzBwC;EA6B7C0B,KAAK,EAAE;IACLR,QAAQ,EAAE,IAAAlB,iBAAA,EAAW,MAAX,CADL;IAELmB,UAAU,EAAE,IAAAnB,iBAAA,EAAW,MAAX;EAFP;AA7BsC,CAAxC;;AAmCA,MAAM2B,SAAoB,GAAG;EAClCC,OAAO,EAAE,MADyB;EAElCC,IAAI,EAAE;AAF4B,CAA7B;;AAKA,MAAMC,UAAsB,GAAG;EACpCC,OAAO,EAAE,KAD2B;EAEpCC,IAAI,EAAE,KAF8B;EAGpCC,KAAK,EAAE;AAH6B,CAA/B;;AAMA,MAAMC,SAAqB,GAAG;EACnCD,KAAK,EAAE,WAD4B;EAEnCD,IAAI,EAAE,UAF6B;EAGnCD,OAAO,EAAE;AAH0B,CAA9B;;AAMA,MAAMI,SAAoB,GAAG;EAClC3D,KAAK,EAAE,MAD2B;EAElCC,MAAM,EAAE,SAF0B;EAGlCC,IAAI,EAAE,SAH4B;EAIlC0D,MAAM,EAAE;AAJ0B,CAA7B;;AAOA,MAAMC,MAAc,GAAG;EAC5BT,OAAO,EAAE,CADmB;EAE5BU,QAAQ,EAAE,CAFkB;EAG5BC,MAAM,EAAE,EAHoB;EAI5BC,KAAK,EAAE,EAJqB;EAK5BC,OAAO,EAAE,EALmB;EAM5BC,OAAO,EAAE,EANmB;EAO5BC,MAAM,EAAE,GAPoB;EAQ5BC,QAAQ,EAAE,GARkB;EAS5BC,MAAM,EAAE,GAToB;EAU5BC,OAAO,EAAE,GAVmB;EAW5BC,KAAK,EAAE;AAXqB,CAAvB;;AA6BA,MAAMC,WAAwB,GAAG;EACtCC,EAAE,EAAE,GADkC;EAEtCC,EAAE,EAAE,GAFkC;EAGtCC,EAAE,EAAE;AAHkC,CAAjC"}
|
package/dist/styles/light.js
CHANGED
package/dist/styles/light.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"light.js","names":["primaryGradation","xlight","light","medium","dark","xdark","secondaryGradation","lightTheme","color","primary","secondary","statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","font","fontColor","stack","fontStack","weight","fontWeight","files","fontFiles","zIndex","breakpoints"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"light.js","names":["primaryGradation","xlight","light","medium","dark","xdark","secondaryGradation","lightTheme","color","primary","secondary","statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","font","fontColor","stack","fontStack","weight","fontWeight","files","fontFiles","zIndex","breakpoints"],"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"],"mappings":";;;;;;;AACA;;AAgBA,MAAMA,gBAAgB,GAAG;EACvBC,MAAM,EAAE,SADe;EAEvBC,KAAK,EAAE,SAFgB;EAGvBC,MAAM,EAAE,SAHe;EAIvBC,IAAI,EAAE,SAJiB;EAKvBC,KAAK,EAAE;AALgB,CAAzB;AAQA,MAAMC,kBAAkB,GAAG;EACzBL,MAAM,EAAE,SADiB;EAEzBC,KAAK,EAAE,SAFkB;EAGzBC,MAAM,EAAE,SAHiB;EAIzBC,IAAI,EAAE,SAJmB;EAKzBC,KAAK,EAAE;AALkB,CAA3B;AAQO,MAAME,UAAqB,GAAG;EACnCC,KAAK,EAAE;IACLC,OAAO,EAAE,EACP,GAAGT;IADI,CADJ;IAILU,SAAS,EAAE,EAAE,GAAGJ;IAAL,CAJN;IAKL,GAAGK;EALE,CAD4B;EAQnCC,aAAa,EAAbA,0BARmC;EASnCC,OAAO,EAAPA,oBATmC;EAUnCC,QAAQ,EAARA,qBAVmC;EAWnCC,YAAY,EAAZA,yBAXmC;EAYnCC,WAAW,EAAXA,wBAZmC;EAanCC,UAAU,EAAVA,uBAbmC;EAcnCC,IAAI,EAAE;IACJV,KAAK,EAAEW,sBADH;IAEJC,KAAK,EAAEC,sBAFH;IAGJC,MAAM,EAAEC,uBAHJ;IAIJC,KAAK,EAAEC;EAJH,CAd6B;EAoBnCC,MAAM,EAANA,mBApBmC;EAqBnCC,WAAW,EAAXA;AArBmC,CAA9B"}
|
package/dist/types/defaults.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPhoneXHelper.js","names":["isIphoneX","dimen","Dimensions","get","Platform","OS","isPad","isTVOS","height","width","ifIphoneX","iphoneXStyle","regularStyle","getStatusBarHeight","safe","select","ios","android","StatusBar","currentHeight","default","getBottomSpace"],"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.isTVOS &&\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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"IPhoneXHelper.js","names":["isIphoneX","dimen","Dimensions","get","Platform","OS","isPad","isTVOS","height","width","ifIphoneX","iphoneXStyle","regularStyle","getStatusBarHeight","safe","select","ios","android","StatusBar","currentHeight","default","getBottomSpace"],"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.isTVOS &&\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"],"mappings":";;;;;;;;;;AAAA;;AAEO,SAASA,SAAT,GAAqB;EAC1B,MAAMC,KAAK,GAAGC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAAd;;EACA,OACEC,qBAAA,CAASC,EAAT,KAAgB,KAAhB,IACA,CAACD,qBAAA,CAASE,KADV,IAEA,CAACF,qBAAA,CAASG,MAFV,KAGCN,KAAK,CAACO,MAAN,KAAiB,GAAjB,IACCP,KAAK,CAACQ,KAAN,KAAgB,GADjB,IAECR,KAAK,CAACO,MAAN,KAAiB,GAFlB,IAGCP,KAAK,CAACQ,KAAN,KAAgB,GAHjB,IAICR,KAAK,CAACO,MAAN,KAAiB,GAJlB,IAKCP,KAAK,CAACQ,KAAN,KAAgB,GALjB,IAMCR,KAAK,CAACO,MAAN,KAAiB,GANlB,IAOCP,KAAK,CAACQ,KAAN,KAAgB,GAPjB,IAQCR,KAAK,CAACO,MAAN,KAAiB,GARlB,IASCP,KAAK,CAACQ,KAAN,KAAgB,GAZlB,CADF;AAeD;;AAEM,SAASC,SAAT,CAAmBC,YAAnB,EAAiCC,YAAjC,EAA+C;EACpD,IAAIZ,SAAS,EAAb,EAAiB;IACf,OAAOW,YAAP;EACD;;EACD,OAAOC,YAAP;AACD;;AAEM,SAASC,kBAAT,CAA4BC,IAA5B,EAAkC;EACvC,OAAOV,qBAAA,CAASW,MAAT,CAAgB;IACrBC,GAAG,EAAEN,SAAS,CAACI,IAAI,GAAG,EAAH,GAAQ,EAAb,EAAiB,EAAjB,CADO;IAErBG,OAAO,EAAEC,sBAAA,CAAUC,aAFE;IAGrBC,OAAO,EAAE;EAHY,CAAhB,CAAP;AAKD;;AAEM,SAASC,cAAT,GAA0B;EAC/B,OAAOrB,SAAS,KAAK,EAAL,GAAU,CAA1B;AACD"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.RFValueStr = exports.RFValue = exports.RFPercentage = void 0;
|
|
5
7
|
|
|
6
8
|
var _reactNative = require("react-native");
|
|
@@ -28,7 +30,8 @@ const RFPercentage = percent => {
|
|
|
28
30
|
|
|
29
31
|
exports.RFPercentage = RFPercentage;
|
|
30
32
|
|
|
31
|
-
const RFValue = (fontSize
|
|
33
|
+
const RFValue = function (fontSize) {
|
|
34
|
+
let standardScreenHeight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : STANDARD_SCREEN_HEIGHT;
|
|
32
35
|
if (_reactNative.Platform.OS === 'web') return fontSize;
|
|
33
36
|
|
|
34
37
|
const {
|
|
@@ -48,7 +51,7 @@ exports.RFValue = RFValue;
|
|
|
48
51
|
const RFValueStr = (fontSize, standardScreenHeight) => {
|
|
49
52
|
const _fontSize = (0, _extractNumbersFromString.extractNumbersFromString)(fontSize);
|
|
50
53
|
|
|
51
|
-
return
|
|
54
|
+
return "".concat(RFValue(_fontSize, standardScreenHeight), "px");
|
|
52
55
|
};
|
|
53
56
|
|
|
54
57
|
exports.RFValueStr = RFValueStr;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveFontSize.js","names":["STANDARD_SCREEN_HEIGHT","RFPercentage","percent","Platform","OS","height","width","Dimensions","get","standardLength","offset","StatusBar","currentHeight","deviceHeight","isIphoneX","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize","extractNumbersFromString"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ResponsiveFontSize.js","names":["STANDARD_SCREEN_HEIGHT","RFPercentage","percent","Platform","OS","height","width","Dimensions","get","standardLength","offset","StatusBar","currentHeight","deviceHeight","isIphoneX","heightPercent","Math","round","RFValue","fontSize","standardScreenHeight","RFValueStr","_fontSize","extractNumbersFromString"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA,MAAMA,sBAAsB,GAAG,GAA/B;;AASO,MAAMC,YAAY,GAAIC,OAAD,IAAqB;EAC/C,IAAIC,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOF,OAAP;;EAC3B,MAAM;IAAEG,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAIb,OAAO,GAAGW,YAAX,GAA2B,GAAjD;EACA,OAAOG,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAhBM;;;;AA0BA,MAAMG,OAAO,GAAG,UACrBC,QADqB,EAGlB;EAAA,IADHC,oBACG,uEAD4BpB,sBAC5B;EACH,IAAIG,qBAAA,CAASC,EAAT,KAAgB,KAApB,EAA2B,OAAOe,QAAP;;EAC3B,MAAM;IAAEd,MAAF;IAAUC;EAAV,IAAoBC,uBAAA,CAAWC,GAAX,CAAe,QAAf,CAA1B;;EACA,MAAMC,cAAc,GAAGH,KAAK,GAAGD,MAAR,GAAiBC,KAAjB,GAAyBD,MAAhD;EACA,MAAMK,MAAM,GACVJ,KAAK,GAAGD,MAAR,GACI,CADJ,GAEIF,qBAAA,CAASC,EAAT,KAAgB,KAAhB,GACA,EADA,GAEAO,sBAAA,CAAUC,aAAV,IAA2B,CALjC;EAMA,MAAMC,YAAY,GAChB,IAAAC,wBAAA,OAAeX,qBAAA,CAASC,EAAT,KAAgB,SAA/B,GACIK,cAAc,GAAGC,MADrB,GAEID,cAHN;EAIA,MAAMM,aAAa,GAAII,QAAQ,GAAGN,YAAZ,GAA4BO,oBAAlD;EACA,OAAOJ,IAAI,CAACC,KAAL,CAAWF,aAAX,CAAP;AACD,CAnBM;;;;AA4BA,MAAMM,UAAU,GAAG,CAACF,QAAD,EAAmBC,oBAAnB,KAAqD;EAC7E,MAAME,SAAS,GAAG,IAAAC,kDAAA,EAAyBJ,QAAzB,CAAlB;;EACA,iBAAUD,OAAO,CAACI,SAAD,EAAYF,oBAAZ,CAAjB;AACD,CAHM"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.extractNumbersFromString = exports.extractDigitsFromString = void 0;
|
|
5
7
|
|
|
6
8
|
const extractNumbersFromString = value => Number(extractDigitsFromString(value));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"extractNumbersFromString.js","names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"extractNumbersFromString.js","names":["extractNumbersFromString","value","Number","extractDigitsFromString","replace"],"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"],"mappings":";;;;;;;AAAO,MAAMA,wBAAwB,GAAIC,KAAD,IACtCC,MAAM,CAACC,uBAAuB,CAACF,KAAD,CAAxB,CADD;;;;AAGA,MAAME,uBAAuB,GAAIF,KAAD,IACrCA,KAAK,CAACG,OAAN,CAAc,SAAd,EAAyB,EAAzB,CADK"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"formatWithMask.js","names":["formatWithMask","mask","value","Array","isArray","selectedMask","getMask","String","formatted","mergeMask","internalNumber","mergedOptions","getInternalNumberAndMask","currency","format"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"formatWithMask.js","names":["formatWithMask","mask","value","Array","isArray","selectedMask","getMask","String","formatted","mergeMask","internalNumber","mergedOptions","getInternalNumberAndMask","currency","format"],"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"],"mappings":";;;;;;;AAAA;;AAOA;;;;AAEO,MAAMA,cAAc,GAAG,CAC5BC,IAD4B,EAE5BC,KAF4B,KAGR;EACpB,IAAIC,KAAK,CAACC,OAAN,CAAcH,IAAd,KAAuB,OAAOA,IAAP,KAAgB,UAA3C,EAAuD;IACrD,MAAMI,YAAY,GAAG,IAAAC,cAAA,EAAQL,IAAR,EAAcM,MAAM,CAACL,KAAD,CAApB,CAArB;IACA,MAAM;MAAEM;IAAF,IAAgB,IAAAC,gBAAA,EAAUF,MAAM,CAACL,KAAD,CAAhB,EAAyBG,YAAzB,CAAtB;IACA,OAAOG,SAAS,IAAI,EAApB;EACD,CAJD,MAIO;IACL,MAAM;MAAEE,cAAF;MAAkBC;IAAlB,IAAoC,IAAAC,+BAAA,EACxCV,KADwC,EAExCD,IAFwC,CAA1C;IAIA,OAAO,IAAAY,iBAAA,EAASH,cAAT,EAAyBI,MAAzB,CAAgCH,aAAhC,CAAP;EACD;AACF,CAfM"}
|
package/dist/utils/index.js
CHANGED
|
@@ -1,25 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
var _exportNames = {
|
|
5
7
|
extractDigitsFromString: true,
|
|
6
8
|
extractNumbersFromString: true,
|
|
7
9
|
lightenDarkenColor: true
|
|
8
10
|
};
|
|
9
|
-
|
|
11
|
+
Object.defineProperty(exports, "extractDigitsFromString", {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () {
|
|
14
|
+
return _extractNumbersFromString.extractDigitsFromString;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
Object.defineProperty(exports, "extractNumbersFromString", {
|
|
18
|
+
enumerable: true,
|
|
19
|
+
get: function () {
|
|
20
|
+
return _extractNumbersFromString.extractNumbersFromString;
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
Object.defineProperty(exports, "lightenDarkenColor", {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: function () {
|
|
26
|
+
return _lightenDarkenColor.lightenDarkenColor;
|
|
27
|
+
}
|
|
28
|
+
});
|
|
10
29
|
|
|
11
30
|
var _extractNumbersFromString = require("./extractNumbersFromString");
|
|
12
31
|
|
|
13
|
-
exports.extractDigitsFromString = _extractNumbersFromString.extractDigitsFromString;
|
|
14
|
-
exports.extractNumbersFromString = _extractNumbersFromString.extractNumbersFromString;
|
|
15
|
-
|
|
16
32
|
var _formatWithMask = require("./formatWithMask");
|
|
17
33
|
|
|
18
34
|
Object.keys(_formatWithMask).forEach(function (key) {
|
|
19
35
|
if (key === "default" || key === "__esModule") return;
|
|
20
36
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
21
37
|
if (key in exports && exports[key] === _formatWithMask[key]) return;
|
|
22
|
-
exports
|
|
38
|
+
Object.defineProperty(exports, key, {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function () {
|
|
41
|
+
return _formatWithMask[key];
|
|
42
|
+
}
|
|
43
|
+
});
|
|
23
44
|
});
|
|
24
45
|
|
|
25
46
|
var _IPhoneXHelper = require("./IPhoneXHelper");
|
|
@@ -28,20 +49,28 @@ Object.keys(_IPhoneXHelper).forEach(function (key) {
|
|
|
28
49
|
if (key === "default" || key === "__esModule") return;
|
|
29
50
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
30
51
|
if (key in exports && exports[key] === _IPhoneXHelper[key]) return;
|
|
31
|
-
exports
|
|
52
|
+
Object.defineProperty(exports, key, {
|
|
53
|
+
enumerable: true,
|
|
54
|
+
get: function () {
|
|
55
|
+
return _IPhoneXHelper[key];
|
|
56
|
+
}
|
|
57
|
+
});
|
|
32
58
|
});
|
|
33
59
|
|
|
34
60
|
var _lightenDarkenColor = require("./lightenDarkenColor");
|
|
35
61
|
|
|
36
|
-
exports.lightenDarkenColor = _lightenDarkenColor.lightenDarkenColor;
|
|
37
|
-
|
|
38
62
|
var _masks = require("./masks");
|
|
39
63
|
|
|
40
64
|
Object.keys(_masks).forEach(function (key) {
|
|
41
65
|
if (key === "default" || key === "__esModule") return;
|
|
42
66
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
43
67
|
if (key in exports && exports[key] === _masks[key]) return;
|
|
44
|
-
exports
|
|
68
|
+
Object.defineProperty(exports, key, {
|
|
69
|
+
enumerable: true,
|
|
70
|
+
get: function () {
|
|
71
|
+
return _masks[key];
|
|
72
|
+
}
|
|
73
|
+
});
|
|
45
74
|
});
|
|
46
75
|
|
|
47
76
|
var _ResponsiveFontSize = require("./ResponsiveFontSize");
|
|
@@ -50,7 +79,12 @@ Object.keys(_ResponsiveFontSize).forEach(function (key) {
|
|
|
50
79
|
if (key === "default" || key === "__esModule") return;
|
|
51
80
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
52
81
|
if (key in exports && exports[key] === _ResponsiveFontSize[key]) return;
|
|
53
|
-
exports
|
|
82
|
+
Object.defineProperty(exports, key, {
|
|
83
|
+
enumerable: true,
|
|
84
|
+
get: function () {
|
|
85
|
+
return _ResponsiveFontSize[key];
|
|
86
|
+
}
|
|
87
|
+
});
|
|
54
88
|
});
|
|
55
89
|
|
|
56
90
|
var _variantComplement = require("./variantComplement");
|
|
@@ -59,6 +93,11 @@ Object.keys(_variantComplement).forEach(function (key) {
|
|
|
59
93
|
if (key === "default" || key === "__esModule") return;
|
|
60
94
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
61
95
|
if (key in exports && exports[key] === _variantComplement[key]) return;
|
|
62
|
-
exports
|
|
96
|
+
Object.defineProperty(exports, key, {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _variantComplement[key];
|
|
100
|
+
}
|
|
101
|
+
});
|
|
63
102
|
});
|
|
64
103
|
//# sourceMappingURL=index.js.map
|
package/dist/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n extractDigitsFromString,\n extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../src/utils/index.ts"],"sourcesContent":["export {\n extractDigitsFromString,\n extractNumbersFromString,\n} from './extractNumbersFromString';\nexport * from './formatWithMask';\nexport * from './IPhoneXHelper';\nexport { lightenDarkenColor } from './lightenDarkenColor';\nexport * from './masks';\nexport * from './ResponsiveFontSize';\nexport * from './variantComplement';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAIA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightenDarkenColor.js","names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"lightenDarkenColor.js","names":["lightenDarkenColor","color","variation","usePound","slice","num","parseInt","r","b","g","toString"],"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"],"mappings":";;;;;;;AAAO,MAAMA,kBAAkB,GAAG,CAACC,KAAD,EAAgBC,SAAhB,KAAsC;EACtE,IAAIC,QAAQ,GAAG,KAAf;;EAEA,IAAIF,KAAK,CAAC,CAAD,CAAL,IAAY,GAAhB,EAAqB;IACnBA,KAAK,GAAGA,KAAK,CAACG,KAAN,CAAY,CAAZ,CAAR;IACAD,QAAQ,GAAG,IAAX;EACD;;EAED,MAAME,GAAG,GAAGC,QAAQ,CAACL,KAAD,EAAQ,EAAR,CAApB;EAEA,IAAIM,CAAC,GAAG,CAACF,GAAG,IAAI,EAAR,IAAcH,SAAtB;EACA,IAAIK,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAAEH,GAAG,IAAI,CAAR,GAAa,MAAd,IAAwBH,SAAhC;EACA,IAAIM,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,IAAIC,CAAC,GAAG,CAACJ,GAAG,GAAG,QAAP,IAAmBH,SAA3B;EACA,IAAIO,CAAC,GAAG,GAAR,EAAaA,CAAC,GAAG,GAAJ,CAAb,KACK,IAAIA,CAAC,GAAG,CAAR,EAAWA,CAAC,GAAG,CAAJ;EAEhB,OAAO,CAACN,QAAQ,GAAG,GAAH,GAAS,EAAlB,IAAwB,CAACM,CAAC,GAAID,CAAC,IAAI,CAAV,GAAgBD,CAAC,IAAI,EAAtB,EAA2BG,QAA3B,CAAoC,EAApC,CAA/B;AACD,CAvBM"}
|
package/dist/utils/masks.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.Masks = void 0;
|
|
5
7
|
|
|
6
8
|
var _extractNumbersFromString = require("./extractNumbersFromString");
|
|
@@ -16,9 +18,9 @@ const Masks = {
|
|
|
16
18
|
COMBINED_PHONE: value => {
|
|
17
19
|
const onlyNumbers = (0, _extractNumbersFromString.extractDigitsFromString)(value);
|
|
18
20
|
const isCellPhoneExtended = onlyNumbers.length === 11;
|
|
19
|
-
return (value
|
|
21
|
+
return (value === null || value === void 0 ? void 0 : value.length) <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
|
|
20
22
|
},
|
|
21
|
-
COMBINED_CPF_CNPJ: value => (value
|
|
23
|
+
COMBINED_CPF_CNPJ: value => (value === null || value === void 0 ? void 0 : value.length) <= 14 ? Masks.CPF : Masks.CNPJ
|
|
22
24
|
};
|
|
23
25
|
exports.Masks = Masks;
|
|
24
26
|
//# sourceMappingURL=masks.js.map
|
package/dist/utils/masks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"masks.js","names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","extractDigitsFromString","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"masks.js","names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","extractDigitsFromString","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"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"],"mappings":";;;;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;EACnBC,GAAG,EAAE,CAAC,gBAAD,CADc;EAEnBC,IAAI,EAAE,CAAC,oBAAD,CAFa;EAGnBC,IAAI,EAAE,CAAC,YAAD,CAHa;EAInBC,UAAU,EAAE,CAAC,SAAD,CAJO;EAKnBC,GAAG,EAAE,CAAC,WAAD,CALc;EAMnBC,KAAK,EAAE,CAAC,gBAAD,CANY;EAOnBC,cAAc,EAAE,CAAC,iBAAD,CAPG;EAQnBC,cAAc,EAAGC,KAAD,IAAmB;IACjC,MAAMC,WAAW,GAAG,IAAAC,iDAAA,EAAwBF,KAAxB,CAApB;IAEA,MAAMG,mBAAmB,GAAGF,WAAW,CAACG,MAAZ,KAAuB,EAAnD;IAGA,OAAO,CAAAJ,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHZ,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;EAGD,CAjBkB;EAkBnBO,iBAAiB,EAAGL,KAAD,IACjB,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEI,MAAP,KAAiB,EAAjB,GAAsBb,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE;AAnBvB,CAAd"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.fontColorVC = exports.colorVC = exports.colorGradationVC = exports.borderColorVC = exports.borderColorGradationVC = void 0;
|
|
5
7
|
const fontColorVC = {
|
|
6
8
|
filled: 'light',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"variantComplement.js","names":["fontColorVC","filled","outlined","text","colorVC","colorGradationVC","borderColorVC","borderColorGradationVC"],"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"],"mappings":"
|
|
1
|
+
{"version":3,"file":"variantComplement.js","names":["fontColorVC","filled","outlined","text","colorVC","colorGradationVC","borderColorVC","borderColorGradationVC"],"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"],"mappings":";;;;;;AAOO,MAAMA,WAA+C,GAAG;EAC7DC,MAAM,EAAE,OADqD;EAE7DC,QAAQ,EAAE,QAFmD;EAG7DC,IAAI,EAAE;AAHuD,CAAxD;;AAMA,MAAMC,OAAuC,GAAG;EACrDH,MAAM,EAAE,SAD6C;EAErDC,QAAQ,EAAE,SAF2C;EAGrDC,IAAI,EAAE;AAH+C,CAAhD;;AAMA,MAAME,gBAAyD,GAAG;EACvEJ,MAAM,EAAE,MAD+D;EAEvEC,QAAQ,EAAE,MAF6D;EAGvEC,IAAI,EAAE;AAHiE,CAAlE;;AAMA,MAAMG,aAA6C,GAAG;EAC3DL,MAAM,EAAE,SADmD;EAE3DC,QAAQ,EAAE,SAFiD;EAG3DC,IAAI,EAAE;AAHqD,CAAtD;;AAMA,MAAMI,sBAA+D,GAAG;EAC7EN,MAAM,EAAE,MADqE;EAE7EC,QAAQ,EAAE,MAFmE;EAG7EC,IAAI,EAAE;AAHuE,CAAxE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { ImageSourcePropType } from 'react-native';
|
|
3
|
+
import { IconSize } from '../../../types/defaults';
|
|
4
|
+
import { TextProps } from '../Text';
|
|
5
|
+
export declare type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
|
|
6
|
+
export interface AvatarProps {
|
|
7
|
+
source?: ImageSourcePropType;
|
|
8
|
+
name: string;
|
|
9
|
+
onPress?: () => void;
|
|
10
|
+
size?: keyof SizeAvatar;
|
|
11
|
+
TextComponent?: FC<TextProps>;
|
|
12
|
+
}
|
|
13
|
+
export declare const Avatar: React.FC<AvatarProps>;
|
|
14
|
+
export default Avatar;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
2
|
+
|
|
3
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
4
|
+
|
|
5
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
6
|
+
|
|
7
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
8
|
+
|
|
9
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
10
|
+
|
|
11
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
12
|
+
|
|
13
|
+
import React from 'react';
|
|
14
|
+
import { Text } from '../Text';
|
|
15
|
+
import { getIniciais } from './helpers';
|
|
16
|
+
import { ContainerButtonAvatar, getStyledTextComponent, StyledAvatar, StyledBackground } from './styled';
|
|
17
|
+
export var Avatar = function Avatar(_ref) {
|
|
18
|
+
var source = _ref.source,
|
|
19
|
+
name = _ref.name,
|
|
20
|
+
onPress = _ref.onPress,
|
|
21
|
+
_ref$size = _ref.size,
|
|
22
|
+
size = _ref$size === void 0 ? 'mega' : _ref$size,
|
|
23
|
+
_ref$TextComponent = _ref.TextComponent,
|
|
24
|
+
TextComponent = _ref$TextComponent === void 0 ? Text : _ref$TextComponent;
|
|
25
|
+
|
|
26
|
+
var _React$useState = React.useState(false),
|
|
27
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
28
|
+
hasError = _React$useState2[0],
|
|
29
|
+
setHasError = _React$useState2[1];
|
|
30
|
+
|
|
31
|
+
React.useEffect(function () {
|
|
32
|
+
setHasError(false);
|
|
33
|
+
}, [source]);
|
|
34
|
+
var StyledText = getStyledTextComponent(TextComponent);
|
|
35
|
+
return React.createElement(ContainerButtonAvatar, {
|
|
36
|
+
effect: "none",
|
|
37
|
+
onPress: onPress,
|
|
38
|
+
size: size
|
|
39
|
+
}, source && !hasError ? React.createElement(StyledAvatar, {
|
|
40
|
+
source: source,
|
|
41
|
+
onError: function onError() {
|
|
42
|
+
return setHasError(true);
|
|
43
|
+
}
|
|
44
|
+
}) : React.createElement(StyledBackground, null, React.createElement(StyledText, {
|
|
45
|
+
fontWeight: "bold",
|
|
46
|
+
fontColor: "light"
|
|
47
|
+
}, getIniciais(name))));
|
|
48
|
+
};
|
|
49
|
+
export default Avatar;
|
|
50
|
+
//# sourceMappingURL=Avatar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","names":["React","Text","getIniciais","ContainerButtonAvatar","getStyledTextComponent","StyledAvatar","StyledBackground","Avatar","source","name","onPress","size","TextComponent","useState","hasError","setHasError","useEffect","StyledText"],"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\nexport const 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"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,KAAP,MAA0B,OAA1B;AAGA,SAASC,IAAT,QAAgC,SAAhC;AACA,SAASC,WAAT,QAA4B,WAA5B;AACA,SACEC,qBADF,EAEEC,sBAFF,EAGEC,YAHF,EAIEC,gBAJF,QAKO,UALP;AAmBA,OAAO,IAAMC,MAA6B,GAAG,SAAhCA,MAAgC,OAMvC;EAAA,IALJC,MAKI,QALJA,MAKI;EAAA,IAJJC,IAII,QAJJA,IAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,qBAFJC,IAEI;EAAA,IAFJA,IAEI,0BAFG,MAEH;EAAA,8BADJC,aACI;EAAA,IADJA,aACI,mCADYX,IACZ;;EACJ,sBAAgCD,KAAK,CAACa,QAAN,CAAwB,KAAxB,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EAGAf,KAAK,CAACgB,SAAN,CAAgB,YAAM;IACpBD,WAAW,CAAC,KAAD,CAAX;EACD,CAFD,EAEG,CAACP,MAAD,CAFH;EAIA,IAAMS,UAAU,GAAGb,sBAAsB,CAACQ,aAAD,CAAzC;EAEA,OACE,oBAAC,qBAAD;IAAuB,MAAM,EAAC,MAA9B;IAAqC,OAAO,EAAEF,OAA9C;IAAuD,IAAI,EAAEC;EAA7D,GACGH,MAAM,IAAI,CAACM,QAAX,GACC,oBAAC,YAAD;IAAc,MAAM,EAAEN,MAAtB;IAA8B,OAAO,EAAE;MAAA,OAAMO,WAAW,CAAC,IAAD,CAAjB;IAAA;EAAvC,EADD,GAGC,oBAAC,gBAAD,QACE,oBAAC,UAAD;IAAY,UAAU,EAAC,MAAvB;IAA8B,SAAS,EAAC;EAAxC,GACGb,WAAW,CAACO,IAAD,CADd,CADF,CAJJ,CADF;AAaD,CA7BM;AA+BP,eAAeF,MAAf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getIniciais: (name: string) => string;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export var getIniciais = function getIniciais(name) {
|
|
2
|
+
var nameSplit = name.split(' ');
|
|
3
|
+
|
|
4
|
+
if (nameSplit.length > 1) {
|
|
5
|
+
return nameSplit.slice(0, 2).map(function (name) {
|
|
6
|
+
return name[0];
|
|
7
|
+
}).join('');
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
return name[0];
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=helpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","names":["getIniciais","name","nameSplit","split","length","slice","map","join"],"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"],"mappings":"AAAA,OAAO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD,EAA0B;EACnD,IAAMC,SAAS,GAAGD,IAAI,CAACE,KAAL,CAAW,GAAX,CAAlB;;EACA,IAAID,SAAS,CAACE,MAAV,GAAmB,CAAvB,EAA0B;IACxB,OAAOF,SAAS,CACbG,KADI,CACE,CADF,EACK,CADL,EAEJC,GAFI,CAEA,UAAAL,IAAI;MAAA,OAAIA,IAAI,CAAC,CAAD,CAAR;IAAA,CAFJ,EAGJM,IAHI,CAGC,EAHD,CAAP;EAID;;EACD,OAAON,IAAI,CAAC,CAAD,CAAX;AACD,CATM"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","Avatar"],"sources":["../../../../src/components/atoms/Avatar/index.ts"],"sourcesContent":["export { default as Avatar } from './Avatar';\nexport type { AvatarProps } from './Avatar';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Image, View } from 'react-native';
|
|
3
|
+
import { TextProps } from '../Text';
|
|
4
|
+
import { AvatarProps } from './Avatar';
|
|
5
|
+
export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
|
|
6
|
+
children?: import("react").ReactNode;
|
|
7
|
+
} & {
|
|
8
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
+
as?: import("react").ElementType<any> | undefined;
|
|
10
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps & AvatarProps>, {}, {}>;
|
|
11
|
+
export declare const StyledAvatar: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: import("react").ElementType<any> | undefined;
|
|
14
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
15
|
+
ref?: import("react").Ref<Image> | undefined;
|
|
16
|
+
}>;
|
|
17
|
+
export declare const StyledBackground: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
18
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
+
as?: import("react").ElementType<any> | undefined;
|
|
20
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
21
|
+
ref?: import("react").Ref<View> | undefined;
|
|
22
|
+
}>;
|
|
23
|
+
export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
|
|
24
|
+
children?: import("react").ReactNode;
|
|
25
|
+
} & {
|
|
26
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
27
|
+
as?: import("react").ElementType<any> | undefined;
|
|
28
|
+
}, {}, {}>;
|