@nexara/nativeflow 0.1.6 → 0.1.8
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/README.md +1 -1
- package/lib/commonjs/components/Avatar/AvatarImage.js +3 -9
- package/lib/commonjs/components/Avatar/AvatarImage.js.map +1 -1
- package/lib/commonjs/components/Avatar/AvatarText.js +2 -4
- package/lib/commonjs/components/Avatar/AvatarText.js.map +1 -1
- package/lib/commonjs/components/Button/Button.js +24 -23
- package/lib/commonjs/components/Button/Button.js.map +1 -1
- package/lib/commonjs/components/Button/utils.js +34 -27
- package/lib/commonjs/components/Button/utils.js.map +1 -1
- package/lib/commonjs/components/CheckBox/CheckBox.js +43 -39
- package/lib/commonjs/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/commonjs/components/Chip/Chip.js +21 -25
- package/lib/commonjs/components/Chip/Chip.js.map +1 -1
- package/lib/commonjs/components/Chip/utils.js +31 -18
- package/lib/commonjs/components/Chip/utils.js.map +1 -1
- package/lib/commonjs/components/Dialog/Dialog.js +14 -10
- package/lib/commonjs/components/Dialog/Dialog.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogBody.js +7 -7
- package/lib/commonjs/components/Dialog/DialogBody.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogDescription.js +7 -9
- package/lib/commonjs/components/Dialog/DialogDescription.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogFoot.js +13 -16
- package/lib/commonjs/components/Dialog/DialogFoot.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogHead.js +22 -27
- package/lib/commonjs/components/Dialog/DialogHead.js.map +1 -1
- package/lib/commonjs/components/Divider/Divider.js +4 -8
- package/lib/commonjs/components/Divider/Divider.js.map +1 -1
- package/lib/commonjs/components/Grid/Grid.js +3 -4
- package/lib/commonjs/components/Grid/Grid.js.map +1 -1
- package/lib/commonjs/components/Icon/Icon.js +4 -5
- package/lib/commonjs/components/Icon/Icon.js.map +1 -1
- package/lib/commonjs/components/IconButton/IconButton.js +21 -20
- package/lib/commonjs/components/IconButton/IconButton.js.map +1 -1
- package/lib/commonjs/components/Link/Link.js +13 -17
- package/lib/commonjs/components/Link/Link.js.map +1 -1
- package/lib/commonjs/components/Menu/Menu.js +14 -9
- package/lib/commonjs/components/Menu/Menu.js.map +1 -1
- package/lib/commonjs/components/Menu/MenuItem.js +3 -5
- package/lib/commonjs/components/Menu/MenuItem.js.map +1 -1
- package/lib/commonjs/components/Menu/MenuItemLabel.js +2 -8
- package/lib/commonjs/components/Menu/MenuItemLabel.js.map +1 -1
- package/lib/commonjs/components/Portal/PortalContext.js +1 -2
- package/lib/commonjs/components/Portal/PortalContext.js.map +1 -1
- package/lib/commonjs/components/Portal/PortalProvider.js +1 -2
- package/lib/commonjs/components/Portal/PortalProvider.js.map +1 -1
- package/lib/commonjs/components/Progress/Progress.js +6 -7
- package/lib/commonjs/components/Progress/Progress.js.map +1 -1
- package/lib/commonjs/components/Provider/ContextManager.js +16 -0
- package/lib/commonjs/components/Provider/ContextManager.js.map +1 -0
- package/lib/commonjs/components/Provider/NativeProvider.js +18 -9
- package/lib/commonjs/components/Provider/NativeProvider.js.map +1 -1
- package/lib/commonjs/components/Radio/RadioGroup.js +46 -0
- package/lib/commonjs/components/Radio/RadioGroup.js.map +1 -0
- package/lib/commonjs/components/Radio/RadioItem.js +77 -0
- package/lib/commonjs/components/Radio/RadioItem.js.map +1 -0
- package/lib/commonjs/components/Radio/index.js +15 -0
- package/lib/commonjs/components/Radio/index.js.map +1 -0
- package/lib/commonjs/components/Slider/Slider.js +4 -4
- package/lib/commonjs/components/Slider/Slider.js.map +1 -1
- package/lib/commonjs/components/Stack/HStack.js +3 -9
- package/lib/commonjs/components/Stack/HStack.js.map +1 -1
- package/lib/commonjs/components/Stack/VStack.js +4 -10
- package/lib/commonjs/components/Stack/VStack.js.map +1 -1
- package/lib/commonjs/components/StyledComponents/StyledText.js +20 -9
- package/lib/commonjs/components/StyledComponents/StyledText.js.map +1 -1
- package/lib/commonjs/components/StyledComponents/StyledView.js +6 -8
- package/lib/commonjs/components/StyledComponents/StyledView.js.map +1 -1
- package/lib/commonjs/components/Surface/Surface.js +24 -21
- package/lib/commonjs/components/Surface/Surface.js.map +1 -1
- package/lib/commonjs/components/Switch/Switch.js +13 -10
- package/lib/commonjs/components/Switch/Switch.js.map +1 -1
- package/lib/commonjs/components/UserInput/UserInput.js +23 -18
- package/lib/commonjs/components/UserInput/UserInput.js.map +1 -1
- package/lib/commonjs/components/UserInput/generateColors.js +3 -3
- package/lib/commonjs/components/UserInput/generateColors.js.map +1 -1
- package/lib/commonjs/constants/typographySizes.js +11 -7
- package/lib/commonjs/constants/typographySizes.js.map +1 -1
- package/lib/commonjs/helpers/ResponsiveCalculations.js +47 -53
- package/lib/commonjs/helpers/ResponsiveCalculations.js.map +1 -1
- package/lib/commonjs/hooks/index.js +3 -3
- package/lib/commonjs/hooks/index.js.map +1 -1
- package/lib/commonjs/hooks/{useResponsive.js → useScalingMode.js} +3 -3
- package/lib/commonjs/hooks/useScalingMode.js.map +1 -0
- package/lib/commonjs/index.d.js +2 -0
- package/lib/commonjs/index.d.js.map +1 -0
- package/lib/commonjs/index.js +27 -40
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/themes/DarkTheme.js +185 -25
- package/lib/commonjs/themes/DarkTheme.js.map +1 -1
- package/lib/commonjs/themes/LightTheme.js +89 -81
- package/lib/commonjs/themes/LightTheme.js.map +1 -1
- package/lib/commonjs/types/divider.type.js +6 -0
- package/lib/commonjs/types/divider.type.js.map +1 -0
- package/lib/commonjs/types/index.js +44 -0
- package/lib/commonjs/types/index.js.map +1 -1
- package/lib/commonjs/types/link.type.js +6 -0
- package/lib/commonjs/types/link.type.js.map +1 -0
- package/lib/commonjs/types/radio.type.js +6 -0
- package/lib/commonjs/types/radio.type.js.map +1 -0
- package/lib/commonjs/types/surface.type.js +6 -0
- package/lib/commonjs/types/surface.type.js.map +1 -0
- package/lib/commonjs/utils/index.js +2 -0
- package/lib/commonjs/utils/index.js.map +1 -0
- package/lib/module/components/Avatar/AvatarImage.js +3 -8
- package/lib/module/components/Avatar/AvatarImage.js.map +1 -1
- package/lib/module/components/Avatar/AvatarText.js +2 -3
- package/lib/module/components/Avatar/AvatarText.js.map +1 -1
- package/lib/module/components/Button/Button.js +23 -22
- package/lib/module/components/Button/Button.js.map +1 -1
- package/lib/module/components/Button/utils.js +34 -27
- package/lib/module/components/Button/utils.js.map +1 -1
- package/lib/module/components/CheckBox/CheckBox.js +37 -31
- package/lib/module/components/CheckBox/CheckBox.js.map +1 -1
- package/lib/module/components/Chip/Chip.js +22 -26
- package/lib/module/components/Chip/Chip.js.map +1 -1
- package/lib/module/components/Chip/utils.js +30 -18
- package/lib/module/components/Chip/utils.js.map +1 -1
- package/lib/module/components/Dialog/Dialog.js +13 -8
- package/lib/module/components/Dialog/Dialog.js.map +1 -1
- package/lib/module/components/Dialog/DialogBody.js +9 -8
- package/lib/module/components/Dialog/DialogBody.js.map +1 -1
- package/lib/module/components/Dialog/DialogDescription.js +8 -9
- package/lib/module/components/Dialog/DialogDescription.js.map +1 -1
- package/lib/module/components/Dialog/DialogFoot.js +14 -16
- package/lib/module/components/Dialog/DialogFoot.js.map +1 -1
- package/lib/module/components/Dialog/DialogHead.js +24 -28
- package/lib/module/components/Dialog/DialogHead.js.map +1 -1
- package/lib/module/components/Divider/Divider.js +5 -8
- package/lib/module/components/Divider/Divider.js.map +1 -1
- package/lib/module/components/Grid/Grid.js +4 -3
- package/lib/module/components/Grid/Grid.js.map +1 -1
- package/lib/module/components/Icon/Icon.js +3 -3
- package/lib/module/components/Icon/Icon.js.map +1 -1
- package/lib/module/components/IconButton/IconButton.js +20 -19
- package/lib/module/components/IconButton/IconButton.js.map +1 -1
- package/lib/module/components/Link/Link.js +15 -19
- package/lib/module/components/Link/Link.js.map +1 -1
- package/lib/module/components/Menu/Menu.js +14 -8
- package/lib/module/components/Menu/Menu.js.map +1 -1
- package/lib/module/components/Menu/MenuItem.js +4 -5
- package/lib/module/components/Menu/MenuItem.js.map +1 -1
- package/lib/module/components/Menu/MenuItemLabel.js +2 -7
- package/lib/module/components/Menu/MenuItemLabel.js.map +1 -1
- package/lib/module/components/Progress/Progress.js +7 -6
- package/lib/module/components/Progress/Progress.js.map +1 -1
- package/lib/module/components/Provider/ContextManager.js +10 -0
- package/lib/module/components/Provider/ContextManager.js.map +1 -0
- package/lib/module/components/Provider/NativeProvider.js +17 -7
- package/lib/module/components/Provider/NativeProvider.js.map +1 -1
- package/lib/module/components/Radio/RadioGroup.js +41 -0
- package/lib/module/components/Radio/RadioGroup.js.map +1 -0
- package/lib/module/components/Radio/RadioItem.js +73 -0
- package/lib/module/components/Radio/RadioItem.js.map +1 -0
- package/lib/module/components/Radio/index.js +10 -0
- package/lib/module/components/Radio/index.js.map +1 -0
- package/lib/module/components/Slider/Slider.js +5 -5
- package/lib/module/components/Slider/Slider.js.map +1 -1
- package/lib/module/components/Stack/HStack.js +3 -7
- package/lib/module/components/Stack/HStack.js.map +1 -1
- package/lib/module/components/Stack/VStack.js +4 -8
- package/lib/module/components/Stack/VStack.js.map +1 -1
- package/lib/module/components/StyledComponents/StyledText.js +20 -8
- package/lib/module/components/StyledComponents/StyledText.js.map +1 -1
- package/lib/module/components/StyledComponents/StyledView.js +6 -7
- package/lib/module/components/StyledComponents/StyledView.js.map +1 -1
- package/lib/module/components/Surface/Surface.js +24 -20
- package/lib/module/components/Surface/Surface.js.map +1 -1
- package/lib/module/components/Switch/Switch.js +14 -11
- package/lib/module/components/Switch/Switch.js.map +1 -1
- package/lib/module/components/UserInput/UserInput.js +24 -19
- package/lib/module/components/UserInput/UserInput.js.map +1 -1
- package/lib/module/components/UserInput/generateColors.js +3 -3
- package/lib/module/components/UserInput/generateColors.js.map +1 -1
- package/lib/module/constants/typographySizes.js +11 -7
- package/lib/module/constants/typographySizes.js.map +1 -1
- package/lib/module/helpers/ResponsiveCalculations.js +46 -48
- package/lib/module/helpers/ResponsiveCalculations.js.map +1 -1
- package/lib/module/hooks/index.js +1 -1
- package/lib/module/hooks/index.js.map +1 -1
- package/lib/module/hooks/useScalingMode.js +7 -0
- package/lib/module/hooks/useScalingMode.js.map +1 -0
- package/lib/module/index.d.js +2 -0
- package/lib/module/index.d.js.map +1 -0
- package/lib/module/index.js +4 -5
- package/lib/module/index.js.map +1 -1
- package/lib/module/themes/DarkTheme.js +188 -24
- package/lib/module/themes/DarkTheme.js.map +1 -1
- package/lib/module/themes/LightTheme.js +88 -81
- package/lib/module/themes/LightTheme.js.map +1 -1
- package/lib/module/themes/index.js +0 -1
- package/lib/module/themes/index.js.map +1 -1
- package/lib/module/types/divider.type.js +4 -0
- package/lib/module/types/divider.type.js.map +1 -0
- package/lib/module/types/index.js +4 -0
- package/lib/module/types/index.js.map +1 -1
- package/lib/module/types/link.type.js +4 -0
- package/lib/module/types/link.type.js.map +1 -0
- package/lib/module/types/radio.type.js +4 -0
- package/lib/module/types/radio.type.js.map +1 -0
- package/lib/module/types/surface.type.js +4 -0
- package/lib/module/types/surface.type.js.map +1 -0
- package/lib/module/utils/index.js +2 -0
- package/lib/module/utils/index.js.map +1 -0
- package/lib/typescript/commonjs/scripts/generateConfig.d.ts +1 -0
- package/lib/typescript/commonjs/scripts/generateConfig.d.ts.map +1 -0
- package/lib/typescript/commonjs/scripts/readConfig.d.ts +1 -0
- package/lib/typescript/commonjs/scripts/readConfig.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/Avatar/AvatarImage.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Avatar/AvatarImage.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Avatar/AvatarText.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Avatar/AvatarText.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Button/Button.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Button/Button.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Button/utils.d.ts +0 -1
- package/lib/typescript/commonjs/src/components/Button/utils.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/CheckBox/CheckBox.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Chip/Chip.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Chip/Chip.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Chip/utils.d.ts +3 -2
- package/lib/typescript/commonjs/src/components/Chip/utils.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/DialogBody.d.ts +4 -4
- package/lib/typescript/commonjs/src/components/Dialog/DialogBody.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/DialogDescription.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Dialog/DialogDescription.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/DialogFoot.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Dialog/DialogFoot.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Dialog/DialogHead.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Dialog/DialogHead.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Divider/Divider.d.ts +3 -8
- package/lib/typescript/commonjs/src/components/Divider/Divider.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Grid/Grid.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Grid/Grid.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/IconButton/IconButton.d.ts +4 -2
- package/lib/typescript/commonjs/src/components/IconButton/IconButton.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Link/Link.d.ts +3 -10
- package/lib/typescript/commonjs/src/components/Link/Link.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Menu/Menu.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Menu/MenuItem.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Menu/MenuItem.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Menu/MenuItemLabel.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Menu/MenuItemLabel.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Progress/Progress.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Progress/Progress.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Provider/ContextManager.d.ts +3 -0
- package/lib/typescript/commonjs/src/components/Provider/ContextManager.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/Provider/NativeProvider.d.ts +9 -4
- package/lib/typescript/commonjs/src/components/Provider/NativeProvider.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Radio/RadioGroup.d.ts +5 -0
- package/lib/typescript/commonjs/src/components/Radio/RadioGroup.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/Radio/RadioItem.d.ts +5 -0
- package/lib/typescript/commonjs/src/components/Radio/RadioItem.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/Radio/index.d.ts +6 -0
- package/lib/typescript/commonjs/src/components/Radio/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/components/Stack/HStack.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Stack/HStack.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Stack/VStack.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Stack/VStack.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/StyledComponents/StyledText.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/StyledComponents/StyledText.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/StyledComponents/StyledView.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/StyledComponents/StyledView.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Surface/Surface.d.ts +3 -3
- package/lib/typescript/commonjs/src/components/Surface/Surface.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/Switch/Switch.d.ts +2 -2
- package/lib/typescript/commonjs/src/components/Switch/Switch.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/components/UserInput/UserInput.d.ts +36 -1
- package/lib/typescript/commonjs/src/components/UserInput/UserInput.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/constants/typographySizes.d.ts +2 -8
- package/lib/typescript/commonjs/src/constants/typographySizes.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/helpers/ResponsiveCalculations.d.ts +0 -3
- package/lib/typescript/commonjs/src/helpers/ResponsiveCalculations.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/hooks/index.d.ts +1 -1
- package/lib/typescript/commonjs/src/hooks/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/hooks/useScalingMode.d.ts +5 -0
- package/lib/typescript/commonjs/src/hooks/useScalingMode.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/index.d.ts +5 -5
- package/lib/typescript/commonjs/src/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/themes/DarkTheme.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/themes/LightTheme.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/avatar.type.d.ts +0 -2
- package/lib/typescript/commonjs/src/types/avatar.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/button.type.d.ts +20 -20
- package/lib/typescript/commonjs/src/types/button.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/checkbox.type.d.ts +20 -14
- package/lib/typescript/commonjs/src/types/checkbox.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/chip.type.d.ts +21 -13
- package/lib/typescript/commonjs/src/types/chip.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/common.type.d.ts +72 -22
- package/lib/typescript/commonjs/src/types/common.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/dialog.type.d.ts +13 -12
- package/lib/typescript/commonjs/src/types/dialog.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/divider.type.d.ts +11 -0
- package/lib/typescript/commonjs/src/types/divider.type.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/types/grid.type.d.ts +2 -1
- package/lib/typescript/commonjs/src/types/grid.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/index.d.ts +4 -0
- package/lib/typescript/commonjs/src/types/index.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/link.type.d.ts +12 -0
- package/lib/typescript/commonjs/src/types/link.type.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/types/menu.type.d.ts +4 -16
- package/lib/typescript/commonjs/src/types/menu.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/radio.type.d.ts +61 -0
- package/lib/typescript/commonjs/src/types/radio.type.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/types/stack.type.d.ts +6 -14
- package/lib/typescript/commonjs/src/types/stack.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/styledComponents.type.d.ts +25 -72
- package/lib/typescript/commonjs/src/types/styledComponents.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/types/surface.type.d.ts +16 -0
- package/lib/typescript/commonjs/src/types/surface.type.d.ts.map +1 -0
- package/lib/typescript/commonjs/src/types/userInput.type.d.ts +10 -13
- package/lib/typescript/commonjs/src/types/userInput.type.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/utils/index.d.ts +1 -0
- package/lib/typescript/commonjs/src/utils/index.d.ts.map +1 -0
- package/lib/typescript/module/scripts/generateConfig.d.ts +1 -0
- package/lib/typescript/module/scripts/generateConfig.d.ts.map +1 -0
- package/lib/typescript/module/scripts/readConfig.d.ts +1 -0
- package/lib/typescript/module/scripts/readConfig.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Avatar/AvatarImage.d.ts +2 -2
- package/lib/typescript/module/src/components/Avatar/AvatarImage.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Avatar/AvatarText.d.ts +2 -2
- package/lib/typescript/module/src/components/Avatar/AvatarText.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Button/Button.d.ts +2 -2
- package/lib/typescript/module/src/components/Button/Button.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Button/utils.d.ts +0 -1
- package/lib/typescript/module/src/components/Button/utils.d.ts.map +1 -1
- package/lib/typescript/module/src/components/CheckBox/CheckBox.d.ts +2 -2
- package/lib/typescript/module/src/components/CheckBox/CheckBox.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Chip/Chip.d.ts +2 -2
- package/lib/typescript/module/src/components/Chip/Chip.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Chip/utils.d.ts +3 -2
- package/lib/typescript/module/src/components/Chip/utils.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/Dialog.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/DialogBody.d.ts +4 -4
- package/lib/typescript/module/src/components/Dialog/DialogBody.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/DialogDescription.d.ts +2 -2
- package/lib/typescript/module/src/components/Dialog/DialogDescription.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/DialogFoot.d.ts +2 -2
- package/lib/typescript/module/src/components/Dialog/DialogFoot.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Dialog/DialogHead.d.ts +2 -2
- package/lib/typescript/module/src/components/Dialog/DialogHead.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Divider/Divider.d.ts +3 -8
- package/lib/typescript/module/src/components/Divider/Divider.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Grid/Grid.d.ts +2 -2
- package/lib/typescript/module/src/components/Grid/Grid.d.ts.map +1 -1
- package/lib/typescript/module/src/components/IconButton/IconButton.d.ts +4 -2
- package/lib/typescript/module/src/components/IconButton/IconButton.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Link/Link.d.ts +3 -10
- package/lib/typescript/module/src/components/Link/Link.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Menu/Menu.d.ts +2 -2
- package/lib/typescript/module/src/components/Menu/Menu.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Menu/MenuItem.d.ts +2 -2
- package/lib/typescript/module/src/components/Menu/MenuItem.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Menu/MenuItemLabel.d.ts +2 -2
- package/lib/typescript/module/src/components/Menu/MenuItemLabel.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Progress/Progress.d.ts +2 -2
- package/lib/typescript/module/src/components/Progress/Progress.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Provider/ContextManager.d.ts +3 -0
- package/lib/typescript/module/src/components/Provider/ContextManager.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Provider/NativeProvider.d.ts +9 -4
- package/lib/typescript/module/src/components/Provider/NativeProvider.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Radio/RadioGroup.d.ts +5 -0
- package/lib/typescript/module/src/components/Radio/RadioGroup.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Radio/RadioItem.d.ts +5 -0
- package/lib/typescript/module/src/components/Radio/RadioItem.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Radio/index.d.ts +6 -0
- package/lib/typescript/module/src/components/Radio/index.d.ts.map +1 -0
- package/lib/typescript/module/src/components/Stack/HStack.d.ts +2 -2
- package/lib/typescript/module/src/components/Stack/HStack.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Stack/VStack.d.ts +2 -2
- package/lib/typescript/module/src/components/Stack/VStack.d.ts.map +1 -1
- package/lib/typescript/module/src/components/StyledComponents/StyledText.d.ts +2 -2
- package/lib/typescript/module/src/components/StyledComponents/StyledText.d.ts.map +1 -1
- package/lib/typescript/module/src/components/StyledComponents/StyledView.d.ts +2 -2
- package/lib/typescript/module/src/components/StyledComponents/StyledView.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Surface/Surface.d.ts +3 -3
- package/lib/typescript/module/src/components/Surface/Surface.d.ts.map +1 -1
- package/lib/typescript/module/src/components/Switch/Switch.d.ts +2 -2
- package/lib/typescript/module/src/components/Switch/Switch.d.ts.map +1 -1
- package/lib/typescript/module/src/components/UserInput/UserInput.d.ts +36 -1
- package/lib/typescript/module/src/components/UserInput/UserInput.d.ts.map +1 -1
- package/lib/typescript/module/src/constants/typographySizes.d.ts +2 -8
- package/lib/typescript/module/src/constants/typographySizes.d.ts.map +1 -1
- package/lib/typescript/module/src/helpers/ResponsiveCalculations.d.ts +0 -3
- package/lib/typescript/module/src/helpers/ResponsiveCalculations.d.ts.map +1 -1
- package/lib/typescript/module/src/hooks/index.d.ts +1 -1
- package/lib/typescript/module/src/hooks/index.d.ts.map +1 -1
- package/lib/typescript/module/src/hooks/useScalingMode.d.ts +5 -0
- package/lib/typescript/module/src/hooks/useScalingMode.d.ts.map +1 -0
- package/lib/typescript/module/src/index.d.ts +5 -5
- package/lib/typescript/module/src/index.d.ts.map +1 -1
- package/lib/typescript/module/src/themes/DarkTheme.d.ts.map +1 -1
- package/lib/typescript/module/src/themes/LightTheme.d.ts.map +1 -1
- package/lib/typescript/module/src/types/avatar.type.d.ts +0 -2
- package/lib/typescript/module/src/types/avatar.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/button.type.d.ts +20 -20
- package/lib/typescript/module/src/types/button.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/checkbox.type.d.ts +20 -14
- package/lib/typescript/module/src/types/checkbox.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/chip.type.d.ts +21 -13
- package/lib/typescript/module/src/types/chip.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/common.type.d.ts +72 -22
- package/lib/typescript/module/src/types/common.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/dialog.type.d.ts +13 -12
- package/lib/typescript/module/src/types/dialog.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/divider.type.d.ts +11 -0
- package/lib/typescript/module/src/types/divider.type.d.ts.map +1 -0
- package/lib/typescript/module/src/types/grid.type.d.ts +2 -1
- package/lib/typescript/module/src/types/grid.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/index.d.ts +4 -0
- package/lib/typescript/module/src/types/index.d.ts.map +1 -1
- package/lib/typescript/module/src/types/link.type.d.ts +12 -0
- package/lib/typescript/module/src/types/link.type.d.ts.map +1 -0
- package/lib/typescript/module/src/types/menu.type.d.ts +4 -16
- package/lib/typescript/module/src/types/menu.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/radio.type.d.ts +61 -0
- package/lib/typescript/module/src/types/radio.type.d.ts.map +1 -0
- package/lib/typescript/module/src/types/stack.type.d.ts +6 -14
- package/lib/typescript/module/src/types/stack.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/styledComponents.type.d.ts +25 -72
- package/lib/typescript/module/src/types/styledComponents.type.d.ts.map +1 -1
- package/lib/typescript/module/src/types/surface.type.d.ts +16 -0
- package/lib/typescript/module/src/types/surface.type.d.ts.map +1 -0
- package/lib/typescript/module/src/types/userInput.type.d.ts +10 -13
- package/lib/typescript/module/src/types/userInput.type.d.ts.map +1 -1
- package/lib/typescript/module/src/utils/index.d.ts +1 -0
- package/lib/typescript/module/src/utils/index.d.ts.map +1 -0
- package/package.json +9 -4
- package/src/components/Avatar/AvatarImage.tsx +2 -7
- package/src/components/Avatar/AvatarText.tsx +4 -4
- package/src/components/Button/Button.tsx +35 -26
- package/src/components/Button/utils.ts +30 -30
- package/src/components/CheckBox/CheckBox.tsx +33 -29
- package/src/components/Chip/Chip.tsx +25 -32
- package/src/components/Chip/utils.ts +34 -20
- package/src/components/Dialog/Dialog.tsx +11 -6
- package/src/components/Dialog/DialogBody.tsx +13 -13
- package/src/components/Dialog/DialogDescription.tsx +9 -9
- package/src/components/Dialog/DialogFoot.tsx +19 -20
- package/src/components/Dialog/DialogHead.tsx +17 -21
- package/src/components/Divider/Divider.tsx +7 -15
- package/src/components/Grid/Grid.tsx +6 -5
- package/src/components/Icon/Icon.tsx +3 -3
- package/src/components/IconButton/IconButton.tsx +26 -17
- package/src/components/Link/Link.tsx +20 -29
- package/src/components/Menu/Menu.tsx +11 -7
- package/src/components/Menu/MenuItem.tsx +6 -6
- package/src/components/Menu/MenuItemLabel.tsx +4 -9
- package/src/components/Progress/Progress.tsx +8 -7
- package/src/components/Provider/ContextManager.tsx +9 -0
- package/src/components/Provider/NativeProvider.tsx +25 -10
- package/src/components/Radio/RadioGroup.tsx +40 -0
- package/src/components/Radio/RadioItem.tsx +72 -0
- package/src/components/Radio/index.ts +9 -0
- package/src/components/Slider/Slider.tsx +3 -3
- package/src/components/Stack/HStack.tsx +5 -8
- package/src/components/Stack/VStack.tsx +6 -11
- package/src/components/StyledComponents/StyledText.tsx +17 -8
- package/src/components/StyledComponents/StyledView.tsx +7 -8
- package/src/components/Surface/Surface.tsx +20 -27
- package/src/components/Switch/Switch.tsx +12 -10
- package/src/components/UserInput/UserInput.tsx +25 -19
- package/src/components/UserInput/generateColors.ts +3 -3
- package/src/constants/typographySizes.ts +13 -15
- package/src/helpers/ResponsiveCalculations.ts +50 -49
- package/src/hooks/index.ts +1 -1
- package/src/hooks/{useResponsive.tsx → useScalingMode.tsx} +2 -2
- package/src/index.d.ts +3 -0
- package/src/index.ts +7 -7
- package/src/themes/DarkTheme.ts +169 -30
- package/src/themes/LightTheme.ts +78 -85
- package/src/themes/index.ts +0 -1
- package/src/types/avatar.type.ts +0 -3
- package/src/types/button.type.ts +20 -20
- package/src/types/checkbox.type.ts +22 -15
- package/src/types/chip.type.ts +24 -15
- package/src/types/common.type.ts +82 -23
- package/src/types/dialog.type.ts +15 -14
- package/src/types/divider.type.ts +15 -0
- package/src/types/grid.type.ts +2 -1
- package/src/types/index.ts +5 -1
- package/src/types/link.type.ts +15 -0
- package/src/types/menu.type.ts +4 -19
- package/src/types/radio.type.ts +78 -0
- package/src/types/stack.type.ts +7 -17
- package/src/types/styledComponents.type.ts +27 -75
- package/src/types/surface.type.ts +19 -0
- package/src/types/userInput.type.ts +10 -14
- package/src/utils/index.ts +0 -0
- package/lib/commonjs/components/Header/Header.js +0 -78
- package/lib/commonjs/components/Header/Header.js.map +0 -1
- package/lib/commonjs/helpers/LightenColorShades.js +0 -27
- package/lib/commonjs/helpers/LightenColorShades.js.map +0 -1
- package/lib/commonjs/hooks/useResponsive.js.map +0 -1
- package/lib/commonjs/themes/createTheme.js +0 -25
- package/lib/commonjs/themes/createTheme.js.map +0 -1
- package/lib/module/components/Header/Header.js +0 -73
- package/lib/module/components/Header/Header.js.map +0 -1
- package/lib/module/helpers/LightenColorShades.js +0 -23
- package/lib/module/helpers/LightenColorShades.js.map +0 -1
- package/lib/module/hooks/useResponsive.js +0 -7
- package/lib/module/hooks/useResponsive.js.map +0 -1
- package/lib/module/themes/createTheme.js +0 -25
- package/lib/module/themes/createTheme.js.map +0 -1
- package/lib/typescript/commonjs/src/components/Header/Header.d.ts +0 -16
- package/lib/typescript/commonjs/src/components/Header/Header.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/helpers/LightenColorShades.d.ts +0 -3
- package/lib/typescript/commonjs/src/helpers/LightenColorShades.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/hooks/useResponsive.d.ts +0 -3
- package/lib/typescript/commonjs/src/hooks/useResponsive.d.ts.map +0 -1
- package/lib/typescript/commonjs/src/themes/createTheme.d.ts +0 -1
- package/lib/typescript/commonjs/src/themes/createTheme.d.ts.map +0 -1
- package/lib/typescript/module/src/components/Header/Header.d.ts +0 -16
- package/lib/typescript/module/src/components/Header/Header.d.ts.map +0 -1
- package/lib/typescript/module/src/helpers/LightenColorShades.d.ts +0 -3
- package/lib/typescript/module/src/helpers/LightenColorShades.d.ts.map +0 -1
- package/lib/typescript/module/src/hooks/useResponsive.d.ts +0 -3
- package/lib/typescript/module/src/hooks/useResponsive.d.ts.map +0 -1
- package/lib/typescript/module/src/themes/createTheme.d.ts +0 -1
- package/lib/typescript/module/src/themes/createTheme.d.ts.map +0 -1
- package/src/components/Header/Header.tsx +0 -82
- package/src/helpers/LightenColorShades.ts +0 -27
- package/src/themes/createTheme.ts +0 -23
package/README.md
CHANGED
|
@@ -4,27 +4,21 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
7
|
var _reactNative = require("react-native");
|
|
9
8
|
var _index = require("../StyledComponents/index.js");
|
|
10
9
|
var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
|
|
11
|
-
var _index2 = require("../../hooks/index.js");
|
|
12
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
11
|
const AvatarImage = ({
|
|
15
12
|
size = 70,
|
|
16
13
|
source,
|
|
17
|
-
bg,
|
|
18
14
|
resizeMode = 'cover',
|
|
19
15
|
containerStyle,
|
|
20
16
|
imageStyle
|
|
21
17
|
}) => {
|
|
22
|
-
const theme = (0, _index2.useTheme)();
|
|
23
18
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
24
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
,
|
|
19
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView
|
|
20
|
+
// alignSelf='flex-start'
|
|
21
|
+
, {
|
|
28
22
|
height: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
29
23
|
width: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
30
24
|
borderRadius: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_ResponsiveCalculations","_jsxRuntime","AvatarImage","size","source","resizeMode","containerStyle","imageStyle","jsx","Fragment","children","StyledView","height","verticalScale","width","borderRadius","overflow","style","Image","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/AvatarImage.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAAqE,IAAAG,WAAA,GAAAH,OAAA;AAIrE,MAAMI,WAAiC,GAAGA,CAAC;EACvCC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,UAAU,GAAG,OAAO;EACpBC,cAAc;EACdC;AACJ,CAAC,KAAK;EAEF,oBAAQ,IAAAN,WAAA,CAAAO,GAAA,EAAAP,WAAA,CAAAQ,QAAA;IAAAC,QAAA,eACJ,IAAAT,WAAA,CAAAO,GAAA,EAACT,MAAA,CAAAY;IACG;IAAA;MACAC,MAAM,EAAE,IAAAC,qCAAa,EAACV,IAAI,CAAE;MAC5BW,KAAK,EAAE,IAAAD,qCAAa,EAACV,IAAI,CAAE;MAC3BY,YAAY,EAAE,IAAAF,qCAAa,EAACV,IAAI,CAAE;MAClCa,QAAQ,EAAC,QAAQ;MACjBC,KAAK,EAAEX,cAAe;MAAAI,QAAA,eAEtB,IAAAT,WAAA,CAAAO,GAAA,EAACX,YAAA,CAAAqB,KAAK;QACFd,MAAM,EAAEA,MAAO;QACfa,KAAK,EAAE,CAAC;UAAEL,MAAM,EAAE,MAAM;UAAEE,KAAK,EAAE;QAAO,CAAC,EAAEP,UAAU,CAAE;QACvDF,UAAU,EAAEA;MAAW,CAC1B;IAAC,CACM;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAAc,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACcnB,WAAW","ignoreList":[]}
|
|
@@ -4,12 +4,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
7
|
var _index = require("../StyledComponents/index.js");
|
|
9
8
|
var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
|
|
10
9
|
var _index2 = require("../../hooks/index.js");
|
|
11
10
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
11
|
const AvatarText = ({
|
|
14
12
|
size = 70,
|
|
15
13
|
fs,
|
|
@@ -22,7 +20,7 @@ const AvatarText = ({
|
|
|
22
20
|
const theme = (0, _index2.useTheme)();
|
|
23
21
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
24
22
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
25
|
-
bg: bg ?? theme.colors.primary
|
|
23
|
+
bg: bg ?? theme.colors.brand.primary
|
|
26
24
|
// alignSelf='flex-start'
|
|
27
25
|
,
|
|
28
26
|
h: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
@@ -32,7 +30,7 @@ const AvatarText = ({
|
|
|
32
30
|
borderRadius: (0, _ResponsiveCalculations.verticalScale)(size),
|
|
33
31
|
style: containerStyle,
|
|
34
32
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
35
|
-
|
|
33
|
+
color: theme.colors.brand.onPrimary,
|
|
36
34
|
fw: "bold",
|
|
37
35
|
fs: fs ?? size / 3,
|
|
38
36
|
style: textStyle,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_index","require","_ResponsiveCalculations","_index2","_jsxRuntime","AvatarText","size","fs","text","bg","containerStyle","textStyle","slice","toUpperCase","theme","useTheme","jsx","Fragment","children","StyledView","colors","brand","primary","h","verticalScale","w","align","justify","borderRadius","style","StyledText","color","onPrimary","fw","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Avatar/AvatarText.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAuC,IAAAG,WAAA,GAAAH,OAAA;AAIvC,MAAMI,UAA+B,GAAGA,CAAC;EACrCC,IAAI,GAAG,EAAE;EACTC,EAAE;EACFC,IAAI,GAAG,IAAI;EACXC,EAAE;EACFC,cAAc;EACdC;AACJ,CAAC,KAAK;EACFH,IAAI,GAAGA,IAAI,CAACI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;EACrC,MAAMC,KAAU,GAAG,IAAAC,gBAAQ,EAAC,CAAC;EAE7B,oBAAQ,IAAAX,WAAA,CAAAY,GAAA,EAAAZ,WAAA,CAAAa,QAAA;IAAAC,QAAA,eACJ,IAAAd,WAAA,CAAAY,GAAA,EAAChB,MAAA,CAAAmB,UAAU;MACPV,EAAE,EAAEA,EAAE,IAAIK,KAAK,CAACM,MAAM,CAACC,KAAK,CAACC;MAC7B;MAAA;MACAC,CAAC,EAAE,IAAAC,qCAAa,EAAClB,IAAI,CAAE;MACvBmB,CAAC,EAAE,IAAAD,qCAAa,EAAClB,IAAI,CAAE;MACvBoB,KAAK,EAAC,QAAQ;MACdC,OAAO,EAAC,QAAQ;MAChBC,YAAY,EAAE,IAAAJ,qCAAa,EAAClB,IAAI,CAAE;MAClCuB,KAAK,EAAEnB,cAAe;MAAAQ,QAAA,eAEtB,IAAAd,WAAA,CAAAY,GAAA,EAAChB,MAAA,CAAA8B,UAAU;QAACC,KAAK,EAAEjB,KAAK,CAACM,MAAM,CAACC,KAAK,CAACW,SAAU;QAACC,EAAE,EAAC,MAAM;QAAC1B,EAAE,EAAEA,EAAE,IAAKD,IAAI,GAAG,CAAG;QAACuB,KAAK,EAAElB,SAAU;QAAAO,QAAA,EAAEV;MAAI,CAAa;IAAC,CAC9G;EAAC,CACf,CAAC;AACP,CAAC;AAAA,IAAA0B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACc/B,UAAU","ignoreList":[]}
|
|
@@ -4,46 +4,46 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
|
|
10
10
|
var _index = require("../StyledComponents/index.js");
|
|
11
11
|
var _index2 = require("../../hooks/index.js");
|
|
12
12
|
var _utils = require("./utils.js");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
15
|
const Button = ({
|
|
16
16
|
variant = 'contained',
|
|
17
17
|
type = 'flat',
|
|
18
18
|
fullWidth = false,
|
|
19
19
|
paddingH = 19,
|
|
20
|
-
paddingV =
|
|
20
|
+
paddingV = 12,
|
|
21
21
|
bg,
|
|
22
|
-
br =
|
|
22
|
+
br = 8,
|
|
23
23
|
stroke = 1,
|
|
24
24
|
strokeColor,
|
|
25
25
|
titleColor,
|
|
26
|
-
title
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
title,
|
|
27
|
+
fScale = 'base',
|
|
28
|
+
fs,
|
|
29
|
+
ff,
|
|
30
30
|
size = 50,
|
|
31
31
|
rippleColor,
|
|
32
32
|
renderIcon,
|
|
33
33
|
renderLeftIcon,
|
|
34
34
|
renderRightIcon,
|
|
35
35
|
disabled = false,
|
|
36
|
-
|
|
37
|
-
|
|
36
|
+
containerStyle,
|
|
37
|
+
titleStyle,
|
|
38
38
|
onPress,
|
|
39
|
+
children,
|
|
39
40
|
...rest
|
|
40
41
|
}) => {
|
|
41
42
|
const theme = (0, _index2.useTheme)();
|
|
42
43
|
const {
|
|
43
44
|
backgroundColor,
|
|
44
45
|
buttonTextColor,
|
|
45
|
-
buttonBorderColor
|
|
46
|
-
buttonIconColor
|
|
46
|
+
buttonBorderColor
|
|
47
47
|
} = (0, _utils.getButtonColors)({
|
|
48
48
|
theme,
|
|
49
49
|
variant,
|
|
@@ -52,6 +52,7 @@ const Button = ({
|
|
|
52
52
|
strokeColor,
|
|
53
53
|
disabled
|
|
54
54
|
});
|
|
55
|
+
const STYLES = (0, _react.useMemo)(customStyles, []);
|
|
55
56
|
const dynamicStyles = {
|
|
56
57
|
BUTTON_CONT: {
|
|
57
58
|
backgroundColor: backgroundColor,
|
|
@@ -60,7 +61,7 @@ const Button = ({
|
|
|
60
61
|
},
|
|
61
62
|
BUTTON_TEXT: {
|
|
62
63
|
color: buttonTextColor,
|
|
63
|
-
fontFamily:
|
|
64
|
+
fontFamily: ff ?? ''
|
|
64
65
|
},
|
|
65
66
|
FLAT_BTN_MAIN_CONT: {
|
|
66
67
|
borderRadius: (0, _ResponsiveCalculations.verticalScale)(br),
|
|
@@ -79,7 +80,7 @@ const Button = ({
|
|
|
79
80
|
const cloneElement = element => {
|
|
80
81
|
if (/*#__PURE__*/_react.default.isValidElement(element)) {
|
|
81
82
|
return /*#__PURE__*/_react.default.cloneElement(element, {
|
|
82
|
-
color:
|
|
83
|
+
color: element.props.color ?? buttonTextColor
|
|
83
84
|
});
|
|
84
85
|
}
|
|
85
86
|
return null;
|
|
@@ -96,20 +97,20 @@ const Button = ({
|
|
|
96
97
|
,
|
|
97
98
|
...rest,
|
|
98
99
|
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.StyledView, {
|
|
99
|
-
style: [STYLES.FLAT_BTN_INNER_CONT, STYLES.BUTTON_CONT, dynamicStyles.FLAT_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT,
|
|
100
|
+
style: [STYLES.FLAT_BTN_INNER_CONT, STYLES.BUTTON_CONT, dynamicStyles.FLAT_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, containerStyle],
|
|
100
101
|
children: [(renderLeftIcon || fullWidth && renderRightIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
101
102
|
f: fullWidth ? 1 : undefined,
|
|
102
103
|
children: renderLeftIcon && cloneElement(renderLeftIcon)
|
|
103
104
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
104
105
|
flexShrink: 1,
|
|
105
106
|
f: fullWidth ? 8 : undefined,
|
|
106
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
107
|
+
children: title ?? children ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
107
108
|
numberOfLines: 1,
|
|
108
|
-
fs:
|
|
109
|
-
|
|
110
|
-
style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT,
|
|
111
|
-
children: title
|
|
112
|
-
})
|
|
109
|
+
fs: fs,
|
|
110
|
+
fScale: fScale,
|
|
111
|
+
style: [STYLES.BUTTON_TEXT, dynamicStyles.BUTTON_TEXT, titleStyle],
|
|
112
|
+
children: title ?? children
|
|
113
|
+
}) : renderIcon && cloneElement(renderIcon)
|
|
113
114
|
}), (renderRightIcon || fullWidth && renderLeftIcon) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
114
115
|
alignItems: "flex-end",
|
|
115
116
|
f: fullWidth ? 1 : undefined,
|
|
@@ -125,7 +126,7 @@ const Button = ({
|
|
|
125
126
|
,
|
|
126
127
|
...rest,
|
|
127
128
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledView, {
|
|
128
|
-
style: [STYLES.BUTTON_CONT, STYLES.ROUND_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, dynamicStyles.ROUND_BTN_INNER_CONT,
|
|
129
|
+
style: [STYLES.BUTTON_CONT, STYLES.ROUND_BTN_INNER_CONT, dynamicStyles.BUTTON_CONT, dynamicStyles.ROUND_BTN_INNER_CONT, containerStyle],
|
|
129
130
|
children: renderIcon && cloneElement(renderIcon)
|
|
130
131
|
})
|
|
131
132
|
})
|
|
@@ -133,7 +134,7 @@ const Button = ({
|
|
|
133
134
|
});
|
|
134
135
|
};
|
|
135
136
|
var _default = exports.default = Button;
|
|
136
|
-
const
|
|
137
|
+
const customStyles = () => _reactNative.StyleSheet.create({
|
|
137
138
|
BUTTON_CONT: {
|
|
138
139
|
maxWidth: '100%'
|
|
139
140
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ResponsiveCalculations","_index","_index2","_utils","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Button","variant","type","fullWidth","paddingH","paddingV","bg","br","stroke","strokeColor","titleColor","title","fScale","fs","ff","size","rippleColor","renderIcon","renderLeftIcon","renderRightIcon","disabled","containerStyle","titleStyle","onPress","children","rest","theme","useTheme","backgroundColor","buttonTextColor","buttonBorderColor","getButtonColors","STYLES","useMemo","customStyles","dynamicStyles","BUTTON_CONT","borderWidth","borderColor","BUTTON_TEXT","color","fontFamily","FLAT_BTN_MAIN_CONT","borderRadius","verticalScale","alignSelf","FLAT_BTN_INNER_CONT","paddingVertical","paddingHorizontal","horizontalScale","ROUND_BTN_INNER_CONT","height","width","cloneElement","element","React","isValidElement","props","jsxs","Fragment","jsx","StyledView","style","TouchableOpacity","undefined","flexShrink","StyledText","numberOfLines","alignItems","ROUND_BTN_MAIN_CONT","_default","exports","StyleSheet","create","maxWidth","textAlign","overflow","flexDirection","justifyContent","gap"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/Button.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -10,12 +10,12 @@ const getButtonBorderColor = ({
|
|
|
10
10
|
disabled
|
|
11
11
|
}) => {
|
|
12
12
|
if (disabled) {
|
|
13
|
-
return theme.colors.
|
|
13
|
+
return theme.colors.border.default;
|
|
14
14
|
}
|
|
15
15
|
if (strokeColor) {
|
|
16
16
|
return strokeColor;
|
|
17
17
|
}
|
|
18
|
-
return theme.colors.
|
|
18
|
+
return theme.colors.border.default;
|
|
19
19
|
};
|
|
20
20
|
const getButtonTextColor = ({
|
|
21
21
|
theme,
|
|
@@ -24,13 +24,13 @@ const getButtonTextColor = ({
|
|
|
24
24
|
disabled
|
|
25
25
|
}) => {
|
|
26
26
|
if (disabled) {
|
|
27
|
-
return theme.colors.
|
|
27
|
+
return theme.colors.typography.disabled;
|
|
28
28
|
} else if (titleColor) {
|
|
29
29
|
return titleColor;
|
|
30
30
|
} else if (checkVariant('outlined')) {
|
|
31
|
-
return theme.colors.
|
|
31
|
+
return theme.colors.typography.primary;
|
|
32
32
|
}
|
|
33
|
-
return theme.colors.
|
|
33
|
+
return theme.colors.brand.onPrimary;
|
|
34
34
|
};
|
|
35
35
|
const getButtonBackgroundColor = ({
|
|
36
36
|
theme,
|
|
@@ -39,28 +39,34 @@ const getButtonBackgroundColor = ({
|
|
|
39
39
|
disabled
|
|
40
40
|
}) => {
|
|
41
41
|
if (disabled) {
|
|
42
|
-
return theme.colors.
|
|
42
|
+
return theme.colors.states.disabled;
|
|
43
43
|
} else if (bg) {
|
|
44
44
|
return bg;
|
|
45
45
|
} else if (checkVariant('contained')) {
|
|
46
|
-
return theme.colors.primary;
|
|
46
|
+
return theme.colors.brand.primary;
|
|
47
47
|
} else if (checkVariant('outlined')) {
|
|
48
48
|
return 'transparent';
|
|
49
49
|
}
|
|
50
|
-
return theme.colors.primary;
|
|
51
|
-
};
|
|
52
|
-
const getButtonIconColor = ({
|
|
53
|
-
theme,
|
|
54
|
-
checkVariant,
|
|
55
|
-
disabled
|
|
56
|
-
}) => {
|
|
57
|
-
if (disabled) {
|
|
58
|
-
return theme.colors.iconDisable;
|
|
59
|
-
} else if (checkVariant('outlined')) {
|
|
60
|
-
return theme.colors.iconPrimary;
|
|
61
|
-
}
|
|
62
|
-
return theme.colors.iconSecondary;
|
|
50
|
+
return theme.colors.brand.primary;
|
|
63
51
|
};
|
|
52
|
+
|
|
53
|
+
// const getButtonIconColor = ({
|
|
54
|
+
// theme,
|
|
55
|
+
// checkVariant,
|
|
56
|
+
// disabled,
|
|
57
|
+
// }: {
|
|
58
|
+
// theme: ThemeTypes;
|
|
59
|
+
// checkVariant: (variant: ButtonVariant) => boolean;
|
|
60
|
+
// disabled: boolean;
|
|
61
|
+
// }) => {
|
|
62
|
+
// if (disabled) {
|
|
63
|
+
// return theme.colors.iconDisable;
|
|
64
|
+
// } else if (checkVariant('outlined')) {
|
|
65
|
+
// return theme.colors.iconPrimary
|
|
66
|
+
// }
|
|
67
|
+
// return theme.colors.iconSecondary;
|
|
68
|
+
// };
|
|
69
|
+
|
|
64
70
|
const getButtonColors = ({
|
|
65
71
|
theme,
|
|
66
72
|
variant,
|
|
@@ -89,16 +95,17 @@ const getButtonColors = ({
|
|
|
89
95
|
strokeColor,
|
|
90
96
|
disabled
|
|
91
97
|
});
|
|
92
|
-
const buttonIconColor = getButtonIconColor({
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
});
|
|
98
|
+
// const buttonIconColor = getButtonIconColor({
|
|
99
|
+
// checkVariant,
|
|
100
|
+
// theme,
|
|
101
|
+
// disabled
|
|
102
|
+
// });
|
|
103
|
+
|
|
97
104
|
return {
|
|
98
105
|
backgroundColor,
|
|
99
106
|
buttonTextColor,
|
|
100
|
-
buttonBorderColor
|
|
101
|
-
buttonIconColor
|
|
107
|
+
buttonBorderColor
|
|
108
|
+
// buttonIconColor
|
|
102
109
|
};
|
|
103
110
|
};
|
|
104
111
|
exports.getButtonColors = getButtonColors;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","
|
|
1
|
+
{"version":3,"names":["getButtonBorderColor","theme","strokeColor","disabled","colors","border","default","getButtonTextColor","checkVariant","titleColor","typography","primary","brand","onPrimary","getButtonBackgroundColor","bg","states","getButtonColors","variant","variantToCompare","backgroundColor","buttonTextColor","buttonBorderColor","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Button/utils.ts"],"mappings":";;;;;;AAGA,MAAMA,oBAAoB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,WAAW;EACXC;AAKJ,CAAC,KAAK;EACF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;EACtC;EACA,IAAIJ,WAAW,EAAE;IACb,OAAOA,WAAW;EACtB;EACA,OAAOD,KAAK,CAACG,MAAM,CAACC,MAAM,CAACC,OAAO;AACtC,CAAC;AAGD,MAAMC,kBAAkB,GAAGA,CAAC;EACxBN,KAAK;EACLO,YAAY;EACZC,UAAU;EACVN;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACM,UAAU,CAACP,QAAQ;EAC3C,CAAC,MACI,IAAIM,UAAU,EAAE;IACjB,OAAOA,UAAU;EACrB,CAAC,MACI,IAAID,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAOP,KAAK,CAACG,MAAM,CAACM,UAAU,CAACC,OAAO;EAC1C;EACA,OAAOV,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACC,SAAS;AACvC,CAAC;AAED,MAAMC,wBAAwB,GAAGA,CAAC;EAC9Bb,KAAK;EACLO,YAAY;EACZO,EAAE;EACFZ;AAMJ,CAAC,KAAK;EAEF,IAAIA,QAAQ,EAAE;IACV,OAAOF,KAAK,CAACG,MAAM,CAACY,MAAM,CAACb,QAAQ;EACvC,CAAC,MACI,IAAIY,EAAE,EAAE;IACT,OAAOA,EAAE;EACb,CAAC,MACI,IAAIP,YAAY,CAAC,WAAW,CAAC,EAAE;IAChC,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;EACrC,CAAC,MACI,IAAIH,YAAY,CAAC,UAAU,CAAC,EAAE;IAC/B,OAAO,aAAa;EACxB;EACA,OAAOP,KAAK,CAACG,MAAM,CAACQ,KAAK,CAACD,OAAO;AACrC,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMM,eAAe,GAAGA,CAAC;EACrBhB,KAAK;EACLiB,OAAO;EACPH,EAAE;EACFN,UAAU;EACVP,WAAW;EACXC;AAQJ,CAAC,KAAK;EAEF,MAAMK,YAAY,GAAIW,gBAA+B,IAAK;IACtD,OAAOD,OAAO,KAAKC,gBAAgB;EACvC,CAAC;EACD,MAAMC,eAAe,GAAGN,wBAAwB,CAAC;IAC7Cb,KAAK;IACLO,YAAY;IACZO,EAAE;IACFZ;EACJ,CAAC,CAAC;EACF,MAAMkB,eAAe,GAAGd,kBAAkB,CAAC;IACvCN,KAAK;IACLO,YAAY;IACZC,UAAU;IACVN;EACJ,CAAC,CAAC;EACF,MAAMmB,iBAAiB,GAAGtB,oBAAoB,CAAC;IAC3CC,KAAK;IACLC,WAAW;IACXC;EACJ,CAAC,CAAC;EACF;EACA;EACA;EACA;EACA;;EAEA,OAAO;IACHiB,eAAe;IACfC,eAAe;IACfC;IACA;EACJ,CAAC;AACL,CAAC;AAACC,OAAA,CAAAN,eAAA,GAAAA,eAAA","ignoreList":[]}
|
|
@@ -4,15 +4,13 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = require("react");
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _index = require("../StyledComponents/index.js");
|
|
10
10
|
var _index2 = require("../../hooks/index.js");
|
|
11
|
-
var
|
|
12
|
-
var
|
|
11
|
+
var _index3 = require("../../helpers/index.js");
|
|
12
|
+
var _index4 = require("../../assets/svg/index.js");
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
16
14
|
const CheckBox = ({
|
|
17
15
|
variant = 'square',
|
|
18
16
|
isChecked = false,
|
|
@@ -22,13 +20,15 @@ const CheckBox = ({
|
|
|
22
20
|
iconColor,
|
|
23
21
|
disableBuiltInState = false,
|
|
24
22
|
disabled = false,
|
|
25
|
-
|
|
23
|
+
label = 'Checkbox',
|
|
24
|
+
fScale = 'xs',
|
|
26
25
|
fs,
|
|
27
|
-
|
|
26
|
+
ff,
|
|
27
|
+
// size = 22,
|
|
28
28
|
size = 20,
|
|
29
29
|
iconSize,
|
|
30
30
|
containerStyle,
|
|
31
|
-
|
|
31
|
+
labelStyle,
|
|
32
32
|
checkBoxStyle,
|
|
33
33
|
onPress
|
|
34
34
|
}) => {
|
|
@@ -36,19 +36,20 @@ const CheckBox = ({
|
|
|
36
36
|
(0, _react.useEffect)(() => {
|
|
37
37
|
setIsCheckboxChecked(defaultValue);
|
|
38
38
|
}, [defaultValue]);
|
|
39
|
+
const STYLES = (0, _react.useMemo)(Styles, []);
|
|
39
40
|
const scaleVal = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
|
|
40
41
|
const {
|
|
41
42
|
colors
|
|
42
43
|
} = (0, _index2.useTheme)();
|
|
43
|
-
activeBgColor = disabled ? colors.
|
|
44
|
+
activeBgColor = disabled ? colors.states.disabled : activeBgColor ?? colors.brand.primary;
|
|
44
45
|
iconSize = iconSize ?? size / 1.5;
|
|
45
46
|
const bgColor = !disableBuiltInState && isCheckboxChecked || disableBuiltInState && isChecked ? activeBgColor : inActiveBgColor;
|
|
46
|
-
const textColor = disabled ? colors.
|
|
47
|
+
const textColor = disabled ? colors.typography.disabled : colors.typography.primary;
|
|
47
48
|
const dynamicMainContStyles = {
|
|
48
|
-
height: (0,
|
|
49
|
-
width: (0,
|
|
50
|
-
borderColor: disabled ? colors.
|
|
51
|
-
borderRadius: variant === 'square' ? 5 :
|
|
49
|
+
height: (0, _index3.verticalScale)(size),
|
|
50
|
+
width: (0, _index3.verticalScale)(size),
|
|
51
|
+
borderColor: disabled ? colors.border.default : activeBgColor,
|
|
52
|
+
borderRadius: (0, _index3.verticalScale)(variant === 'square' ? 5 : size),
|
|
52
53
|
backgroundColor: bgColor
|
|
53
54
|
};
|
|
54
55
|
const animatedStyle = {
|
|
@@ -72,44 +73,47 @@ const CheckBox = ({
|
|
|
72
73
|
onPress?.(!isChecked);
|
|
73
74
|
}
|
|
74
75
|
};
|
|
75
|
-
return
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
76
|
+
return (
|
|
77
|
+
/*#__PURE__*/
|
|
78
|
+
// <StyledView>
|
|
79
|
+
(0, _jsxRuntime.jsxs)(_index.StyledView, {
|
|
80
|
+
style: [STYLES.CONTAINER, containerStyle],
|
|
81
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
|
|
82
|
+
onPressIn: () => animateScale(0.8),
|
|
83
|
+
onPressOut: () => animateScale(1),
|
|
84
|
+
onPress: onUserClick,
|
|
85
|
+
disabled: disabled,
|
|
86
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
|
|
84
87
|
style: [STYLES.CHECKBOX_PARENT_CONT, dynamicMainContStyles, checkBoxStyle, animatedStyle],
|
|
85
|
-
children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
86
|
-
color: iconColor ?? colors.
|
|
87
|
-
size: (0,
|
|
88
|
+
children: (disableBuiltInState ? isChecked : isCheckboxChecked) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index4.Check, {
|
|
89
|
+
color: disabled ? colors.states.disabled : iconColor ?? colors.brand.onPrimary,
|
|
90
|
+
size: (0, _index3.verticalScale)(iconSize)
|
|
88
91
|
})
|
|
89
|
-
})
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
})
|
|
92
|
+
})
|
|
93
|
+
}), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.StyledText, {
|
|
94
|
+
style: labelStyle,
|
|
95
|
+
fs: fs,
|
|
96
|
+
ff: ff,
|
|
97
|
+
color: textColor,
|
|
98
|
+
fScale: fScale,
|
|
99
|
+
children: label
|
|
100
|
+
})]
|
|
98
101
|
})
|
|
99
|
-
|
|
102
|
+
// </StyledView>
|
|
103
|
+
);
|
|
100
104
|
};
|
|
101
105
|
var _default = exports.default = CheckBox;
|
|
102
|
-
const
|
|
106
|
+
const Styles = () => _reactNative.StyleSheet.create({
|
|
103
107
|
CONTAINER: {
|
|
104
108
|
flexDirection: 'row',
|
|
105
|
-
gap: (0,
|
|
109
|
+
gap: (0, _index3.horizontalScale)(10),
|
|
106
110
|
alignItems: 'center'
|
|
107
111
|
},
|
|
108
112
|
CHECKBOX_PARENT_CONT: {
|
|
109
113
|
borderWidth: 0.8,
|
|
110
114
|
alignItems: 'center',
|
|
111
115
|
justifyContent: 'center',
|
|
112
|
-
padding: (0,
|
|
116
|
+
padding: (0, _index3.horizontalScale)(7)
|
|
113
117
|
}
|
|
114
118
|
});
|
|
115
119
|
//# sourceMappingURL=CheckBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_index","_index2","_index3","_index4","_jsxRuntime","CheckBox","variant","isChecked","defaultValue","activeBgColor","inActiveBgColor","iconColor","disableBuiltInState","disabled","label","fScale","fs","ff","size","iconSize","containerStyle","labelStyle","checkBoxStyle","onPress","isCheckboxChecked","setIsCheckboxChecked","useState","useEffect","STYLES","useMemo","Styles","scaleVal","useRef","Animated","Value","current","colors","useTheme","states","brand","primary","bgColor","textColor","typography","dynamicMainContStyles","height","verticalScale","width","borderColor","border","default","borderRadius","backgroundColor","animatedStyle","transform","scale","animateScale","toValue","spring","speed","bounciness","useNativeDriver","start","onUserClick","jsxs","StyledView","style","CONTAINER","children","jsx","TouchableWithoutFeedback","onPressIn","onPressOut","View","CHECKBOX_PARENT_CONT","Check","color","onPrimary","StyledText","_default","exports","StyleSheet","create","flexDirection","gap","horizontalScale","alignItems","borderWidth","justifyContent","padding"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/CheckBox/CheckBox.tsx"],"mappings":"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","ignoreList":[]}
|