@tecsinapse/react-core 1.22.8 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/atoms/Avatar/Avatar.d.ts +1 -1
- package/dist/cjs/components/atoms/Avatar/Avatar.js +3 -17
- package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/atoms/Avatar/Avatar.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Avatar/helpers.js +0 -2
- package/dist/cjs/components/atoms/Avatar/helpers.js.map +1 -1
- package/dist/cjs/components/atoms/Avatar/styled.d.ts +0 -4
- package/dist/cjs/components/atoms/Avatar/styled.js +4 -10
- package/dist/cjs/components/atoms/Avatar/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Badge/Badge.d.ts +3 -2
- package/dist/cjs/components/atoms/Badge/Badge.js +1 -9
- package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/atoms/Badge/styled.js +2 -8
- package/dist/cjs/components/atoms/Badge/styled.js.map +1 -1
- package/dist/cjs/components/atoms/BoxContent/BoxContent.js +1 -7
- package/dist/cjs/components/atoms/BoxContent/BoxContent.js.map +1 -1
- package/dist/cjs/components/atoms/BoxContent/BoxContent.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/BoxContent/styled.js +2 -8
- package/dist/cjs/components/atoms/BoxContent/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Button/Button.d.ts +2 -2
- package/dist/cjs/components/atoms/Button/Button.js +19 -16
- package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/BaseState.js +1 -14
- package/dist/cjs/components/atoms/Button/States/BaseState.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Error.js +1 -8
- package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Loading.js +7 -12
- package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Success.js +1 -8
- package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/styled.js +2 -8
- package/dist/cjs/components/atoms/Button/States/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Button/styled.d.ts +0 -2
- package/dist/cjs/components/atoms/Button/styled.js +2 -8
- package/dist/cjs/components/atoms/Button/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Card/Card.d.ts +3 -2
- package/dist/cjs/components/atoms/Card/Card.js +2 -13
- package/dist/cjs/components/atoms/Card/Card.js.map +1 -1
- package/dist/cjs/components/atoms/Card/Card.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/Card/Footer/Footer.d.ts +3 -2
- package/dist/cjs/components/atoms/Card/Footer/Footer.js +1 -7
- package/dist/cjs/components/atoms/Card/Footer/Footer.js.map +1 -1
- package/dist/cjs/components/atoms/Card/Header/Header.d.ts +3 -2
- package/dist/cjs/components/atoms/Card/Header/Header.js +1 -7
- package/dist/cjs/components/atoms/Card/Header/Header.js.map +1 -1
- package/dist/cjs/components/atoms/Card/styled.js +1 -7
- package/dist/cjs/components/atoms/Card/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +3 -2
- package/dist/cjs/components/atoms/Checkbox/Checkbox.js +26 -26
- package/dist/cjs/components/atoms/Checkbox/Checkbox.js.map +1 -1
- package/dist/cjs/components/atoms/Checkbox/Checkbox.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/Checkbox/styled.js +4 -10
- package/dist/cjs/components/atoms/Checkbox/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Divider/Divider.js +1 -7
- package/dist/cjs/components/atoms/Divider/Divider.js.map +1 -1
- package/dist/cjs/components/atoms/Divider/Divider.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Divider/styled.js +2 -8
- package/dist/cjs/components/atoms/Divider/styled.js.map +1 -1
- package/dist/cjs/components/atoms/GroupButton/GroupButton.d.ts +1 -0
- package/dist/cjs/components/atoms/GroupButton/GroupButton.js +16 -20
- package/dist/cjs/components/atoms/GroupButton/GroupButton.js.map +1 -1
- package/dist/cjs/components/atoms/GroupButton/GroupButton.stories.d.ts +2 -2
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +1 -9
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/cjs/components/atoms/GroupButton/styled.d.ts +0 -4
- package/dist/cjs/components/atoms/GroupButton/styled.js +6 -12
- package/dist/cjs/components/atoms/GroupButton/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/AntDesign.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/AntDesign.js +2 -11
- package/dist/cjs/components/atoms/Icon/AntDesign.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Entypo.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Entypo.js +2 -11
- package/dist/cjs/components/atoms/Icon/Entypo.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Evil.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Evil.js +2 -11
- package/dist/cjs/components/atoms/Icon/Evil.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Feather.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Feather.js +2 -11
- package/dist/cjs/components/atoms/Icon/Feather.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/FontAwesome.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesome.js +2 -11
- package/dist/cjs/components/atoms/Icon/FontAwesome.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js +2 -11
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Fontisto.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Fontisto.js +2 -11
- package/dist/cjs/components/atoms/Icon/Fontisto.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Foundation.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Foundation.js +2 -11
- package/dist/cjs/components/atoms/Icon/Foundation.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Icon.js +1 -11
- package/dist/cjs/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Icon.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Icon/Ionicon.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Ionicon.js +2 -11
- package/dist/cjs/components/atoms/Icon/Ionicon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Material.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Material.js +2 -11
- package/dist/cjs/components/atoms/Icon/Material.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js +2 -11
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Octicon.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Octicon.js +2 -11
- package/dist/cjs/components/atoms/Icon/Octicon.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/SimpleLine.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/SimpleLine.js +2 -11
- package/dist/cjs/components/atoms/Icon/SimpleLine.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/Zocial.d.ts +1 -0
- package/dist/cjs/components/atoms/Icon/Zocial.js +2 -11
- package/dist/cjs/components/atoms/Icon/Zocial.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/functions.js +0 -2
- package/dist/cjs/components/atoms/Icon/functions.js.map +1 -1
- package/dist/cjs/components/atoms/Icon/styled.js +1 -7
- package/dist/cjs/components/atoms/Icon/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Input/Hint.js +9 -13
- package/dist/cjs/components/atoms/Input/Hint.js.map +1 -1
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -1
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js +39 -24
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
- package/dist/cjs/components/atoms/Input/InputElement/InputElement.js +14 -15
- package/dist/cjs/components/atoms/Input/InputElement/InputElement.js.map +1 -1
- package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js +14 -15
- package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +3 -2
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +4 -12
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
- package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js +1 -7
- package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js +0 -2
- package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js.map +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.d.ts +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js +1 -7
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js.map +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.js +0 -2
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.js.map +1 -1
- package/dist/cjs/components/atoms/Input/styled.d.ts +0 -6
- package/dist/cjs/components/atoms/Input/styled.js +9 -15
- package/dist/cjs/components/atoms/Input/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Paper/Paper.d.ts +3 -2
- package/dist/cjs/components/atoms/Paper/Paper.js +1 -8
- package/dist/cjs/components/atoms/Paper/Paper.js.map +1 -1
- package/dist/cjs/components/atoms/Paper/Paper.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/Paper/styled.js +1 -7
- package/dist/cjs/components/atoms/Paper/styled.js.map +1 -1
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.d.ts +3 -2
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js +1 -8
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.d.ts +3 -3
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js +22 -51
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/ProgressBar/styled.d.ts +0 -2
- package/dist/cjs/components/atoms/ProgressBar/styled.js +3 -9
- package/dist/cjs/components/atoms/ProgressBar/styled.js.map +1 -1
- package/dist/cjs/components/atoms/RadioButton/RadioButton.d.ts +3 -2
- package/dist/cjs/components/atoms/RadioButton/RadioButton.js +27 -21
- package/dist/cjs/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/cjs/components/atoms/RadioButton/RadioButton.stories.d.ts +3 -4
- package/dist/cjs/components/atoms/RadioButton/styled.js +4 -10
- package/dist/cjs/components/atoms/RadioButton/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/Switch.js +25 -18
- package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/Switch.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Switch/animation.js +0 -2
- package/dist/cjs/components/atoms/Switch/animation.js.map +1 -1
- package/dist/cjs/components/atoms/Switch/styled.js +2 -8
- package/dist/cjs/components/atoms/Switch/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Tag/Tag.js +30 -24
- package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/atoms/Tag/styled.d.ts +0 -6
- package/dist/cjs/components/atoms/Tag/styled.js +4 -10
- package/dist/cjs/components/atoms/Tag/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Text/Text.js +16 -16
- package/dist/cjs/components/atoms/Text/Text.js.map +1 -1
- package/dist/cjs/components/atoms/Text/Text.stories.d.ts +1 -2
- package/dist/cjs/components/atoms/Text/functions.js +0 -2
- package/dist/cjs/components/atoms/Text/functions.js.map +1 -1
- package/dist/cjs/components/atoms/Text/styled.js +2 -8
- package/dist/cjs/components/atoms/Text/styled.js.map +1 -1
- package/dist/cjs/components/atoms/shared/PaperAndCard.js +0 -2
- package/dist/cjs/components/atoms/shared/PaperAndCard.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/Calendar.d.ts +3 -3
- package/dist/cjs/components/molecules/Calendar/Calendar.js +48 -43
- package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/Calendar.stories.d.ts +1 -2
- package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js +19 -25
- package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/components/Weekdays.js +15 -18
- package/dist/cjs/components/molecules/Calendar/components/Weekdays.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/styled.d.ts +0 -6
- package/dist/cjs/components/molecules/Calendar/styled.js +7 -13
- package/dist/cjs/components/molecules/Calendar/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js +32 -32
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/styled.d.ts +0 -4
- package/dist/cjs/components/molecules/DatePicker/styled.js +2 -8
- package/dist/cjs/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +43 -44
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/styled.d.ts +0 -2
- package/dist/cjs/components/molecules/DateTimePicker/styled.js +1 -7
- package/dist/cjs/components/molecules/DateTimePicker/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +73 -77
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.d.ts +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.js +37 -34
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/styled.d.ts +0 -4
- package/dist/cjs/components/molecules/DateTimeSelector/styled.js +8 -14
- package/dist/cjs/components/molecules/DateTimeSelector/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/functions.js +0 -2
- package/dist/cjs/components/molecules/Grid/functions.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/index.d.ts +6 -6
- package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js +17 -20
- package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconComponent.js +9 -10
- package/dist/cjs/components/molecules/IconTextButton/IconComponent.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js +10 -14
- package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
- package/dist/cjs/components/molecules/InputPassword/styled.d.ts +0 -2
- package/dist/cjs/components/molecules/InputPassword/styled.js +1 -7
- package/dist/cjs/components/molecules/InputPassword/styled.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +2 -2
- package/dist/cjs/components/molecules/Snackbar/Snackbar.d.ts +3 -2
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js +38 -37
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/molecules/Snackbar/styled.d.ts +0 -6
- package/dist/cjs/components/molecules/Snackbar/styled.js +7 -13
- package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/cjs/components/molecules/TextArea/TextArea.js +35 -36
- package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/cjs/components/molecules/TextArea/styled.js +2 -8
- package/dist/cjs/components/molecules/TextArea/styled.js.map +1 -1
- package/dist/cjs/hooks/useDebouncedState.js +0 -2
- package/dist/cjs/hooks/useDebouncedState.js.map +1 -1
- package/dist/cjs/hooks/useTheme.js +0 -2
- package/dist/cjs/hooks/useTheme.js.map +1 -1
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/styles/ThemeProvider.js +1 -7
- package/dist/cjs/styles/ThemeProvider.js.map +1 -1
- package/dist/cjs/styles/definitions.d.ts +1 -1
- package/dist/cjs/styles/definitions.js +23 -2
- package/dist/cjs/styles/definitions.js.map +1 -1
- package/dist/cjs/styles/light.js +0 -2
- package/dist/cjs/styles/light.js.map +1 -1
- package/dist/cjs/types/defaults.d.ts +26 -26
- package/dist/cjs/utils/IPhoneXHelper.js +1 -3
- package/dist/cjs/utils/IPhoneXHelper.js.map +1 -1
- package/dist/cjs/utils/ResponsiveFontSize.js +0 -2
- package/dist/cjs/utils/ResponsiveFontSize.js.map +1 -1
- package/dist/cjs/utils/extractNumbersFromString.js +0 -2
- package/dist/cjs/utils/extractNumbersFromString.js.map +1 -1
- package/dist/cjs/utils/formatWithMask.js +1 -7
- package/dist/cjs/utils/formatWithMask.js.map +1 -1
- package/dist/cjs/utils/lightenDarkenColor.js +0 -2
- package/dist/cjs/utils/lightenDarkenColor.js.map +1 -1
- package/dist/cjs/utils/masks.js +0 -2
- package/dist/cjs/utils/masks.js.map +1 -1
- package/dist/cjs/utils/variantComplement.js +0 -2
- package/dist/cjs/utils/variantComplement.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.d.ts +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +1 -11
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/helpers.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/styled.d.ts +0 -4
- package/dist/esm/components/atoms/Avatar/styled.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.d.ts +3 -2
- package/dist/esm/components/atoms/Badge/Badge.js +1 -5
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/atoms/Badge/styled.js.map +1 -1
- package/dist/esm/components/atoms/BoxContent/BoxContent.js +1 -3
- package/dist/esm/components/atoms/BoxContent/BoxContent.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +2 -2
- package/dist/esm/components/atoms/Button/Button.js +19 -12
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/BaseState.js +1 -10
- package/dist/esm/components/atoms/Button/States/BaseState.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Error.js +1 -4
- package/dist/esm/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Loading.js +7 -8
- package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Success.js +1 -4
- package/dist/esm/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/esm/components/atoms/Button/styled.d.ts +0 -2
- package/dist/esm/components/atoms/Button/styled.js.map +1 -1
- package/dist/esm/components/atoms/Card/Card.d.ts +3 -2
- package/dist/esm/components/atoms/Card/Card.js +2 -9
- package/dist/esm/components/atoms/Card/Card.js.map +1 -1
- package/dist/esm/components/atoms/Card/Footer/Footer.d.ts +3 -2
- package/dist/esm/components/atoms/Card/Footer/Footer.js +1 -3
- package/dist/esm/components/atoms/Card/Footer/Footer.js.map +1 -1
- package/dist/esm/components/atoms/Card/Header/Header.d.ts +3 -2
- package/dist/esm/components/atoms/Card/Header/Header.js +1 -3
- package/dist/esm/components/atoms/Card/Header/Header.js.map +1 -1
- package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +3 -2
- package/dist/esm/components/atoms/Checkbox/Checkbox.js +26 -22
- package/dist/esm/components/atoms/Checkbox/Checkbox.js.map +1 -1
- package/dist/esm/components/atoms/Checkbox/styled.js.map +1 -1
- package/dist/esm/components/atoms/Divider/Divider.js +1 -3
- package/dist/esm/components/atoms/Divider/Divider.js.map +1 -1
- package/dist/esm/components/atoms/GroupButton/GroupButton.d.ts +1 -0
- package/dist/esm/components/atoms/GroupButton/GroupButton.js +16 -16
- package/dist/esm/components/atoms/GroupButton/GroupButton.js.map +1 -1
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +1 -5
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/esm/components/atoms/GroupButton/styled.d.ts +0 -4
- package/dist/esm/components/atoms/GroupButton/styled.js.map +1 -1
- package/dist/esm/components/atoms/Icon/AntDesign.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/AntDesign.js +1 -5
- package/dist/esm/components/atoms/Icon/AntDesign.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Entypo.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Entypo.js +1 -5
- package/dist/esm/components/atoms/Icon/Entypo.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Evil.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Evil.js +1 -5
- package/dist/esm/components/atoms/Icon/Evil.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Feather.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Feather.js +1 -5
- package/dist/esm/components/atoms/Icon/Feather.js.map +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesome.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesome.js +1 -5
- package/dist/esm/components/atoms/Icon/FontAwesome.js.map +1 -1
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js +1 -5
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Fontisto.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Fontisto.js +1 -5
- package/dist/esm/components/atoms/Icon/Fontisto.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Foundation.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Foundation.js +1 -5
- package/dist/esm/components/atoms/Icon/Foundation.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Icon.js +1 -7
- package/dist/esm/components/atoms/Icon/Icon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Ionicon.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Ionicon.js +1 -5
- package/dist/esm/components/atoms/Icon/Ionicon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Material.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Material.js +1 -5
- package/dist/esm/components/atoms/Icon/Material.js.map +1 -1
- package/dist/esm/components/atoms/Icon/MaterialCommunity.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js +1 -5
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Octicon.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Octicon.js +1 -5
- package/dist/esm/components/atoms/Icon/Octicon.js.map +1 -1
- package/dist/esm/components/atoms/Icon/SimpleLine.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/SimpleLine.js +1 -5
- package/dist/esm/components/atoms/Icon/SimpleLine.js.map +1 -1
- package/dist/esm/components/atoms/Icon/Zocial.d.ts +1 -0
- package/dist/esm/components/atoms/Icon/Zocial.js +1 -5
- package/dist/esm/components/atoms/Icon/Zocial.js.map +1 -1
- package/dist/esm/components/atoms/Icon/functions.js.map +1 -1
- package/dist/esm/components/atoms/Icon/styled.js.map +1 -1
- package/dist/esm/components/atoms/Input/Hint.js +9 -9
- package/dist/esm/components/atoms/Input/Hint.js.map +1 -1
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -1
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js +39 -20
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
- package/dist/esm/components/atoms/Input/InputElement/InputElement.js +13 -10
- package/dist/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -1
- package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +13 -10
- package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -1
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +3 -2
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +1 -8
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -1
- package/dist/esm/components/atoms/Input/hooks/useNumberMask.d.ts +1 -1
- package/dist/esm/components/atoms/Input/hooks/useStringMask.d.ts +1 -1
- package/dist/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -1
- package/dist/esm/components/atoms/Input/styled.d.ts +0 -6
- package/dist/esm/components/atoms/Input/styled.js.map +1 -1
- package/dist/esm/components/atoms/Paper/Paper.d.ts +3 -2
- package/dist/esm/components/atoms/Paper/Paper.js +1 -4
- package/dist/esm/components/atoms/Paper/Paper.js.map +1 -1
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.d.ts +3 -2
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.js +1 -4
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -1
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts +3 -3
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +22 -31
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/atoms/ProgressBar/styled.d.ts +0 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +3 -2
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +27 -17
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -1
- package/dist/esm/components/atoms/RadioButton/styled.js.map +1 -1
- package/dist/esm/components/atoms/Switch/Switch.js +22 -11
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -1
- package/dist/esm/components/atoms/Tag/Tag.js +29 -19
- package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/esm/components/atoms/Tag/styled.d.ts +0 -6
- package/dist/esm/components/atoms/Tag/styled.js.map +1 -1
- package/dist/esm/components/atoms/Text/Text.js +16 -12
- package/dist/esm/components/atoms/Text/Text.js.map +1 -1
- package/dist/esm/components/atoms/Text/styled.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/Calendar.d.ts +3 -3
- package/dist/esm/components/molecules/Calendar/Calendar.js +45 -39
- package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/components/MonthWeek.js +14 -16
- package/dist/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/components/Weekdays.js +14 -13
- package/dist/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/styled.d.ts +0 -6
- package/dist/esm/components/molecules/DatePicker/DatePicker.js +29 -28
- package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/styled.d.ts +0 -4
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +40 -40
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +0 -2
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +70 -73
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/Selector.d.ts +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/Selector.js +34 -28
- package/dist/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/styled.d.ts +0 -4
- package/dist/esm/components/molecules/Grid/functions.js.map +1 -1
- package/dist/esm/components/molecules/Grid/index.d.ts +6 -6
- package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js +14 -16
- package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconComponent.js +8 -5
- package/dist/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js +10 -10
- package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -1
- package/dist/esm/components/molecules/InputPassword/styled.d.ts +0 -2
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +2 -2
- package/dist/esm/components/molecules/Snackbar/Snackbar.d.ts +3 -2
- package/dist/esm/components/molecules/Snackbar/Snackbar.js +35 -30
- package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/components/molecules/Snackbar/styled.d.ts +0 -6
- package/dist/esm/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/esm/components/molecules/TextArea/TextArea.js +35 -32
- package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -1
- package/dist/esm/hooks/useDebouncedState.js.map +1 -1
- package/dist/esm/styles/ThemeProvider.js +1 -3
- package/dist/esm/styles/ThemeProvider.js.map +1 -1
- package/dist/esm/styles/definitions.d.ts +1 -1
- package/dist/esm/styles/definitions.js +23 -0
- package/dist/esm/styles/definitions.js.map +1 -1
- package/dist/esm/types/defaults.d.ts +26 -26
- package/dist/esm/utils/IPhoneXHelper.js +1 -1
- package/dist/esm/utils/IPhoneXHelper.js.map +1 -1
- package/dist/esm/utils/lightenDarkenColor.js.map +1 -1
- package/package.json +8 -7
|
@@ -44,9 +44,12 @@ const hex2rgba = (hex, alpha = 1) => {
|
|
|
44
44
|
};
|
|
45
45
|
const miscellaneous = {
|
|
46
46
|
shadow: "#000000",
|
|
47
|
+
// black
|
|
47
48
|
overlay: "#282625",
|
|
49
|
+
// rgba(40, 38, 37, 0.5)
|
|
48
50
|
bodyColor: "#f8f7f7",
|
|
49
51
|
surfaceColor: "#ffffff"
|
|
52
|
+
//input, group button, cards
|
|
50
53
|
};
|
|
51
54
|
const spacing = {
|
|
52
55
|
nano: RFValueStr("2px"),
|
|
@@ -65,9 +68,13 @@ const iconSize = {
|
|
|
65
68
|
micro: RFValueStr("12px"),
|
|
66
69
|
mili: RFValueStr("14px"),
|
|
67
70
|
centi: RFValueStr("16px"),
|
|
71
|
+
// '1rem'
|
|
68
72
|
deca: RFValueStr("18px"),
|
|
73
|
+
// '1.5rem'
|
|
69
74
|
kilo: RFValueStr("24px"),
|
|
75
|
+
// '1.6rem'
|
|
70
76
|
mega: RFValueStr("32px")
|
|
77
|
+
// '2rem'
|
|
71
78
|
};
|
|
72
79
|
const borderRadius = {
|
|
73
80
|
nano: RFValueStr("2px"),
|
|
@@ -76,6 +83,7 @@ const borderRadius = {
|
|
|
76
83
|
centi: RFValueStr("16px"),
|
|
77
84
|
deca: RFValueStr("24px"),
|
|
78
85
|
pill: RFValueStr("999999px")
|
|
86
|
+
// also circle
|
|
79
87
|
};
|
|
80
88
|
const borderWidth = {
|
|
81
89
|
pico: RFValueStr("1px"),
|
|
@@ -84,31 +92,45 @@ const borderWidth = {
|
|
|
84
92
|
const typography = {
|
|
85
93
|
h5: {
|
|
86
94
|
fontSize: RFValueStr("16px"),
|
|
95
|
+
// '1rem'
|
|
87
96
|
lineHeight: RFValueStr("24px")
|
|
97
|
+
// '1.5rem'
|
|
88
98
|
},
|
|
89
99
|
h4: {
|
|
90
100
|
fontSize: RFValueStr("18px"),
|
|
101
|
+
// '1.125rem'
|
|
91
102
|
lineHeight: RFValueStr("27px")
|
|
103
|
+
// '1.688rem'
|
|
92
104
|
},
|
|
93
105
|
h3: {
|
|
94
106
|
fontSize: RFValueStr("20px"),
|
|
107
|
+
// '1.25rem'
|
|
95
108
|
lineHeight: RFValueStr("32px")
|
|
109
|
+
// '2rem'
|
|
96
110
|
},
|
|
97
111
|
h2: {
|
|
98
112
|
fontSize: RFValueStr("26px"),
|
|
113
|
+
// '1.625rem'
|
|
99
114
|
lineHeight: RFValueStr("38px")
|
|
115
|
+
// '2.375rem'
|
|
100
116
|
},
|
|
101
117
|
h1: {
|
|
102
118
|
fontSize: RFValueStr("32px"),
|
|
119
|
+
// '2rem'
|
|
103
120
|
lineHeight: RFValueStr("42px")
|
|
121
|
+
// '2.625rem'
|
|
104
122
|
},
|
|
105
123
|
base: {
|
|
106
124
|
fontSize: RFValueStr("14px"),
|
|
125
|
+
// '0.875rem'
|
|
107
126
|
lineHeight: RFValueStr("21px")
|
|
127
|
+
// '1.313rem'
|
|
108
128
|
},
|
|
109
129
|
sub: {
|
|
110
130
|
fontSize: RFValueStr("12px"),
|
|
131
|
+
// '0.75rem'
|
|
111
132
|
lineHeight: RFValueStr("18px")
|
|
133
|
+
// '1.125rem'
|
|
112
134
|
},
|
|
113
135
|
label: {
|
|
114
136
|
fontSize: RFValueStr("10px"),
|
|
@@ -133,6 +155,7 @@ const fontColor = {
|
|
|
133
155
|
light: "#fff",
|
|
134
156
|
medium: "#85807a",
|
|
135
157
|
dark: "#353231",
|
|
158
|
+
// default
|
|
136
159
|
orange: "#f89907"
|
|
137
160
|
};
|
|
138
161
|
const zIndex = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n | 'material'\n | 'material-community'\n | 'simple-line-icon'\n | 'zocial'\n | 'font-awesome'\n | 'octicon'\n | 'ionicon'\n | 'foundation'\n | 'evilicon'\n | 'entypo'\n | 'antdesign'\n | 'font-awesome-5'\n | string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":[],"mappings":";;;;;;;;;;AAeO,MAAM,WAAc,GAAA;AAAA,EACzB,KAAO,EAAA;AAAA,IACL,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,OAAS,EAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,SAAA;AAAA,IACR,KAAO,EAAA,SAAA;AAAA,IACP,MAAQ,EAAA,SAAA;AAAA,IACR,IAAM,EAAA,SAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,GACT;AACF,EAAA;AAEO,MAAM,QAA4C,GAAA,CAAC,GAAK,EAAA,KAAA,GAAQ,CAAM,KAAA;AAC3E,EAAA,MAAM,CAAC,CAAA,EAAG,CAAG,EAAA,CAAC,IAAI,GAAI,CAAA,KAAA,CAAM,OAAO,CAAA,CAAE,GAAI,CAAA,CAAA,CAAA,KAAK,QAAS,CAAA,CAAA,EAAG,EAAE,CAAC,CAAA,CAAA;AAC7D,EAAO,OAAA,CAAA,KAAA,EAAQ,CAAK,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,EAAK,CAAK,CAAA,CAAA,EAAA,KAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA;AAEO,MAAM,aAA+B,GAAA;AAAA,EAC1C,MAAQ,EAAA,SAAA;AAAA,EACR,OAAS,EAAA,SAAA;AAAA,EACT,SAAW,EAAA,SAAA;AAAA,EACX,YAAc,EAAA,SAAA;AAChB,EAAA;AAEO,MAAM,OAAmB,GAAA;AAAA,EAC9B,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,KAAK,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AACzB,EAAA;AAEO,MAAM,QAAqB,GAAA;AAAA,EAChC,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,MAAM,CAAA;AACzB,EAAA;AAEO,MAAM,YAA6B,GAAA;AAAA,EACxC,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,KAAK,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,KAAA,EAAO,WAAW,MAAM,CAAA;AAAA,EACxB,IAAA,EAAM,WAAW,MAAM,CAAA;AAAA,EACvB,IAAA,EAAM,WAAW,UAAU,CAAA;AAC7B,EAAA;AAEO,MAAM,WAA2B,GAAA;AAAA,EACtC,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,EACtB,IAAA,EAAM,WAAW,KAAK,CAAA;AACxB,EAAA;AAEO,MAAM,UAAkC,GAAA;AAAA,EAC7C,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,EAAI,EAAA;AAAA,IACF,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,GAAK,EAAA;AAAA,IACH,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AAAA,EACA,KAAO,EAAA;AAAA,IACL,QAAA,EAAU,WAAW,MAAM,CAAA;AAAA,IAC3B,UAAA,EAAY,WAAW,MAAM,CAAA;AAAA,GAC/B;AACF,EAAA;AAEO,MAAM,SAAuB,GAAA;AAAA,EAClC,OAAS,EAAA,MAAA;AAAA,EACT,IAAM,EAAA,6BAAA;AACR,EAAA;AAEO,MAAM,UAAyB,GAAA;AAAA,EACpC,OAAS,EAAA,KAAA;AAAA,EACT,IAAM,EAAA,KAAA;AAAA,EACN,KAAO,EAAA,KAAA;AACT,EAAA;AAEO,MAAM,SAAwB,GAAA;AAAA,EACnC,KAAO,EAAA,WAAA;AAAA,EACP,IAAM,EAAA,UAAA;AAAA,EACN,OAAS,EAAA,aAAA;AACX,EAAA;AAEO,MAAM,SAAuB,GAAA;AAAA,EAClC,KAAO,EAAA,MAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,MAAQ,EAAA,SAAA;AACV,EAAA;AAEO,MAAM,MAAiB,GAAA;AAAA,EAC5B,OAAS,EAAA,CAAA;AAAA,EACT,QAAU,EAAA,CAAA;AAAA,EACV,MAAQ,EAAA,EAAA;AAAA,EACR,KAAO,EAAA,EAAA;AAAA,EACP,OAAS,EAAA,EAAA;AAAA,EACT,OAAS,EAAA,EAAA;AAAA,EACT,MAAQ,EAAA,GAAA;AAAA,EACR,QAAU,EAAA,GAAA;AAAA,EACV,MAAQ,EAAA,GAAA;AAAA,EACR,OAAS,EAAA,GAAA;AAAA,EACT,KAAO,EAAA,GAAA;AACT,EAAA;AAiBO,MAAM,WAA2B,GAAA;AAAA,EACtC,EAAI,EAAA,GAAA;AAAA,EACJ,EAAI,EAAA,GAAA;AAAA,EACJ,EAAI,EAAA,IAAA;AACN;;;;"}
|
|
1
|
+
{"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const [r, g, b] = hex.match(/\\w\\w/g).map(x => parseInt(x, 16));\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n | 'material'\n | 'material-community'\n | 'simple-line-icon'\n | 'zocial'\n | 'font-awesome'\n | 'octicon'\n | 'ionicon'\n | 'foundation'\n | 'evilicon'\n | 'entypo'\n | 'antdesign'\n | 'font-awesome-5'\n | string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type Color = {
|
|
3
3
|
primary: ColorGradation;
|
|
4
4
|
secondary: ColorGradation;
|
|
5
5
|
error: ColorGradation;
|
|
@@ -7,7 +7,7 @@ export declare type Color = {
|
|
|
7
7
|
info: ColorGradation;
|
|
8
8
|
warning: ColorGradation;
|
|
9
9
|
};
|
|
10
|
-
export
|
|
10
|
+
export type TypographyVariation = {
|
|
11
11
|
h1: Typography;
|
|
12
12
|
h2: Typography;
|
|
13
13
|
h3: Typography;
|
|
@@ -17,13 +17,13 @@ export declare type TypographyVariation = {
|
|
|
17
17
|
sub: Typography;
|
|
18
18
|
label: Typography;
|
|
19
19
|
};
|
|
20
|
-
export
|
|
20
|
+
export type Miscellaneous = {
|
|
21
21
|
shadow: string;
|
|
22
22
|
overlay: string;
|
|
23
23
|
bodyColor: string;
|
|
24
24
|
surfaceColor: string;
|
|
25
25
|
};
|
|
26
|
-
export
|
|
26
|
+
export type Spacing = {
|
|
27
27
|
nano: string;
|
|
28
28
|
micro: string;
|
|
29
29
|
mili: string;
|
|
@@ -36,7 +36,7 @@ export declare type Spacing = {
|
|
|
36
36
|
peta: string;
|
|
37
37
|
hexa: string;
|
|
38
38
|
};
|
|
39
|
-
export
|
|
39
|
+
export type IconSize = {
|
|
40
40
|
micro: string;
|
|
41
41
|
mili: string;
|
|
42
42
|
centi: string;
|
|
@@ -44,7 +44,7 @@ export declare type IconSize = {
|
|
|
44
44
|
kilo: string;
|
|
45
45
|
mega: string;
|
|
46
46
|
};
|
|
47
|
-
export
|
|
47
|
+
export type BorderRadius = {
|
|
48
48
|
nano: string;
|
|
49
49
|
micro: string;
|
|
50
50
|
mili: string;
|
|
@@ -52,32 +52,32 @@ export declare type BorderRadius = {
|
|
|
52
52
|
deca: string;
|
|
53
53
|
pill: string;
|
|
54
54
|
};
|
|
55
|
-
export
|
|
55
|
+
export type BorderWidth = {
|
|
56
56
|
pico: string;
|
|
57
57
|
nano: string;
|
|
58
58
|
};
|
|
59
|
-
export
|
|
59
|
+
export type Typography = {
|
|
60
60
|
lineHeight: string;
|
|
61
61
|
fontSize: string;
|
|
62
62
|
};
|
|
63
|
-
export
|
|
63
|
+
export type ColorGradation = {
|
|
64
64
|
xlight: string;
|
|
65
65
|
light: string;
|
|
66
66
|
medium: string;
|
|
67
67
|
dark: string;
|
|
68
68
|
xdark: string;
|
|
69
69
|
};
|
|
70
|
-
export
|
|
70
|
+
export type FontStack = {
|
|
71
71
|
default: string;
|
|
72
72
|
mono: string;
|
|
73
73
|
};
|
|
74
|
-
export
|
|
74
|
+
export type FontColor = {
|
|
75
75
|
light: string;
|
|
76
76
|
medium: string;
|
|
77
77
|
dark: string;
|
|
78
78
|
orange: string;
|
|
79
79
|
};
|
|
80
|
-
export
|
|
80
|
+
export type ZIndex = {
|
|
81
81
|
default: number;
|
|
82
82
|
absolute: number;
|
|
83
83
|
drawer: number;
|
|
@@ -90,17 +90,17 @@ export declare type ZIndex = {
|
|
|
90
90
|
sidebar: number;
|
|
91
91
|
modal: number;
|
|
92
92
|
};
|
|
93
|
-
export
|
|
93
|
+
export type FontWeight = {
|
|
94
94
|
regular: string;
|
|
95
95
|
bold: string;
|
|
96
96
|
black: string;
|
|
97
97
|
};
|
|
98
|
-
export
|
|
98
|
+
export type Breakpoints = {
|
|
99
99
|
sm: number;
|
|
100
100
|
md: number;
|
|
101
101
|
lg: number;
|
|
102
102
|
};
|
|
103
|
-
export
|
|
103
|
+
export type ThemeProp = {
|
|
104
104
|
color: Color;
|
|
105
105
|
miscellaneous: Miscellaneous;
|
|
106
106
|
spacing: Spacing;
|
|
@@ -121,14 +121,14 @@ export interface ThemeProviderProps {
|
|
|
121
121
|
children?: ReactNode;
|
|
122
122
|
theme: ThemeProp;
|
|
123
123
|
}
|
|
124
|
-
export
|
|
125
|
-
export
|
|
126
|
-
export
|
|
127
|
-
export
|
|
128
|
-
export
|
|
129
|
-
export
|
|
130
|
-
export
|
|
131
|
-
export
|
|
132
|
-
export
|
|
133
|
-
export
|
|
134
|
-
export
|
|
124
|
+
export type StyleProps = ThemeProviderProps;
|
|
125
|
+
export type ColorType = keyof Color;
|
|
126
|
+
export type SpacingType = keyof Spacing;
|
|
127
|
+
export type TypographyVariationType = keyof TypographyVariation;
|
|
128
|
+
export type FontWeightType = keyof FontWeight;
|
|
129
|
+
export type VariantType = 'filled' | 'outlined' | 'text';
|
|
130
|
+
export type ColorGradationType = keyof ColorGradation;
|
|
131
|
+
export type FontColorType = keyof FontColor;
|
|
132
|
+
export type BorderRadiusType = keyof BorderRadius;
|
|
133
|
+
export type FontStackType = keyof FontStack;
|
|
134
|
+
export type IconSizeType = keyof IconSize;
|
|
@@ -2,7 +2,7 @@ import { Dimensions, Platform, StatusBar } from 'react-native';
|
|
|
2
2
|
|
|
3
3
|
function isIphoneX() {
|
|
4
4
|
const dimen = Dimensions.get("window");
|
|
5
|
-
return Platform.OS === "ios" && !Platform.isPad && !Platform.
|
|
5
|
+
return Platform.OS === "ios" && !Platform.isPad && !Platform.isTV && (dimen.height === 780 || dimen.width === 780 || dimen.height === 812 || dimen.width === 812 || dimen.height === 844 || dimen.width === 844 || dimen.height === 896 || dimen.width === 896 || dimen.height === 926 || dimen.width === 926);
|
|
6
6
|
}
|
|
7
7
|
function ifIphoneX(iphoneXStyle, regularStyle) {
|
|
8
8
|
if (isIphoneX()) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n const dimen = Dimensions.get('window');\n return (\n Platform.OS === 'ios' &&\n !Platform.isPad &&\n !Platform.
|
|
1
|
+
{"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n const dimen = Dimensions.get('window');\n return (\n Platform.OS === 'ios' &&\n !Platform.isPad &&\n !Platform.isTV &&\n (dimen.height === 780 ||\n dimen.width === 780 ||\n dimen.height === 812 ||\n dimen.width === 812 ||\n dimen.height === 844 ||\n dimen.width === 844 ||\n dimen.height === 896 ||\n dimen.width === 896 ||\n dimen.height === 926 ||\n dimen.width === 926)\n );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n if (isIphoneX()) {\n return iphoneXStyle;\n }\n return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n return Platform.select({\n ios: ifIphoneX(safe ? 44 : 30, 20),\n android: StatusBar.currentHeight,\n default: 0,\n });\n}\n\nexport function getBottomSpace() {\n return isIphoneX() ? 34 : 0;\n}\n"],"names":[],"mappings":";;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQ,UAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACE,SAAS,EAAO,KAAA,KAAA,IAChB,CAAC,QAAA,CAAS,SACV,CAAC,QAAA,CAAS,IACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAO,SAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAAS,SAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n let usePound = false;\n\n if (color[0] == '#') {\n color = color.slice(1);\n usePound = true;\n }\n\n const num = parseInt(color, 16);\n\n let r = (num >> 16) + variation;\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + variation;\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + variation;\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":"AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,
|
|
1
|
+
{"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n let usePound = false;\n\n if (color[0] == '#') {\n color = color.slice(1);\n usePound = true;\n }\n\n const num = parseInt(color, 16);\n\n let r = (num >> 16) + variation;\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + variation;\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + variation;\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":"AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,CAAC,CAAA,IAAK,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/react-core",
|
|
3
3
|
"description": "TecSinapse hybrid React components",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "2.0.0",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"main": "dist/
|
|
6
|
+
"main": "dist/esm/index.js",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
8
8
|
"types": "dist/esm/index.d.ts",
|
|
9
|
+
"type": "module",
|
|
9
10
|
"files": [
|
|
10
11
|
"dist"
|
|
11
12
|
],
|
|
@@ -23,7 +24,7 @@
|
|
|
23
24
|
"@emotion/native": "~11.10.0",
|
|
24
25
|
"@emotion/react": "~11.10.0",
|
|
25
26
|
"currency.js": "~2.0.4",
|
|
26
|
-
"date-fns": "~2.29.
|
|
27
|
+
"date-fns": "~2.29.3"
|
|
27
28
|
},
|
|
28
29
|
"repository": {
|
|
29
30
|
"type": "git",
|
|
@@ -35,9 +36,9 @@
|
|
|
35
36
|
},
|
|
36
37
|
"homepage": "https://tecsinapse.github.io/design-system/",
|
|
37
38
|
"peerDependencies": {
|
|
38
|
-
"react": "^
|
|
39
|
-
"react-native": "^0.
|
|
40
|
-
"react-native-vector-icons": "^
|
|
39
|
+
"react": "^18.0.0",
|
|
40
|
+
"react-native": "^0.71.0",
|
|
41
|
+
"react-native-vector-icons": "^9.0.0"
|
|
41
42
|
},
|
|
42
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "a18218860c106917e24549f3f131f5acb7aa44dd"
|
|
43
44
|
}
|