@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
|
@@ -4,39 +4,42 @@ 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
|
-
var _LightenColorShades = _interopRequireDefault(require("../../helpers/LightenColorShades.js"));
|
|
10
8
|
var _ResponsiveCalculations = require("../../helpers/ResponsiveCalculations.js");
|
|
11
9
|
var _index = require("../../hooks/index.js");
|
|
10
|
+
var _color = _interopRequireDefault(require("color"));
|
|
12
11
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
13
|
const Switch = ({
|
|
15
14
|
checked = true,
|
|
16
15
|
color,
|
|
17
16
|
disabled = false,
|
|
18
|
-
size = 0.
|
|
17
|
+
size = 0.9,
|
|
19
18
|
activeTrackColor,
|
|
20
|
-
inactiveTrackColor
|
|
19
|
+
inactiveTrackColor,
|
|
21
20
|
onChange,
|
|
22
21
|
...rest
|
|
23
22
|
}) => {
|
|
24
|
-
const
|
|
25
|
-
|
|
23
|
+
const {
|
|
24
|
+
colors
|
|
25
|
+
} = (0, _index.useTheme)();
|
|
26
|
+
const switchColor = disabled ? colors.states.disabled : color ?? colors.brand.primary;
|
|
27
|
+
const disabledAndInActiveTrackColor = colors.palette.natural[200];
|
|
28
|
+
const generateActiveTrackColor = (0, _color.default)(colors.brand.primary).lighten(0).alpha(0.3).rgb().string();
|
|
26
29
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
27
30
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Switch, {
|
|
28
31
|
value: checked,
|
|
29
32
|
trackColor: {
|
|
30
|
-
true:
|
|
31
|
-
false:
|
|
33
|
+
true: disabled && disabledAndInActiveTrackColor || (activeTrackColor ?? generateActiveTrackColor),
|
|
34
|
+
false: disabled && disabledAndInActiveTrackColor || (inactiveTrackColor ?? disabledAndInActiveTrackColor)
|
|
32
35
|
},
|
|
33
36
|
thumbColor: switchColor,
|
|
34
37
|
onValueChange: onChange,
|
|
35
38
|
style: {
|
|
36
39
|
transform: [{
|
|
37
|
-
scaleX: (0, _ResponsiveCalculations.
|
|
40
|
+
scaleX: (0, _ResponsiveCalculations.verticalScale)(size)
|
|
38
41
|
}, {
|
|
39
|
-
scaleY: (0, _ResponsiveCalculations.
|
|
42
|
+
scaleY: (0, _ResponsiveCalculations.verticalScale)(size)
|
|
40
43
|
}]
|
|
41
44
|
},
|
|
42
45
|
disabled: disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_ResponsiveCalculations","_index","_color","_interopRequireDefault","_jsxRuntime","e","__esModule","default","Switch","checked","color","disabled","size","activeTrackColor","inactiveTrackColor","onChange","rest","colors","useTheme","switchColor","states","brand","primary","disabledAndInActiveTrackColor","palette","natural","generateActiveTrackColor","Color","lighten","alpha","rgb","string","jsx","Fragment","children","value","trackColor","true","false","thumbColor","onValueChange","style","transform","scaleX","verticalScale","scaleY","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAA0B,IAAAK,WAAA,GAAAL,OAAA;AAAA,SAAAI,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1B,MAAMG,MAAuB,GAAGA,CAAC;EAC7BC,OAAO,GAAG,IAAI;EACdC,KAAK;EACLC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,GAAG;EACVC,gBAAgB;EAChBC,kBAAkB;EAClBC,QAAQ;EACR,GAAGC;AACP,CAAC,KAAK;EAEF,MAAM;IAAEC;EAAY,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAClC,MAAMC,WAAW,GAAGR,QAAQ,GAAGM,MAAM,CAACG,MAAM,CAACT,QAAQ,GAAGD,KAAK,IAAIO,MAAM,CAACI,KAAK,CAACC,OAAO;EACrF,MAAMC,6BAA6B,GAAGN,MAAM,CAACO,OAAO,CAACC,OAAO,CAAC,GAAG,CAAC;EACjE,MAAMC,wBAAwB,GAAI,IAAAC,cAAK,EAACV,MAAM,CAACI,KAAK,CAACC,OAAO,CAAC,CAACM,OAAO,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAElG,oBAAQ,IAAA3B,WAAA,CAAA4B,GAAA,EAAA5B,WAAA,CAAA6B,QAAA;IAAAC,QAAA,eACJ,IAAA9B,WAAA,CAAA4B,GAAA,EAAClC,YAAA,CAAAU,MAAY;MACT2B,KAAK,EAAE1B,OAAQ;MACf2B,UAAU,EAAE;QAAEC,IAAI,EAAG1B,QAAQ,IAAIY,6BAA6B,KAAMV,gBAAgB,IAAIa,wBAAwB,CAAC;QAAEY,KAAK,EAAG3B,QAAQ,IAAIY,6BAA6B,KAAMT,kBAAkB,IAAIS,6BAA6B;MAAE,CAAE;MACjOgB,UAAU,EAAEpB,WAAY;MACxBqB,aAAa,EAAEzB,QAAS;MACxB0B,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAE,IAAAC,qCAAa,EAAChC,IAAI;QAAE,CAAC,EAAE;UAAEiC,MAAM,EAAE,IAAAD,qCAAa,EAAChC,IAAI;QAAE,CAAC;MAAE,CAAE;MACzFD,QAAQ,EAAEA,QAAS;MAAA,GACfK;IAAI,CACX;EAAC,CACJ,CAAC;AACP,CAAC;AAAA,IAAA8B,QAAA,GAAAC,OAAA,CAAAxC,OAAA,GACcC,MAAM","ignoreList":[]}
|
|
@@ -12,36 +12,38 @@ var _index2 = require("../StyledComponents/index.js");
|
|
|
12
12
|
var _generateColors = _interopRequireDefault(require("./generateColors.js"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
const UserInput = ({
|
|
15
|
+
const UserInput = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
16
16
|
variant = 'standard',
|
|
17
17
|
label,
|
|
18
18
|
bg,
|
|
19
19
|
br = 10,
|
|
20
20
|
stroke = 1,
|
|
21
21
|
labelColor,
|
|
22
|
-
|
|
23
|
-
label: '
|
|
24
|
-
|
|
22
|
+
textScale = {
|
|
23
|
+
label: 'sm',
|
|
24
|
+
inputText: 'sm',
|
|
25
|
+
helperText: 'xs'
|
|
25
26
|
},
|
|
26
27
|
inputTextColor,
|
|
27
28
|
strokeColor,
|
|
28
29
|
cursorColor,
|
|
29
30
|
placeholderColor,
|
|
30
|
-
inputFs
|
|
31
|
+
inputFs,
|
|
31
32
|
labelFs,
|
|
32
33
|
helperTextFS,
|
|
33
34
|
placeholder = 'Please enter...',
|
|
34
35
|
disabled = false,
|
|
35
36
|
isError = false,
|
|
36
|
-
helperText
|
|
37
|
+
helperText,
|
|
37
38
|
multiline = false,
|
|
38
39
|
renderLeftIcon,
|
|
39
40
|
renderRightIcon,
|
|
40
41
|
styles,
|
|
41
|
-
ref,
|
|
42
42
|
...rest
|
|
43
|
-
}) => {
|
|
43
|
+
}, ref) => {
|
|
44
|
+
const [isFocused, setIsFocused] = (0, _react.useState)(false);
|
|
44
45
|
const theme = (0, _index.useTheme)();
|
|
46
|
+
const STYLES = (0, _react.useMemo)(Styles, []);
|
|
45
47
|
const {
|
|
46
48
|
computedCursorColor,
|
|
47
49
|
computedPlaceholderColor,
|
|
@@ -50,23 +52,24 @@ const UserInput = ({
|
|
|
50
52
|
const dynamicStyles = {
|
|
51
53
|
INPUT_CONT: {
|
|
52
54
|
alignItems: multiline ? 'flex-start' : 'center',
|
|
53
|
-
backgroundColor: disabled
|
|
54
|
-
borderColor: isError
|
|
55
|
+
backgroundColor: disabled && theme.colors.states.disabled || isFocused && theme.colors.states.focus || (bg ?? theme.colors.background.default),
|
|
56
|
+
borderColor: isError && theme.colors.semantic.danger || isFocused && theme.colors.brand.primary || (strokeColor ?? theme.colors.border.default),
|
|
55
57
|
borderWidth: variant === 'standard' ? 0 : stroke,
|
|
56
58
|
borderBottomWidth: stroke,
|
|
57
59
|
borderRadius: (0, _ResponsiveCalculations.verticalScale)(br),
|
|
58
|
-
height: multiline ? undefined : (0, _ResponsiveCalculations.verticalScale)(
|
|
60
|
+
height: multiline ? undefined : (0, _ResponsiveCalculations.verticalScale)(47),
|
|
59
61
|
paddingVertical: multiline ? (0, _ResponsiveCalculations.horizontalScale)(10) : undefined
|
|
60
62
|
},
|
|
61
63
|
INPUT: {
|
|
62
|
-
color: disabled ? theme.colors.
|
|
63
|
-
|
|
64
|
+
color: disabled ? theme.colors.typography.disabled : isError ? theme.colors.semantic.danger : inputTextColor ?? theme.colors.typography.primary,
|
|
65
|
+
//@ts-ignore
|
|
66
|
+
fontSize: (0, _ResponsiveCalculations.responsiveFontSize)(inputFs ?? theme.sizes.typography[textScale.inputText]),
|
|
64
67
|
textAlignVertical: multiline ? 'top' : 'center',
|
|
65
68
|
minHeight: multiline ? 100 : undefined,
|
|
66
69
|
maxHeight: multiline ? 150 : undefined
|
|
67
70
|
},
|
|
68
71
|
ERROR_HELPER_TEXT: {
|
|
69
|
-
color: theme.colors.
|
|
72
|
+
color: theme.colors.semantic.danger
|
|
70
73
|
}
|
|
71
74
|
};
|
|
72
75
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
@@ -75,7 +78,7 @@ const UserInput = ({
|
|
|
75
78
|
style: styles?.mainContainer,
|
|
76
79
|
w: "100%",
|
|
77
80
|
children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StyledText, {
|
|
78
|
-
|
|
81
|
+
fScale: textScale?.label,
|
|
79
82
|
fs: labelFs,
|
|
80
83
|
color: computedLabelColor,
|
|
81
84
|
style: styles?.label,
|
|
@@ -90,19 +93,21 @@ const UserInput = ({
|
|
|
90
93
|
editable: !disabled,
|
|
91
94
|
multiline: multiline,
|
|
92
95
|
cursorColor: computedCursorColor,
|
|
96
|
+
onFocus: () => setIsFocused(true),
|
|
97
|
+
onBlur: () => setIsFocused(false),
|
|
93
98
|
...rest
|
|
94
99
|
}), renderRightIcon]
|
|
95
100
|
}), isError && helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StyledText, {
|
|
96
|
-
|
|
101
|
+
fScale: textScale?.helperText,
|
|
97
102
|
fs: helperTextFS,
|
|
98
103
|
style: [STYLES.ERROR_HELPER_TEXT, dynamicStyles.ERROR_HELPER_TEXT, styles?.helperText],
|
|
99
104
|
children: helperText
|
|
100
105
|
})]
|
|
101
106
|
})
|
|
102
107
|
});
|
|
103
|
-
};
|
|
108
|
+
});
|
|
104
109
|
var _default = exports.default = UserInput;
|
|
105
|
-
const
|
|
110
|
+
const Styles = () => _reactNative.StyleSheet.create({
|
|
106
111
|
INPUT_CONT: {
|
|
107
112
|
flexDirection: 'row',
|
|
108
113
|
paddingHorizontal: (0, _ResponsiveCalculations.horizontalScale)(14),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","require","_reactNative","_ResponsiveCalculations","_index","_index2","_generateColors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","UserInput","variant","label","bg","br","stroke","labelColor","
|
|
1
|
+
{"version":3,"names":["_react","require","_reactNative","_ResponsiveCalculations","_index","_index2","_generateColors","_interopRequireDefault","_jsxRuntime","e","__esModule","default","UserInput","forwardRef","variant","label","bg","br","stroke","labelColor","textScale","inputText","helperText","inputTextColor","strokeColor","cursorColor","placeholderColor","inputFs","labelFs","helperTextFS","placeholder","disabled","isError","multiline","renderLeftIcon","renderRightIcon","styles","rest","ref","isFocused","setIsFocused","useState","theme","useTheme","STYLES","useMemo","Styles","computedCursorColor","computedPlaceholderColor","computedLabelColor","generateColors","dynamicStyles","INPUT_CONT","alignItems","backgroundColor","colors","states","focus","background","borderColor","semantic","danger","brand","primary","border","borderWidth","borderBottomWidth","borderRadius","verticalScale","height","undefined","paddingVertical","horizontalScale","INPUT","color","typography","fontSize","responsiveFontSize","sizes","textAlignVertical","minHeight","maxHeight","ERROR_HELPER_TEXT","jsx","Fragment","children","jsxs","StyledView","gap","style","mainContainer","w","StyledText","fScale","fs","inputContainer","TextInput","input","placeholderTextColor","editable","onFocus","onBlur","_default","exports","StyleSheet","create","flexDirection","paddingHorizontal","padding","flex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/UserInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
const generateColors = (theme, isError, cursorColor, placeholderColor, labelColor) => {
|
|
8
|
-
const computedCursorColor = isError ? theme.colors.
|
|
9
|
-
const computedPlaceholderColor = placeholderColor ?? theme.colors.
|
|
10
|
-
const computedLabelColor = isError ? theme.colors.
|
|
8
|
+
const computedCursorColor = isError ? theme.colors.semantic.danger : cursorColor ?? theme.colors.brand.primary;
|
|
9
|
+
const computedPlaceholderColor = placeholderColor ?? theme.colors.typography.tertiary;
|
|
10
|
+
const computedLabelColor = isError ? theme.colors.semantic.danger : labelColor ?? theme.colors.typography.primary;
|
|
11
11
|
return {
|
|
12
12
|
computedCursorColor,
|
|
13
13
|
computedPlaceholderColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["generateColors","theme","isError","cursorColor","placeholderColor","labelColor","computedCursorColor","colors","
|
|
1
|
+
{"version":3,"names":["generateColors","theme","isError","cursorColor","placeholderColor","labelColor","computedCursorColor","colors","semantic","danger","brand","primary","computedPlaceholderColor","typography","tertiary","computedLabelColor","_default","exports","default"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/generateColors.ts"],"mappings":";;;;;;AAGA,MAAMA,cAAc,GAAGA,CAACC,KAAiB,EAAEC,OAAgB,EAAEC,WAAoB,EAAEC,gBAAyB,EAAEC,UAAmB,KAAK;EAClI,MAAMC,mBAAmB,GAAGJ,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAIN,WAAW,IAAIF,KAAK,CAACM,MAAM,CAACG,KAAK,CAACC,OAAQ;EAChH,MAAMC,wBAAwB,GAAGR,gBAAgB,IAAIH,KAAK,CAACM,MAAM,CAACM,UAAU,CAACC,QAAQ;EACrF,MAAMC,kBAAkB,GAAGb,OAAO,GAAGD,KAAK,CAACM,MAAM,CAACC,QAAQ,CAACC,MAAM,GAAGJ,UAAU,IAAIJ,KAAK,CAACM,MAAM,CAACM,UAAU,CAACF,OAAO;EACjH,OAAO;IACHL,mBAAmB;IACnBM,wBAAwB;IACxBG;EACJ,CAAC;AACL,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GACclB,cAAc","ignoreList":[]}
|
|
@@ -5,13 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
const typographySizes = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
8
|
+
xxs: 10,
|
|
9
|
+
xs: 12,
|
|
10
|
+
sm: 14,
|
|
11
|
+
base: 16,
|
|
12
|
+
lg: 18,
|
|
13
|
+
xl: 24,
|
|
14
|
+
'2xl': 28,
|
|
15
|
+
'3xl': 32,
|
|
16
|
+
'4xl': 36,
|
|
17
|
+
'5xl': 45,
|
|
18
|
+
'6xl': 57
|
|
15
19
|
};
|
|
16
20
|
var _default = exports.default = typographySizes;
|
|
17
21
|
//# sourceMappingURL=typographySizes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["typographySizes","
|
|
1
|
+
{"version":3,"names":["typographySizes","xxs","xs","sm","base","lg","xl","_default","exports","default"],"sourceRoot":"..\\..\\..\\src","sources":["constants/typographySizes.ts"],"mappings":";;;;;;AAIA,MAAMA,eAAuC,GAAG;EAC5CC,GAAG,EAAE,EAAE;EACPC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACNC,IAAI,EAAE,EAAE;EACRC,EAAE,EAAE,EAAE;EACNC,EAAE,EAAE,EAAE;EACN,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE,EAAE;EACT,KAAK,EAAE;AACX,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcT,eAAe","ignoreList":[]}
|
|
@@ -3,83 +3,76 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.verticalScale = exports.responsiveFontSize = exports.
|
|
6
|
+
exports.verticalScale = exports.responsiveFontSize = exports.horizontalScale = void 0;
|
|
7
7
|
var _reactNative = require("react-native");
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
var _ContextManager = require("../components/Provider/ContextManager.js");
|
|
10
9
|
const {
|
|
11
10
|
width: SCREEN_WIDTH,
|
|
12
11
|
height: SCREEN_HEIGHT
|
|
13
12
|
} = _reactNative.Dimensions.get('window');
|
|
14
13
|
|
|
15
|
-
// const isResponsive =
|
|
16
|
-
const isResponsive = true;
|
|
14
|
+
// const isResponsive = true;
|
|
17
15
|
const guidelineBaseWidth = 350;
|
|
18
16
|
const guidelineBaseHeight = 680;
|
|
19
17
|
const [shortDimension, longDimension] = SCREEN_WIDTH < SCREEN_HEIGHT ? [SCREEN_WIDTH, SCREEN_HEIGHT] : [SCREEN_HEIGHT, SCREEN_WIDTH];
|
|
20
18
|
const scalingCache = new Map();
|
|
21
|
-
const fun = () => {
|
|
22
|
-
return scalingCache;
|
|
23
|
-
};
|
|
24
|
-
exports.fun = fun;
|
|
25
19
|
const checkIsPhone = size => {
|
|
26
20
|
if (SCREEN_WIDTH <= 430 && SCREEN_WIDTH >= 375) {
|
|
27
21
|
return size;
|
|
28
22
|
}
|
|
29
23
|
return 0;
|
|
30
24
|
};
|
|
31
|
-
const
|
|
25
|
+
const scale = (size, cacheKey, mode) => {
|
|
32
26
|
if (checkIsPhone(size)) {
|
|
33
27
|
return size;
|
|
34
28
|
}
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
|
|
29
|
+
const cacheScaleValue = scalingCache.get(cacheKey) || {};
|
|
30
|
+
let finalSize;
|
|
31
|
+
if (cacheScaleValue?.[size]) {
|
|
32
|
+
return cacheScaleValue?.[size];
|
|
38
33
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
34
|
+
if (mode === 'partial') {
|
|
35
|
+
// const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.40;
|
|
36
|
+
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.20;
|
|
37
|
+
let scale = (cacheKey === 'hScale' ? shortDimension : longDimension) / guidelineBaseHeight;
|
|
38
|
+
scale = 1 + (scale - 1) * slowDownRate;
|
|
39
|
+
let adjustedSize = size * Math.max(scale, 0.80);
|
|
40
|
+
finalSize = Math.floor(_reactNative.PixelRatio.roundToNearestPixel(adjustedSize));
|
|
41
|
+
} else {
|
|
42
|
+
const baseScaleFactor = cacheKey === 'hScale' ? shortDimension / guidelineBaseWidth : longDimension / guidelineBaseHeight;
|
|
43
|
+
const clampedScaleFactor = Math.max(0.9, Math.min(baseScaleFactor, 1.2));
|
|
44
|
+
finalSize = Math.round(_reactNative.PixelRatio.roundToNearestPixel(size * clampedScaleFactor));
|
|
45
|
+
}
|
|
46
|
+
cacheScaleValue[size] = finalSize;
|
|
47
|
+
cacheScaleValue[size] = finalSize;
|
|
48
|
+
scalingCache.set(cacheKey, cacheScaleValue);
|
|
46
49
|
return finalSize;
|
|
47
50
|
};
|
|
51
|
+
const horizontalScale = size => {
|
|
52
|
+
const scalingMode = (0, _ContextManager.getGlobalContext)().scaling.mode;
|
|
53
|
+
return scale(size, 'hScale', scalingMode ?? 0);
|
|
54
|
+
};
|
|
48
55
|
exports.horizontalScale = horizontalScale;
|
|
49
56
|
const verticalScale = size => {
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}
|
|
53
|
-
const vScaleCache = scalingCache.get('vScale') || {};
|
|
54
|
-
if (vScaleCache?.[size]) {
|
|
55
|
-
return vScaleCache?.[size];
|
|
56
|
-
}
|
|
57
|
-
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.40;
|
|
58
|
-
let scale = longDimension / guidelineBaseHeight;
|
|
59
|
-
scale = 1 + (scale - 1) * slowDownRate;
|
|
60
|
-
let adjustedSize = size * Math.max(scale, 0.80);
|
|
61
|
-
const finalSize = Math.floor(_reactNative.PixelRatio.roundToNearestPixel(adjustedSize));
|
|
62
|
-
vScaleCache[size] = finalSize;
|
|
63
|
-
scalingCache.set('vScale', vScaleCache);
|
|
64
|
-
return finalSize;
|
|
57
|
+
const scalingMode = (0, _ContextManager.getGlobalContext)().scaling.mode;
|
|
58
|
+
return scale(size, 'vScale', scalingMode ?? 0);
|
|
65
59
|
};
|
|
60
|
+
|
|
61
|
+
// export const moderateScale = (size: number, factor = 0.5): number => {
|
|
62
|
+
// if (isResponsive) {
|
|
63
|
+
// return size + ((shortDimension / guidelineBaseWidth * size) - size) * factor;
|
|
64
|
+
// } else {
|
|
65
|
+
// return size + factor + 1;
|
|
66
|
+
// }
|
|
67
|
+
// }
|
|
68
|
+
// export const moderateVerticalScale = (size: number, factor = 0.5): number => {
|
|
69
|
+
// if (isResponsive) {
|
|
70
|
+
// return size + (longDimension / guidelineBaseHeight * size) * factor;
|
|
71
|
+
// } else {
|
|
72
|
+
// return size + factor + 5;
|
|
73
|
+
// }
|
|
74
|
+
// }
|
|
66
75
|
exports.verticalScale = verticalScale;
|
|
67
|
-
const moderateScale = (size, factor = 0.5) => {
|
|
68
|
-
if (isResponsive) {
|
|
69
|
-
return size + (shortDimension / guidelineBaseWidth * size - size) * factor;
|
|
70
|
-
} else {
|
|
71
|
-
return size + factor + 1;
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
|
-
exports.moderateScale = moderateScale;
|
|
75
|
-
const moderateVerticalScale = (size, factor = 0.5) => {
|
|
76
|
-
if (isResponsive) {
|
|
77
|
-
return size + longDimension / guidelineBaseHeight * size * factor;
|
|
78
|
-
} else {
|
|
79
|
-
return size + factor + 5;
|
|
80
|
-
}
|
|
81
|
-
};
|
|
82
|
-
exports.moderateVerticalScale = moderateVerticalScale;
|
|
83
76
|
const responsiveFontSize = fontSize => {
|
|
84
77
|
if (checkIsPhone(fontSize)) {
|
|
85
78
|
return fontSize;
|
|
@@ -88,7 +81,8 @@ const responsiveFontSize = fontSize => {
|
|
|
88
81
|
if (fsCache?.[fontSize]) {
|
|
89
82
|
return fsCache?.[fontSize];
|
|
90
83
|
}
|
|
91
|
-
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.20
|
|
84
|
+
// const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.20
|
|
85
|
+
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.15;
|
|
92
86
|
const screenDiagonal = Math.sqrt(SCREEN_WIDTH ** 2 + SCREEN_HEIGHT ** 2);
|
|
93
87
|
const baseScreenDiagonal = Math.sqrt(360 ** 2 + 640 ** 2);
|
|
94
88
|
let scale = screenDiagonal / baseScreenDiagonal;
|
|
@@ -96,7 +90,7 @@ const responsiveFontSize = fontSize => {
|
|
|
96
90
|
let adjustedFontSize = fontSize * Math.max(scale, 0.85);
|
|
97
91
|
const finalSize = Math.floor(_reactNative.PixelRatio.roundToNearestPixel(adjustedFontSize));
|
|
98
92
|
fsCache[fontSize] = finalSize;
|
|
99
|
-
scalingCache.set('
|
|
93
|
+
scalingCache.set('fs', fsCache);
|
|
100
94
|
return finalSize;
|
|
101
95
|
};
|
|
102
96
|
exports.responsiveFontSize = responsiveFontSize;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","Dimensions","get","
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_ContextManager","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","Dimensions","get","guidelineBaseWidth","guidelineBaseHeight","shortDimension","longDimension","scalingCache","Map","checkIsPhone","size","scale","cacheKey","mode","cacheScaleValue","finalSize","slowDownRate","adjustedSize","Math","max","floor","PixelRatio","roundToNearestPixel","baseScaleFactor","clampedScaleFactor","min","round","set","horizontalScale","scalingMode","getGlobalContext","scaling","exports","verticalScale","responsiveFontSize","fontSize","fsCache","screenDiagonal","sqrt","baseScreenDiagonal","adjustedFontSize"],"sourceRoot":"..\\..\\..\\src","sources":["helpers/ResponsiveCalculations.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,10 +15,10 @@ Object.defineProperty(exports, "useConditionalWindowDimension", {
|
|
|
15
15
|
return _useConditionalWindowDimension.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
Object.defineProperty(exports, "
|
|
18
|
+
Object.defineProperty(exports, "useScalingMode", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return
|
|
21
|
+
return _useScalingMode.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "useTheme", {
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "useTheme", {
|
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
var _useTheme = _interopRequireDefault(require("./useTheme.js"));
|
|
31
|
-
var
|
|
31
|
+
var _useScalingMode = _interopRequireDefault(require("./useScalingMode.js"));
|
|
32
32
|
var _useColorScheme = _interopRequireDefault(require("./useColorScheme.js"));
|
|
33
33
|
var _useConditionalWindowDimension = _interopRequireDefault(require("./useConditionalWindowDimension.js"));
|
|
34
34
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_useTheme","_interopRequireDefault","require","
|
|
1
|
+
{"version":3,"names":["_useTheme","_interopRequireDefault","require","_useScalingMode","_useColorScheme","_useConditionalWindowDimension","e","__esModule","default"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,8BAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAA2F,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}
|
|
@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _NativeProvider = require("../components/Provider/NativeProvider.js");
|
|
9
|
-
const
|
|
10
|
-
var _default = exports.default =
|
|
11
|
-
//# sourceMappingURL=
|
|
9
|
+
const useScalingMode = () => (0, _react.useContext)(_NativeProvider.Context)?.scaling;
|
|
10
|
+
var _default = exports.default = useScalingMode;
|
|
11
|
+
//# sourceMappingURL=useScalingMode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","require","_NativeProvider","useScalingMode","useContext","Context","scaling","_default","exports","default"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useScalingMode.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,MAAME,cAAc,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACC,uBAAO,CAAC,EAAEC,OAAO;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3CN,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"..\\..\\src","sources":["index.d.ts"],"mappings":"","ignoreList":[]}
|