@nexara/nativeflow 0.1.7 → 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 +23 -24
- 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 +41 -38
- 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 -11
- 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 -19
- package/lib/commonjs/components/Dialog/DialogFoot.js.map +1 -1
- package/lib/commonjs/components/Dialog/DialogHead.js +20 -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 +2 -3
- package/lib/commonjs/components/Icon/Icon.js.map +1 -1
- package/lib/commonjs/components/IconButton/IconButton.js +1 -2
- 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 +12 -8
- 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/NativeProvider.js +1 -2
- 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 +3 -3
- 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 +17 -14
- 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 +25 -31
- package/lib/commonjs/helpers/ResponsiveCalculations.js.map +1 -1
- package/lib/commonjs/index.js +23 -42
- 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/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 +22 -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 +35 -30
- 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 -9
- 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 -17
- package/lib/module/components/Dialog/DialogFoot.js.map +1 -1
- package/lib/module/components/Dialog/DialogHead.js +22 -27
- 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 +1 -1
- package/lib/module/components/Icon/Icon.js.map +1 -1
- 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 +11 -6
- 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/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 +3 -3
- 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 +18 -15
- 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 +25 -28
- package/lib/module/helpers/ResponsiveCalculations.js.map +1 -1
- package/lib/module/index.js +3 -4
- 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/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/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/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/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 -2
- 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 -2
- package/lib/typescript/commonjs/src/helpers/ResponsiveCalculations.d.ts.map +1 -1
- package/lib/typescript/commonjs/src/index.d.ts +4 -4
- 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 +71 -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 +2 -15
- 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 +24 -71
- 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 -14
- package/lib/typescript/commonjs/src/types/userInput.type.d.ts.map +1 -1
- 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/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/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/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 -2
- 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 -2
- package/lib/typescript/module/src/helpers/ResponsiveCalculations.d.ts.map +1 -1
- package/lib/typescript/module/src/index.d.ts +4 -4
- 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 +71 -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 +2 -15
- 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 +24 -71
- 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 -14
- package/lib/typescript/module/src/types/userInput.type.d.ts.map +1 -1
- 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 +32 -26
- package/src/components/Button/utils.ts +30 -30
- package/src/components/CheckBox/CheckBox.tsx +30 -28
- package/src/components/Chip/Chip.tsx +23 -31
- package/src/components/Chip/utils.ts +34 -20
- package/src/components/Dialog/Dialog.tsx +11 -7
- package/src/components/Dialog/DialogBody.tsx +13 -13
- package/src/components/Dialog/DialogDescription.tsx +9 -9
- package/src/components/Dialog/DialogFoot.tsx +19 -21
- package/src/components/Dialog/DialogHead.tsx +15 -20
- package/src/components/Divider/Divider.tsx +7 -15
- package/src/components/Grid/Grid.tsx +6 -5
- package/src/components/Icon/Icon.tsx +1 -1
- package/src/components/IconButton/IconButton.tsx +2 -2
- package/src/components/Link/Link.tsx +20 -29
- package/src/components/Menu/Menu.tsx +9 -6
- 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/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 +4 -4
- package/src/components/Surface/Surface.tsx +20 -27
- package/src/components/Switch/Switch.tsx +12 -10
- package/src/components/UserInput/UserInput.tsx +19 -16
- package/src/components/UserInput/generateColors.ts +3 -3
- package/src/constants/typographySizes.ts +13 -15
- package/src/helpers/ResponsiveCalculations.ts +25 -29
- package/src/index.ts +5 -6
- 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 +81 -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 +2 -18
- package/src/types/radio.type.ts +78 -0
- package/src/types/stack.type.ts +7 -17
- package/src/types/styledComponents.type.ts +26 -74
- package/src/types/surface.type.ts +19 -0
- package/src/types/userInput.type.ts +10 -15
- 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/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/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/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/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
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["Switch","NativeSwitch","verticalScale","useTheme","Color","jsx","_jsx","Fragment","_Fragment","checked","color","disabled","size","activeTrackColor","inactiveTrackColor","onChange","rest","colors","switchColor","states","brand","primary","disabledAndInActiveTrackColor","palette","natural","generateActiveTrackColor","lighten","alpha","rgb","string","children","value","trackColor","true","false","thumbColor","onValueChange","style","transform","scaleX","scaleY"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Switch/Switch.tsx"],"mappings":";;AACA,SAASA,MAAM,IAAIC,YAAY,QAAQ,cAAc;AACrD,SAASC,aAAa,QAAQ,yCAAsC;AACpE,SAASC,QAAQ,QAAQ,sBAAa;AAEtC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAE1B,MAAMR,MAAuB,GAAGA,CAAC;EAC7BS,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,GAAGd,QAAQ,CAAC,CAAC;EAClC,MAAMe,WAAW,GAAGP,QAAQ,GAAGM,MAAM,CAACE,MAAM,CAACR,QAAQ,GAAGD,KAAK,IAAIO,MAAM,CAACG,KAAK,CAACC,OAAO;EACrF,MAAMC,6BAA6B,GAAGL,MAAM,CAACM,OAAO,CAACC,OAAO,CAAC,GAAG,CAAC;EACjE,MAAMC,wBAAwB,GAAIrB,KAAK,CAACa,MAAM,CAACG,KAAK,CAACC,OAAO,CAAC,CAACK,OAAO,CAAC,CAAC,CAAC,CAACC,KAAK,CAAC,GAAG,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,MAAM,CAAC,CAAC;EAElG,oBAAQvB,IAAA,CAAAE,SAAA;IAAAsB,QAAA,eACJxB,IAAA,CAACL,YAAY;MACT8B,KAAK,EAAEtB,OAAQ;MACfuB,UAAU,EAAE;QAAEC,IAAI,EAAGtB,QAAQ,IAAIW,6BAA6B,KAAMT,gBAAgB,IAAIY,wBAAwB,CAAC;QAAES,KAAK,EAAGvB,QAAQ,IAAIW,6BAA6B,KAAMR,kBAAkB,IAAIQ,6BAA6B;MAAE,CAAE;MACjOa,UAAU,EAAEjB,WAAY;MACxBkB,aAAa,EAAErB,QAAS;MACxBsB,KAAK,EAAE;QAAEC,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAErC,aAAa,CAACU,IAAI;QAAE,CAAC,EAAE;UAAE4B,MAAM,EAAEtC,aAAa,CAACU,IAAI;QAAE,CAAC;MAAE,CAAE;MACzFD,QAAQ,EAAEA,QAAS;MAAA,GACfK;IAAI,CACX;EAAC,CACJ,CAAC;AACP,CAAC;AACD,eAAehB,MAAM","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef, useMemo } from 'react';
|
|
3
|
+
import { forwardRef, useMemo, useState } from 'react';
|
|
4
4
|
import { TextInput, StyleSheet } from 'react-native';
|
|
5
5
|
import { responsiveFontSize, verticalScale, horizontalScale } from "../../helpers/ResponsiveCalculations.js";
|
|
6
6
|
import { useTheme } from "../../hooks/index.js";
|
|
@@ -14,28 +14,29 @@ const UserInput = /*#__PURE__*/forwardRef(({
|
|
|
14
14
|
br = 10,
|
|
15
15
|
stroke = 1,
|
|
16
16
|
labelColor,
|
|
17
|
-
|
|
18
|
-
label: '
|
|
19
|
-
inputText: '
|
|
20
|
-
helperText: '
|
|
17
|
+
textScale = {
|
|
18
|
+
label: 'sm',
|
|
19
|
+
inputText: 'sm',
|
|
20
|
+
helperText: 'xs'
|
|
21
21
|
},
|
|
22
22
|
inputTextColor,
|
|
23
23
|
strokeColor,
|
|
24
24
|
cursorColor,
|
|
25
25
|
placeholderColor,
|
|
26
|
-
inputFs
|
|
26
|
+
inputFs,
|
|
27
27
|
labelFs,
|
|
28
28
|
helperTextFS,
|
|
29
29
|
placeholder = 'Please enter...',
|
|
30
30
|
disabled = false,
|
|
31
31
|
isError = false,
|
|
32
|
-
helperText
|
|
32
|
+
helperText,
|
|
33
33
|
multiline = false,
|
|
34
34
|
renderLeftIcon,
|
|
35
35
|
renderRightIcon,
|
|
36
36
|
styles,
|
|
37
37
|
...rest
|
|
38
38
|
}, ref) => {
|
|
39
|
+
const [isFocused, setIsFocused] = useState(false);
|
|
39
40
|
const theme = useTheme();
|
|
40
41
|
const STYLES = useMemo(Styles, []);
|
|
41
42
|
const {
|
|
@@ -46,24 +47,24 @@ const UserInput = /*#__PURE__*/forwardRef(({
|
|
|
46
47
|
const dynamicStyles = {
|
|
47
48
|
INPUT_CONT: {
|
|
48
49
|
alignItems: multiline ? 'flex-start' : 'center',
|
|
49
|
-
backgroundColor: disabled
|
|
50
|
-
borderColor: isError
|
|
50
|
+
backgroundColor: disabled && theme.colors.states.disabled || isFocused && theme.colors.states.focus || (bg ?? theme.colors.background.default),
|
|
51
|
+
borderColor: isError && theme.colors.semantic.danger || isFocused && theme.colors.brand.primary || (strokeColor ?? theme.colors.border.default),
|
|
51
52
|
borderWidth: variant === 'standard' ? 0 : stroke,
|
|
52
53
|
borderBottomWidth: stroke,
|
|
53
54
|
borderRadius: verticalScale(br),
|
|
54
|
-
height: multiline ? undefined : verticalScale(
|
|
55
|
+
height: multiline ? undefined : verticalScale(47),
|
|
55
56
|
paddingVertical: multiline ? horizontalScale(10) : undefined
|
|
56
57
|
},
|
|
57
58
|
INPUT: {
|
|
58
|
-
color: disabled ? theme.colors.
|
|
59
|
+
color: disabled ? theme.colors.typography.disabled : isError ? theme.colors.semantic.danger : inputTextColor ?? theme.colors.typography.primary,
|
|
59
60
|
//@ts-ignore
|
|
60
|
-
fontSize: responsiveFontSize(theme.typography
|
|
61
|
+
fontSize: responsiveFontSize(inputFs ?? theme.sizes.typography[textScale.inputText]),
|
|
61
62
|
textAlignVertical: multiline ? 'top' : 'center',
|
|
62
63
|
minHeight: multiline ? 100 : undefined,
|
|
63
64
|
maxHeight: multiline ? 150 : undefined
|
|
64
65
|
},
|
|
65
66
|
ERROR_HELPER_TEXT: {
|
|
66
|
-
color: theme.colors.
|
|
67
|
+
color: theme.colors.semantic.danger
|
|
67
68
|
}
|
|
68
69
|
};
|
|
69
70
|
return /*#__PURE__*/_jsx(_Fragment, {
|
|
@@ -72,7 +73,7 @@ const UserInput = /*#__PURE__*/forwardRef(({
|
|
|
72
73
|
style: styles?.mainContainer,
|
|
73
74
|
w: "100%",
|
|
74
75
|
children: [label && /*#__PURE__*/_jsx(StyledText, {
|
|
75
|
-
|
|
76
|
+
fScale: textScale?.label,
|
|
76
77
|
fs: labelFs,
|
|
77
78
|
color: computedLabelColor,
|
|
78
79
|
style: styles?.label,
|
|
@@ -87,10 +88,12 @@ const UserInput = /*#__PURE__*/forwardRef(({
|
|
|
87
88
|
editable: !disabled,
|
|
88
89
|
multiline: multiline,
|
|
89
90
|
cursorColor: computedCursorColor,
|
|
91
|
+
onFocus: () => setIsFocused(true),
|
|
92
|
+
onBlur: () => setIsFocused(false),
|
|
90
93
|
...rest
|
|
91
94
|
}), renderRightIcon]
|
|
92
95
|
}), isError && helperText && /*#__PURE__*/_jsx(StyledText, {
|
|
93
|
-
|
|
96
|
+
fScale: textScale?.helperText,
|
|
94
97
|
fs: helperTextFS,
|
|
95
98
|
style: [STYLES.ERROR_HELPER_TEXT, dynamicStyles.ERROR_HELPER_TEXT, styles?.helperText],
|
|
96
99
|
children: helperText
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","useMemo","TextInput","StyleSheet","responsiveFontSize","verticalScale","horizontalScale","useTheme","StyledText","StyledView","generateColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","UserInput","variant","label","bg","br","stroke","labelColor","
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","useState","TextInput","StyleSheet","responsiveFontSize","verticalScale","horizontalScale","useTheme","StyledText","StyledView","generateColors","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","UserInput","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","theme","STYLES","Styles","computedCursorColor","computedPlaceholderColor","computedLabelColor","dynamicStyles","INPUT_CONT","alignItems","backgroundColor","colors","states","focus","background","default","borderColor","semantic","danger","brand","primary","border","borderWidth","borderBottomWidth","borderRadius","height","undefined","paddingVertical","INPUT","color","typography","fontSize","sizes","textAlignVertical","minHeight","maxHeight","ERROR_HELPER_TEXT","children","gap","style","mainContainer","w","fScale","fs","inputContainer","input","placeholderTextColor","editable","onFocus","onBlur","create","flexDirection","paddingHorizontal","padding","flex"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/UserInput/UserInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
const generateColors = (theme, isError, cursorColor, placeholderColor, labelColor) => {
|
|
4
|
-
const computedCursorColor = isError ? theme.colors.
|
|
5
|
-
const computedPlaceholderColor = placeholderColor ?? theme.colors.
|
|
6
|
-
const computedLabelColor = isError ? theme.colors.
|
|
4
|
+
const computedCursorColor = isError ? theme.colors.semantic.danger : cursorColor ?? theme.colors.brand.primary;
|
|
5
|
+
const computedPlaceholderColor = placeholderColor ?? theme.colors.typography.tertiary;
|
|
6
|
+
const computedLabelColor = isError ? theme.colors.semantic.danger : labelColor ?? theme.colors.typography.primary;
|
|
7
7
|
return {
|
|
8
8
|
computedCursorColor,
|
|
9
9
|
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"],"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;AACD,eAAef,cAAc","ignoreList":[]}
|
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
const typographySizes = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
4
|
+
xxs: 10,
|
|
5
|
+
xs: 12,
|
|
6
|
+
sm: 14,
|
|
7
|
+
base: 16,
|
|
8
|
+
lg: 18,
|
|
9
|
+
xl: 24,
|
|
10
|
+
'2xl': 28,
|
|
11
|
+
'3xl': 32,
|
|
12
|
+
'4xl': 36,
|
|
13
|
+
'5xl': 45,
|
|
14
|
+
'6xl': 57
|
|
11
15
|
};
|
|
12
16
|
export default typographySizes;
|
|
13
17
|
//# sourceMappingURL=typographySizes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["typographySizes","
|
|
1
|
+
{"version":3,"names":["typographySizes","xxs","xs","sm","base","lg","xl"],"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;AAED,eAAeN,eAAe","ignoreList":[]}
|
|
@@ -7,19 +7,11 @@ const {
|
|
|
7
7
|
height: SCREEN_HEIGHT
|
|
8
8
|
} = Dimensions.get('window');
|
|
9
9
|
|
|
10
|
-
// const
|
|
11
|
-
// const scalingMode = useScalingMode();
|
|
12
|
-
|
|
13
|
-
const isResponsive = true;
|
|
10
|
+
// const isResponsive = true;
|
|
14
11
|
const guidelineBaseWidth = 350;
|
|
15
12
|
const guidelineBaseHeight = 680;
|
|
16
13
|
const [shortDimension, longDimension] = SCREEN_WIDTH < SCREEN_HEIGHT ? [SCREEN_WIDTH, SCREEN_HEIGHT] : [SCREEN_HEIGHT, SCREEN_WIDTH];
|
|
17
14
|
const scalingCache = new Map();
|
|
18
|
-
|
|
19
|
-
// export const fun = () => {
|
|
20
|
-
// return scalingCache
|
|
21
|
-
// }
|
|
22
|
-
|
|
23
15
|
const checkIsPhone = size => {
|
|
24
16
|
if (SCREEN_WIDTH <= 430 && SCREEN_WIDTH >= 375) {
|
|
25
17
|
return size;
|
|
@@ -36,7 +28,8 @@ const scale = (size, cacheKey, mode) => {
|
|
|
36
28
|
return cacheScaleValue?.[size];
|
|
37
29
|
}
|
|
38
30
|
if (mode === 'partial') {
|
|
39
|
-
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.40;
|
|
31
|
+
// const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.40;
|
|
32
|
+
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.20;
|
|
40
33
|
let scale = (cacheKey === 'hScale' ? shortDimension : longDimension) / guidelineBaseHeight;
|
|
41
34
|
scale = 1 + (scale - 1) * slowDownRate;
|
|
42
35
|
let adjustedSize = size * Math.max(scale, 0.80);
|
|
@@ -47,31 +40,34 @@ const scale = (size, cacheKey, mode) => {
|
|
|
47
40
|
finalSize = Math.round(PixelRatio.roundToNearestPixel(size * clampedScaleFactor));
|
|
48
41
|
}
|
|
49
42
|
cacheScaleValue[size] = finalSize;
|
|
43
|
+
cacheScaleValue[size] = finalSize;
|
|
50
44
|
scalingCache.set(cacheKey, cacheScaleValue);
|
|
51
45
|
return finalSize;
|
|
52
46
|
};
|
|
53
47
|
export const horizontalScale = size => {
|
|
54
48
|
const scalingMode = getGlobalContext().scaling.mode;
|
|
55
|
-
return scale(size, 'hScale', scalingMode);
|
|
49
|
+
return scale(size, 'hScale', scalingMode ?? 0);
|
|
56
50
|
};
|
|
57
51
|
export const verticalScale = size => {
|
|
58
52
|
const scalingMode = getGlobalContext().scaling.mode;
|
|
59
|
-
return scale(size, 'vScale', scalingMode);
|
|
60
|
-
};
|
|
61
|
-
export const moderateScale = (size, factor = 0.5) => {
|
|
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, factor = 0.5) => {
|
|
69
|
-
if (isResponsive) {
|
|
70
|
-
return size + longDimension / guidelineBaseHeight * size * factor;
|
|
71
|
-
} else {
|
|
72
|
-
return size + factor + 5;
|
|
73
|
-
}
|
|
53
|
+
return scale(size, 'vScale', scalingMode ?? 0);
|
|
74
54
|
};
|
|
55
|
+
|
|
56
|
+
// export const moderateScale = (size: number, factor = 0.5): number => {
|
|
57
|
+
// if (isResponsive) {
|
|
58
|
+
// return size + ((shortDimension / guidelineBaseWidth * size) - size) * factor;
|
|
59
|
+
// } else {
|
|
60
|
+
// return size + factor + 1;
|
|
61
|
+
// }
|
|
62
|
+
// }
|
|
63
|
+
// export const moderateVerticalScale = (size: number, factor = 0.5): number => {
|
|
64
|
+
// if (isResponsive) {
|
|
65
|
+
// return size + (longDimension / guidelineBaseHeight * size) * factor;
|
|
66
|
+
// } else {
|
|
67
|
+
// return size + factor + 5;
|
|
68
|
+
// }
|
|
69
|
+
// }
|
|
70
|
+
|
|
75
71
|
export const responsiveFontSize = fontSize => {
|
|
76
72
|
if (checkIsPhone(fontSize)) {
|
|
77
73
|
return fontSize;
|
|
@@ -80,7 +76,8 @@ export const responsiveFontSize = fontSize => {
|
|
|
80
76
|
if (fsCache?.[fontSize]) {
|
|
81
77
|
return fsCache?.[fontSize];
|
|
82
78
|
}
|
|
83
|
-
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.20
|
|
79
|
+
// const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.20
|
|
80
|
+
const slowDownRate = SCREEN_WIDTH < 375 ? 2 : 0.15;
|
|
84
81
|
const screenDiagonal = Math.sqrt(SCREEN_WIDTH ** 2 + SCREEN_HEIGHT ** 2);
|
|
85
82
|
const baseScreenDiagonal = Math.sqrt(360 ** 2 + 640 ** 2);
|
|
86
83
|
let scale = screenDiagonal / baseScreenDiagonal;
|
|
@@ -88,7 +85,7 @@ export const responsiveFontSize = fontSize => {
|
|
|
88
85
|
let adjustedFontSize = fontSize * Math.max(scale, 0.85);
|
|
89
86
|
const finalSize = Math.floor(PixelRatio.roundToNearestPixel(adjustedFontSize));
|
|
90
87
|
fsCache[fontSize] = finalSize;
|
|
91
|
-
scalingCache.set('
|
|
88
|
+
scalingCache.set('fs', fsCache);
|
|
92
89
|
return finalSize;
|
|
93
90
|
};
|
|
94
91
|
//# sourceMappingURL=ResponsiveCalculations.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Dimensions","PixelRatio","getGlobalContext","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","get","
|
|
1
|
+
{"version":3,"names":["Dimensions","PixelRatio","getGlobalContext","width","SCREEN_WIDTH","height","SCREEN_HEIGHT","get","guidelineBaseWidth","guidelineBaseHeight","shortDimension","longDimension","scalingCache","Map","checkIsPhone","size","scale","cacheKey","mode","cacheScaleValue","finalSize","slowDownRate","adjustedSize","Math","max","floor","roundToNearestPixel","baseScaleFactor","clampedScaleFactor","min","round","set","horizontalScale","scalingMode","scaling","verticalScale","responsiveFontSize","fontSize","fsCache","screenDiagonal","sqrt","baseScreenDiagonal","adjustedFontSize"],"sourceRoot":"..\\..\\..\\src","sources":["helpers/ResponsiveCalculations.ts"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACrD,SAASC,gBAAgB,QAAQ,0CAAuC;AAIxE,MAAM;EACFC,KAAK,EAAEC,YAAY;EACnBC,MAAM,EAAEC;AACZ,CAAC,GAAGN,UAAU,CAACO,GAAG,CAAC,QAAQ,CAAC;;AAE5B;AACA,MAAMC,kBAAkB,GAAG,GAAG;AAC9B,MAAMC,mBAAmB,GAAG,GAAG;AAC/B,MAAM,CAACC,cAAc,EAAEC,aAAa,CAAC,GAAGP,YAAY,GAAGE,aAAa,GAAG,CAACF,YAAY,EAAEE,aAAa,CAAC,GAAG,CAACA,aAAa,EAAEF,YAAY,CAAC;AAIpI,MAAMQ,YAAY,GAAG,IAAIC,GAAG,CAA0B,CAAC;AAEvD,MAAMC,YAAY,GAAIC,IAAY,IAAa;EAC3C,IAAIX,YAAY,IAAI,GAAG,IAAIA,YAAY,IAAI,GAAG,EAAE;IAC5C,OAAOW,IAAI;EACf;EACA,OAAO,CAAC;AACZ,CAAC;AAED,MAAMC,KAAK,GAAGA,CAACD,IAAY,EAAEE,QAAyB,EAAEC,IAAsB,KAAK;EAC/E,IAAIJ,YAAY,CAACC,IAAI,CAAC,EAAE;IACpB,OAAOA,IAAI;EACf;EACA,MAAMI,eAAoB,GAAGP,YAAY,CAACL,GAAG,CAACU,QAAQ,CAAC,IAAI,CAAC,CAAC;EAC7D,IAAIG,SAAS;EACb,IAAID,eAAe,GAAGJ,IAAI,CAAC,EAAE;IACzB,OAAOI,eAAe,GAAGJ,IAAI,CAAC;EAClC;EACA,IAAIG,IAAI,KAAK,SAAS,EAAE;IACpB;IACA,MAAMG,YAAY,GAAGjB,YAAY,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI;IAClD,IAAIY,KAAK,GAAI,CAACC,QAAQ,KAAK,QAAQ,GAAGP,cAAc,GAAGC,aAAa,IAAIF,mBAAoB;IAC5FO,KAAK,GAAG,CAAC,GAAG,CAACA,KAAK,GAAG,CAAC,IAAIK,YAAY;IACtC,IAAIC,YAAY,GAAGP,IAAI,GAAGQ,IAAI,CAACC,GAAG,CAACR,KAAK,EAAE,IAAI,CAAC;IAC/CI,SAAS,GAAGG,IAAI,CAACE,KAAK,CAACxB,UAAU,CAACyB,mBAAmB,CAACJ,YAAY,CAAC,CAAC;EACxE,CAAC,MAAM;IACH,MAAMK,eAAe,GAAIV,QAAQ,KAAK,QAAQ,GAAIP,cAAc,GAAGF,kBAAkB,GAAKG,aAAa,GAAGF,mBAAqB;IAC/H,MAAMmB,kBAAkB,GAAGL,IAAI,CAACC,GAAG,CAAC,GAAG,EAAED,IAAI,CAACM,GAAG,CAACF,eAAe,EAAE,GAAG,CAAC,CAAC;IACxEP,SAAS,GAAGG,IAAI,CAACO,KAAK,CAAC7B,UAAU,CAACyB,mBAAmB,CAACX,IAAI,GAAGa,kBAAkB,CAAC,CAAC;EACrF;EACAT,eAAe,CAACJ,IAAI,CAAC,GAAGK,SAAS;EACjCD,eAAe,CAACJ,IAAI,CAAC,GAAGK,SAAS;EACjCR,YAAY,CAACmB,GAAG,CAACd,QAAQ,EAAEE,eAAe,CAAC;EAC3C,OAAOC,SAAS;AACpB,CAAC;AAED,OAAO,MAAMY,eAAe,GAAIjB,IAAY,IAAa;EACrD,MAAMkB,WAAW,GAAG/B,gBAAgB,CAAC,CAAC,CAACgC,OAAO,CAAChB,IAAI;EACnD,OAAOF,KAAK,CAACD,IAAI,EAAE,QAAQ,EAAEkB,WAAW,IAAI,CAAC,CAAC;AAClD,CAAC;AAED,OAAO,MAAME,aAAa,GAAIpB,IAAY,IAAa;EACnD,MAAMkB,WAAW,GAAG/B,gBAAgB,CAAC,CAAC,CAACgC,OAAO,CAAChB,IAAI;EACnD,OAAOF,KAAK,CAACD,IAAI,EAAE,QAAQ,EAAEkB,WAAW,IAAI,CAAC,CAAC;AAClD,CAAC;;AAGD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMG,kBAAkB,GAAIC,QAAgB,IAAa;EAC5D,IAAIvB,YAAY,CAACuB,QAAQ,CAAC,EAAE;IACxB,OAAOA,QAAQ;EACnB;EACA,MAAMC,OAAY,GAAG1B,YAAY,CAACL,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;EACjD,IAAI+B,OAAO,GAAGD,QAAQ,CAAC,EAAE;IACrB,OAAOC,OAAO,GAAGD,QAAQ,CAAC;EAC9B;EACA;EACA,MAAMhB,YAAY,GAAGjB,YAAY,GAAG,GAAG,GAAG,CAAC,GAAG,IAAI;EAClD,MAAMmC,cAAc,GAAGhB,IAAI,CAACiB,IAAI,CAACpC,YAAY,IAAI,CAAC,GAAGE,aAAa,IAAI,CAAC,CAAC;EACxE,MAAMmC,kBAAkB,GAAGlB,IAAI,CAACiB,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC;EACzD,IAAIxB,KAAK,GAAGuB,cAAc,GAAGE,kBAAkB;EAC/CzB,KAAK,GAAG,CAAC,GAAG,CAACA,KAAK,GAAG,CAAC,IAAIK,YAAY;EACtC,IAAIqB,gBAAgB,GAAGL,QAAQ,GAAGd,IAAI,CAACC,GAAG,CAACR,KAAK,EAAE,IAAI,CAAC;EACvD,MAAMI,SAAS,GAAGG,IAAI,CAACE,KAAK,CAACxB,UAAU,CAACyB,mBAAmB,CAACgB,gBAAgB,CAAC,CAAC;EAC9EJ,OAAO,CAACD,QAAQ,CAAC,GAAGjB,SAAS;EAC7BR,YAAY,CAACmB,GAAG,CAAC,IAAI,EAAEO,OAAO,CAAC;EAC/B,OAAOlB,SAAS;AACpB,CAAC","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
export { default as NativeProvider } from "./components/Provider/NativeProvider.js";
|
|
4
|
-
export { horizontalScale,
|
|
5
|
-
export { default as Header } from "./components/Header/Header.js";
|
|
4
|
+
export { horizontalScale, verticalScale, responsiveFontSize } from "./helpers/ResponsiveCalculations.js";
|
|
6
5
|
export { default as Chip } from "./components/Chip/Chip.js";
|
|
6
|
+
export { default as Radio } from "./components/Radio/index.js";
|
|
7
7
|
export { default as Button } from "./components/Button/Button.js";
|
|
8
8
|
export { default as Stack } from "./components/Stack/index.js";
|
|
9
9
|
export { StyledText, StyledView } from "./components/StyledComponents/index.js";
|
|
10
10
|
export { default as UserInput } from "./components/UserInput/UserInput.js";
|
|
11
11
|
export { default as Grid } from "./components/Grid/Grid.js";
|
|
12
12
|
export { default as Progress } from "./components/Progress/Progress.js";
|
|
13
|
-
export { default as Slider } from
|
|
13
|
+
// export { default as Slider } from './components/Slider/Slider';
|
|
14
14
|
export { default as Surface } from "./components/Surface/Surface.js";
|
|
15
15
|
export { default as Switch } from "./components/Switch/Switch.js";
|
|
16
16
|
// export { default as TouchableRipple } from './components/TouchableRipple/TouchableRipple';
|
|
@@ -25,7 +25,6 @@ export { default as PortalProvider } from "./components/Portal/PortalProvider.js
|
|
|
25
25
|
export { default as Link } from "./components/Link/Link.js";
|
|
26
26
|
export { default as LightTheme } from "./themes/LightTheme.js";
|
|
27
27
|
export { default as DarkTheme } from "./themes/DarkTheme.js";
|
|
28
|
-
// export { default as createTheme } from './themes/createTheme';
|
|
29
28
|
export { useColorScheme, useTheme } from "./hooks/index.js";
|
|
30
29
|
|
|
31
30
|
// export type { TouchableRippleProps } from './components/TouchableRipple/TouchableRipple';
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["default","NativeProvider","horizontalScale","
|
|
1
|
+
{"version":3,"names":["default","NativeProvider","horizontalScale","verticalScale","responsiveFontSize","Chip","Radio","Button","Stack","StyledText","StyledView","UserInput","Grid","Progress","Surface","Switch","Dialog","DialogHead","DialogBody","DialogFoot","DialogDescription","CheckBox","Avatar","Divider","Menu","MenuItem","MenuItemLabel","IconButton","Icon","PortalProvider","Link","LightTheme","DarkTheme","useColorScheme","useTheme"],"sourceRoot":"..\\..\\src","sources":["index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,yCAAsC;AAChF,SAASC,eAAe,EAAEC,aAAa,EAAEC,kBAAkB,QAAQ,qCAAkC;AACrG,SAASJ,OAAO,IAAIK,IAAI,QAAQ,2BAAwB;AACxD,SAASL,OAAO,IAAIM,KAAK,QAAQ,6BAAoB;AACrD,SAASN,OAAO,IAAIO,MAAM,QAAQ,+BAA4B;AAE9D,SAASP,OAAO,IAAIQ,KAAK,QAAQ,6BAAoB;AACrD,SAASC,UAAU,EAAEC,UAAU,QAAQ,wCAA+B;AACtE,SAASV,OAAO,IAAIW,SAAS,QAAQ,qCAAkC;AACvE,SAASX,OAAO,IAAIY,IAAI,QAAQ,2BAAwB;AACxD,SAASZ,OAAO,IAAIa,QAAQ,QAAQ,mCAAgC;AACpE;AACA,SAASb,OAAO,IAAIc,OAAO,QAAQ,iCAA8B;AACjE,SAASd,OAAO,IAAIe,MAAM,QAAQ,+BAA4B;AAC9D;AACA,SAASC,MAAM,EAAEC,UAAU,EAAEC,UAAU,EAAEC,UAAU,EAAEC,iBAAiB,QAAQ,8BAAqB;AACnG,SAASpB,OAAO,IAAIqB,QAAQ,QAAQ,mCAAgC;AACpE,SAASrB,OAAO,IAAIsB,MAAM,QAAQ,8BAAqB;AACvD,SAAStB,OAAO,IAAIuB,OAAO,QAAQ,iCAA8B;AACjE,SAASC,IAAI,EAAEC,QAAQ,EAAEC,aAAa,QAAQ,4BAAmB;AACjE,SAAS1B,OAAO,IAAI2B,UAAU,QAAQ,uCAAoC;AAC1E,SAAS3B,OAAO,IAAI4B,IAAI,QAAQ,2BAAwB;AACxD,SAAS5B,OAAO,IAAI6B,cAAc,QAAQ,uCAAoC;AAC9E,SAAS7B,OAAO,IAAI8B,IAAI,QAAQ,2BAAwB;AACxD,SAAS9B,OAAO,IAAI+B,UAAU,QAAQ,wBAAqB;AAC3D,SAAS/B,OAAO,IAAIgC,SAAS,QAAQ,uBAAoB;AACzD,SAASC,cAAc,EAAEC,QAAQ,QAAQ,kBAAS;;AAelD;;AAUA","ignoreList":[]}
|
|
@@ -1,34 +1,198 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
import Color from "color";
|
|
3
4
|
import { dialogSizes, typographySizes } from "../constants/index.js";
|
|
5
|
+
const darkColorPalette = {
|
|
6
|
+
natural: {
|
|
7
|
+
0: "#000000",
|
|
8
|
+
// pure black
|
|
9
|
+
50: "#0D1117",
|
|
10
|
+
// GitHub-inspired dark background
|
|
11
|
+
100: "#161B22",
|
|
12
|
+
// elevated surfaces
|
|
13
|
+
200: "#21262D",
|
|
14
|
+
// card backgrounds
|
|
15
|
+
300: "#30363D",
|
|
16
|
+
// borders and dividers
|
|
17
|
+
400: "#484F58",
|
|
18
|
+
// muted elements
|
|
19
|
+
500: "#6E7681",
|
|
20
|
+
// tertiary text
|
|
21
|
+
600: "#8B949E",
|
|
22
|
+
// secondary text
|
|
23
|
+
700: "#C9D1D9",
|
|
24
|
+
// primary text
|
|
25
|
+
800: "#F0F6FC",
|
|
26
|
+
// high contrast text
|
|
27
|
+
900: "#FFFFFF" // pure white
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
// Option 1: Purple & Emerald (Elegant & Professional)
|
|
4
32
|
const DarkTheme = {
|
|
5
33
|
isDark: true,
|
|
6
34
|
colors: {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
35
|
+
palette: darkColorPalette,
|
|
36
|
+
brand: {
|
|
37
|
+
primary: "#8B5CF6",
|
|
38
|
+
// Rich violet - elegant and professional
|
|
39
|
+
onPrimary: "#FFFFFF",
|
|
40
|
+
secondary: "#10B981",
|
|
41
|
+
// Emerald green - fresh and modern
|
|
42
|
+
onSecondary: "#FFFFFF",
|
|
43
|
+
tertiary: "#F59E0B",
|
|
44
|
+
// Amber - warm and inviting
|
|
45
|
+
onTertiary: "#000000"
|
|
46
|
+
},
|
|
47
|
+
semantic: {
|
|
48
|
+
success: "#34D399",
|
|
49
|
+
// Bright emerald success
|
|
50
|
+
onSuccess: "#000000",
|
|
51
|
+
warning: "#FBBF24",
|
|
52
|
+
// Warm amber warning
|
|
53
|
+
onWarning: "#000000",
|
|
54
|
+
danger: "#F87171",
|
|
55
|
+
// Soft red - less harsh than bright red
|
|
56
|
+
onDanger: "#000000",
|
|
57
|
+
info: "#60A5FA",
|
|
58
|
+
// Sky blue info
|
|
59
|
+
onInfo: "#000000"
|
|
60
|
+
},
|
|
61
|
+
background: {
|
|
62
|
+
default: "#0D1117",
|
|
63
|
+
// Deep professional background
|
|
64
|
+
surface: "#161B22",
|
|
65
|
+
// Card surfaces
|
|
66
|
+
elevated: "#21262D",
|
|
67
|
+
// Modal and elevated components
|
|
68
|
+
backdrop: "rgba(13,17,23,0.8)"
|
|
69
|
+
},
|
|
70
|
+
border: {
|
|
71
|
+
subtle: "#21262D",
|
|
72
|
+
default: "#30363D",
|
|
73
|
+
strong: "#484F58",
|
|
74
|
+
focus: "#8B5CF6" // Primary violet focus
|
|
75
|
+
},
|
|
76
|
+
typography: {
|
|
77
|
+
primary: "#F0F6FC",
|
|
78
|
+
// Crisp white text
|
|
79
|
+
secondary: "#C9D1D9",
|
|
80
|
+
// Soft gray text
|
|
81
|
+
tertiary: "#8B949E",
|
|
82
|
+
// Muted text
|
|
83
|
+
disabled: "#484F58",
|
|
84
|
+
inverse: "#0D1117"
|
|
85
|
+
},
|
|
86
|
+
states: {
|
|
87
|
+
hover: "rgba(139, 92, 246, 0.1)",
|
|
88
|
+
// Subtle violet hover
|
|
89
|
+
pressed: "rgba(139, 92, 246, 0.2)",
|
|
90
|
+
// Stronger violet press
|
|
91
|
+
focus: '',
|
|
92
|
+
disabled: "rgba(72, 79, 88, 0.6)"
|
|
93
|
+
},
|
|
94
|
+
elevation: {
|
|
95
|
+
level0: "none",
|
|
96
|
+
level1: "0px 2px 4px rgba(0,0,0,0.55), 0px 1px 2px rgba(139,92,246,0.08)",
|
|
97
|
+
level2: "0px 4px 8px rgba(0,0,0,0.65), 0px 2px 4px rgba(139,92,246,0.07)",
|
|
98
|
+
level3: "0px 8px 16px rgba(0,0,0,0.75), 0px 4px 8px rgba(139,92,246,0.05)",
|
|
99
|
+
level4: "0px 16px 32px rgba(0,0,0,0.85), 0px 8px 16px rgba(139,92,246,0.03)"
|
|
100
|
+
}
|
|
27
101
|
},
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
102
|
+
sizes: {
|
|
103
|
+
typography: typographySizes,
|
|
104
|
+
dialog: dialogSizes
|
|
105
|
+
}
|
|
32
106
|
};
|
|
107
|
+
DarkTheme.colors.states.focus = Color(DarkTheme.colors.brand.primary).alpha(0.05).rgb().string();
|
|
33
108
|
export default DarkTheme;
|
|
109
|
+
// import Color from "color";
|
|
110
|
+
// import { dialogSizes, typographySizes } from "../constants";
|
|
111
|
+
// import type { ThemeTypes } from "../types";
|
|
112
|
+
|
|
113
|
+
// const colorPalette = {
|
|
114
|
+
// natural: {
|
|
115
|
+
// 0: "#FFFFFF", // pure white
|
|
116
|
+
// 50: "#F9FAFB", // very light gray (default page background)
|
|
117
|
+
// 100: "#F3F4F6", // light gray (elevated surfaces)
|
|
118
|
+
// 200: "#E5E7EB", // subtle borders, dividers
|
|
119
|
+
// 300: "#D1D5DB", // default borders, secondary text
|
|
120
|
+
// 400: "#9CA3AF", // strong borders, muted text
|
|
121
|
+
// 500: "#6B7280", // tertiary text
|
|
122
|
+
// 600: "#4B5563", // secondary text
|
|
123
|
+
// 700: "#374151", // primary text on light backgrounds
|
|
124
|
+
// 800: "#1F2937", // strong primary text
|
|
125
|
+
// 900: "#111827", // almost black
|
|
126
|
+
// }
|
|
127
|
+
// }
|
|
128
|
+
|
|
129
|
+
// const DarkTheme: ThemeTypes = {
|
|
130
|
+
// isDark: true,
|
|
131
|
+
// colors: {
|
|
132
|
+
// palette: colorPalette,
|
|
133
|
+
// brand: {
|
|
134
|
+
// primary: "#22D3EE", // teal accent
|
|
135
|
+
// onPrimary: "#111827",
|
|
136
|
+
// secondary: "#818CF8", // indigo
|
|
137
|
+
// onSecondary: "#111827",
|
|
138
|
+
// tertiary: "#F59E0B", // amber
|
|
139
|
+
// onTertiary: "#111827",
|
|
140
|
+
// },
|
|
141
|
+
// semantic: {
|
|
142
|
+
// success: "#22C55E",
|
|
143
|
+
// onSuccess: "#111827",
|
|
144
|
+
// warning: "#FACC15",
|
|
145
|
+
// onWarning: "#111827",
|
|
146
|
+
// danger: "#EF4444",
|
|
147
|
+
// onDanger: "#FFFFFF",
|
|
148
|
+
// info: "#3B82F6",
|
|
149
|
+
// onInfo: "#FFFFFF",
|
|
150
|
+
// },
|
|
151
|
+
// background: {
|
|
152
|
+
// default: "#111827", // app background
|
|
153
|
+
// surface: "#1F2937", // cards, sections
|
|
154
|
+
// elevated: "#272B33", // menus, dialogs
|
|
155
|
+
// backdrop: "rgba(0,0,0,0.6)", // darker scrim
|
|
156
|
+
// },
|
|
157
|
+
// border: {
|
|
158
|
+
// subtle: "#272B33",
|
|
159
|
+
// default: "#374151",
|
|
160
|
+
// strong: "#4B5563",
|
|
161
|
+
// focus: "#22D3EE", // brand primary
|
|
162
|
+
// },
|
|
163
|
+
// typography: {
|
|
164
|
+
// primary: "#F9FAFB", // main text
|
|
165
|
+
// secondary: "#D1D5DB", // muted text
|
|
166
|
+
// tertiary: "#9CA3AF", // tertiary text
|
|
167
|
+
// disabled: "#808892", // disabled gray
|
|
168
|
+
// inverse: "#111827", // inverse on bright backgrounds
|
|
169
|
+
// },
|
|
170
|
+
// states: {
|
|
171
|
+
// hover: "rgba(255, 255, 255, 0.04)",
|
|
172
|
+
// pressed: "rgba(255, 255, 255, 0.08)",
|
|
173
|
+
// focus: "",
|
|
174
|
+
// active: "",
|
|
175
|
+
// disabled: "rgba(255, 255, 255, 0.3)"
|
|
176
|
+
// },
|
|
177
|
+
// elevation: {
|
|
178
|
+
// level0: "none",
|
|
179
|
+
// level1: "0px 1px 3px rgba(0,0,0,0.4), 0px 1px 1px rgba(0,0,0,0.24), 0px 2px 1px -1px rgba(0,0,0,0.2)",
|
|
180
|
+
// level2: "0px 2px 4px rgba(0,0,0,0.36), 0px 2px 3px rgba(0,0,0,0.32)",
|
|
181
|
+
// level4: "0px 4px 6px rgba(0,0,0,0.3), 0px 2px 4px rgba(0,0,0,0.28)",
|
|
182
|
+
// level8: "0px 8px 12px rgba(0,0,0,0.28), 0px 4px 8px rgba(0,0,0,0.24)",
|
|
183
|
+
// level12: "0px 12px 17px rgba(0,0,0,0.26), 0px 5px 12px rgba(0,0,0,0.22)",
|
|
184
|
+
// level16: "0px 16px 24px rgba(0,0,0,0.25), 0px 6px 16px rgba(0,0,0,0.2)",
|
|
185
|
+
// level24: "0px 24px 38px rgba(0,0,0,0.24), 0px 9px 46px rgba(0,0,0,0.18)",
|
|
186
|
+
// }
|
|
187
|
+
// },
|
|
188
|
+
// sizes: {
|
|
189
|
+
// typography: typographySizes,
|
|
190
|
+
// dialog: dialogSizes
|
|
191
|
+
// }
|
|
192
|
+
// };
|
|
193
|
+
|
|
194
|
+
// DarkTheme.colors.states.focus = Color(DarkTheme.colors.brand.primary).mix(Color("white"), 0.8).alpha(0.1).rgb().string();
|
|
195
|
+
// DarkTheme.colors.states.active = Color(DarkTheme.colors.brand.primary).lighten(0).alpha(0.3).rgb().string();
|
|
196
|
+
|
|
197
|
+
// export default DarkTheme;
|
|
34
198
|
//# sourceMappingURL=DarkTheme.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["dialogSizes","typographySizes","DarkTheme","isDark","colors","primary","secondary","
|
|
1
|
+
{"version":3,"names":["Color","dialogSizes","typographySizes","darkColorPalette","natural","DarkTheme","isDark","colors","palette","brand","primary","onPrimary","secondary","onSecondary","tertiary","onTertiary","semantic","success","onSuccess","warning","onWarning","danger","onDanger","info","onInfo","background","default","surface","elevated","backdrop","border","subtle","strong","focus","typography","disabled","inverse","states","hover","pressed","elevation","level0","level1","level2","level3","level4","sizes","dialog","alpha","rgb","string"],"sourceRoot":"..\\..\\..\\src","sources":["themes/DarkTheme.ts"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,EAAEC,eAAe,QAAQ,uBAAc;AAG3D,MAAMC,gBAAgB,GAAG;EACrBC,OAAO,EAAE;IACL,CAAC,EAAE,SAAS;IAAI;IAChB,EAAE,EAAE,SAAS;IAAG;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS;IAAE;IAChB,GAAG,EAAE,SAAS,CAAE;EACpB;AACJ,CAAC;;AAED;AACA,MAAMC,SAAqB,GAAG;EAC1BC,MAAM,EAAE,IAAI;EACZC,MAAM,EAAE;IACJC,OAAO,EAAEL,gBAAgB;IACzBM,KAAK,EAAE;MACHC,OAAO,EAAE,SAAS;MAAS;MAC3BC,SAAS,EAAE,SAAS;MACpBC,SAAS,EAAE,SAAS;MAAO;MAC3BC,WAAW,EAAE,SAAS;MACtBC,QAAQ,EAAE,SAAS;MAAQ;MAC3BC,UAAU,EAAE;IAChB,CAAC;IACDC,QAAQ,EAAE;MACNC,OAAO,EAAE,SAAS;MAAS;MAC3BC,SAAS,EAAE,SAAS;MACpBC,OAAO,EAAE,SAAS;MAAS;MAC3BC,SAAS,EAAE,SAAS;MACpBC,MAAM,EAAE,SAAS;MAAU;MAC3BC,QAAQ,EAAE,SAAS;MACnBC,IAAI,EAAE,SAAS;MAAY;MAC3BC,MAAM,EAAE;IACZ,CAAC;IACDC,UAAU,EAAE;MACRC,OAAO,EAAE,SAAS;MAAS;MAC3BC,OAAO,EAAE,SAAS;MAAS;MAC3BC,QAAQ,EAAE,SAAS;MAAQ;MAC3BC,QAAQ,EAAE;IACd,CAAC;IACDC,MAAM,EAAE;MACJC,MAAM,EAAE,SAAS;MACjBL,OAAO,EAAE,SAAS;MAClBM,MAAM,EAAE,SAAS;MACjBC,KAAK,EAAE,SAAS,CAAW;IAC/B,CAAC;IACDC,UAAU,EAAE;MACRxB,OAAO,EAAE,SAAS;MAAS;MAC3BE,SAAS,EAAE,SAAS;MAAO;MAC3BE,QAAQ,EAAE,SAAS;MAAQ;MAC3BqB,QAAQ,EAAE,SAAS;MACnBC,OAAO,EAAE;IACb,CAAC;IACDC,MAAM,EAAE;MACJC,KAAK,EAAE,yBAAyB;MAAO;MACvCC,OAAO,EAAE,yBAAyB;MAAK;MACvCN,KAAK,EAAE,EAAE;MACTE,QAAQ,EAAE;IACd,CAAC;IACDK,SAAS,EAAE;MACPC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,iEAAiE;MACzEC,MAAM,EAAE,iEAAiE;MACzEC,MAAM,EAAE,kEAAkE;MAC1EC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,KAAK,EAAE;IACHZ,UAAU,EAAEhC,eAAe;IAC3B6C,MAAM,EAAE9C;EACZ;AACJ,CAAC;AAEDI,SAAS,CAACE,MAAM,CAAC8B,MAAM,CAACJ,KAAK,GAAGjC,KAAK,CAACK,SAAS,CAACE,MAAM,CAACE,KAAK,CAACC,OAAO,CAAC,CAChEsC,KAAK,CAAC,IAAI,CAAC,CACXC,GAAG,CAAC,CAAC,CACLC,MAAM,CAAC,CAAC;AAGb,eAAe7C,SAAS;AACxB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA","ignoreList":[]}
|