react-native-modern-elements
Version:
A modern, customizable UI component library for React Native
83 lines (82 loc) • 2.11 kB
JavaScript
import { StyleSheet } from "react-native";
import { scale, verticalScale } from "../utils/styling";
export const colors = {
primary: "#283D27",
primaryLight: "#0ea5e9",
primaryDark: "#0369a1",
text: "#fff",
textLight: "#e5e5e5",
textLighter: "#d4d4d4",
white: "#fff",
white_10: "#F5F6FB",
white_15: "#ffffff26",
white_40: "#F3F3F9",
white_transparent: "#ffffffd0",
black: "#000",
black_10: "#e6e6e6",
black_15: "#d9d9d9",
black_30: "#b3b3b3",
black_50: "#7f7f7f",
black_70: "#4c4c4c",
black_80: "#333333",
black_transparent: "#7f7f7f63",
rose: "#ef4444",
green: "#16a34a",
softGray: "#eeeef1",
neutral50: "#fafafa",
neutral100: "#f5f5f5",
neutral200: "#e5e5e5",
neutral300: "#d4d4d4",
neutral350: "#CCCCCC",
neutral400: "#a3a3a3",
neutral500: "#737373",
neutral600: "#525252",
neutral700: "#404040",
neutral800: "#262626",
neutral900: "#171717",
};
export const spacingX = {
_3: scale(3),
_5: scale(5),
_7: scale(7),
_10: scale(10),
_12: scale(12),
_15: scale(15),
_20: scale(20),
_25: scale(25),
_30: scale(30),
_35: scale(35),
_40: scale(40),
};
export const spacingY = {
_5: verticalScale(5),
_7: verticalScale(7),
_10: verticalScale(10),
_12: verticalScale(12),
_15: verticalScale(15),
_17: verticalScale(17),
_20: verticalScale(20),
_25: verticalScale(25),
_30: verticalScale(30),
_35: verticalScale(35),
_40: verticalScale(40),
_50: verticalScale(50),
_60: verticalScale(60),
};
export const radius = {
_3: verticalScale(3),
_6: verticalScale(6),
_10: verticalScale(10),
_12: verticalScale(12),
_15: verticalScale(15),
_17: verticalScale(17),
_20: verticalScale(20),
_30: verticalScale(30),
};
export const classComponent = StyleSheet.create({
borderStyle: {
borderWidth: verticalScale(1),
borderColor: colors === null || colors === void 0 ? void 0 : colors.black_10,
borderRadius: verticalScale(10),
},
});