@bigbinary/neetoui-rn 0.0.268 → 0.0.270

package/src/theme/index.js

@@ -1,181 +0,0 @@
-import { moderateScale } from "react-native-size-matters";
-
-const defaultColors = {
-  white: "#ffffff",
-  base: "#4557F8",
-  danger: "#D95D4E",
-  menubackground: "#F6F6FA",
-};
-
-const toastBorderColors = {
-  success: "#00BA88",
-  error: "#F56A58",
-  info: "#276EF1",
-  warning: "#F3CD82",
-};
-
-const greyVariants = {
-  grey: "#828282",
-  grey100: "#f8f9f9",
-  grey200: "#e9ebed",
-  grey300: "#d8dcde",
-  grey400: "#c2c8cc",
-  grey500: "#87929d",
-  grey600: "#68737d",
-  grey700: "#2f3941",
-  grey800: "#1f1f1f",
-};
-
-const darkBlueVariant = {
-  darkBlue100: "#0B4885",
-};
-
-const lightBlueVariants = {
-  lightBlue100: "#EAF3FC",
-  lightBlue400: "#4558F9",
-};
-
-const purpleVariants = {
-  purple100: "#F2F4FF",
-  purple200: "#ECF4FF",
-  purple500: "#4557F8",
-  purple700: "#342DF4",
-};
-
-const greenVariants = {
-  green500: "#34C759",
-  green600: "#33C8A0",
-  green700: "#00BA88",
-  green800: "#00956D",
-};
-
-const colors = {
-  font: {
-    primary: "#2F3941",
-    secondary: "#49545C",
-    ...defaultColors,
-    ...greyVariants,
-    ...lightBlueVariants,
-    ...darkBlueVariant,
-    ...purpleVariants,
-    ...greenVariants,
-  },
-  background: {
-    parentView: "#ffffff",
-    primary: "#ffffff",
-    secondary: "#F6F6FA",
-    oldLace: "#FDF6E5",
-    ...defaultColors,
-    ...greyVariants,
-    ...lightBlueVariants,
-    ...darkBlueVariant,
-    ...purpleVariants,
-    ...greenVariants,
-  },
-  border: {
-    primary: "#E9EBED",
-    secondary: "#C2C8CC",
-    ...greyVariants,
-    ...lightBlueVariants,
-    ...darkBlueVariant,
-    ...defaultColors,
-    ...purpleVariants,
-  },
-  toast: {
-    ...toastBorderColors,
-  },
-};
-
-const baseTheme = {
-  colors,
-  fonts: {
-    // We can add below commented fonts later as follows. Also add font faces in index.web.js for the web.
-    // https://www.bigbinary.com/learn-react-native/adding-custom-fonats
-
-    // sf100: "SFProText-Thin",
-    // sf200: "SFProText-ExtraLight",
-    // sf300: "SFProText-Light",
-    // sf800: "SFProText-ExtraBold",
-    // sf900: "SFProText-Black",
-
-    sf400: "SFProText-Regular",
-    sf500: "SFProText-Medium",
-    sf600: "SFProText-Semibold",
-    sf700: "SFProText-Bold",
-  },
-  lineHeights: [24],
-  fontSizes: {
-    "4xs": moderateScale(10),
-    "3xs": moderateScale(11),
-    "2xs": moderateScale(12),
-    xs: moderateScale(13),
-    s: moderateScale(14),
-    m: moderateScale(15),
-    l: moderateScale(16),
-    xl: moderateScale(17),
-    "2xl": moderateScale(18),
-    "3xl": moderateScale(20),
-    "4xl": moderateScale(22),
-    "5xl": moderateScale(30),
-  },
-  space: new Array(100).fill(0).map((_, index) => index + 1),
-};
-
-//aliases
-baseTheme.lineHeights.note = `${baseTheme.lineHeights[0]}px`;
-
-export const theme = {
-  ...baseTheme,
-  textStyles: {
-    defaultTextStyle: {
-      color: baseTheme.colors.font.grey800,
-      fontSize: baseTheme.fontSizes.s,
-      fontFamily: baseTheme.fonts.sf400,
-    },
-    header: {
-      color: baseTheme.colors.font.primary,
-      fontSize: baseTheme.fontSizes["3xl"],
-      fontFamily: baseTheme.fonts.sf600,
-    },
-    modalHeader: {
-      color: baseTheme.colors.font.primary,
-      fontSize: baseTheme.fontSizes["xl"],
-      fontFamily: baseTheme.fonts.sf600,
-    },
-    body: {
-      color: baseTheme.colors.font.grey500,
-      fontSize: baseTheme.fontSizes.s,
-    },
-    subtext: {
-      color: baseTheme.colors.font.primary,
-      fontSize: baseTheme.fontSizes["2xs"],
-    },
-
-    // buttonTextStyles
-    solid: {
-      color: baseTheme.colors.font.white,
-    },
-    inverse: {
-      color: baseTheme.colors.font.base,
-    },
-    text: {
-      color: baseTheme.colors.font.base,
-    },
-  },
-  buttons: {
-    solid: {
-      border: 2,
-      borderColor: baseTheme.colors.background.base,
-      backgroundColor: baseTheme.colors.background.base,
-    },
-    inverse: {
-      border: 2,
-      borderColor: baseTheme.colors.border.base,
-      backgroundColor: baseTheme.colors.background.white,
-    },
-    text: {
-      color: baseTheme.colors.font.grey800,
-      backgroundColor: baseTheme.colors.background.white,
-    },
-  },
-};

package/src/utils/utils.js

@@ -1,56 +0,0 @@
-import { Platform } from "react-native";
-
-const shadowRadiusList = [
-  1, 1.41, 2.22, 2.62, 3.84, 4.65, 4.65, 4.65, 5.46, 6.27, 6.68, 7.49, 8.3,
-  9.11, 9.51, 10.32, 11.14, 11.95, 12.35, 13.16, 13.97, 14.78, 15.19, 16,
-];
-
-const shadowOpacityList = [
-  0.18, 0.2, 0.22, 0.23, 0.25, 0.27, 0.29, 0.3, 0.32, 0.34, 0.36, 0.37, 0.39,
-  0.41, 0.43, 0.44, 0.46, 0.48, 0.5, 0.51, 0.53, 0.55, 0.57, 0.58,
-];
-
-export const getShadowStyles = (elevation = 0) => {
-  if (elevation > 24) elevation = 24;
-
-  return {
-    shadowOffset: {
-      width: 0,
-      height: Math.floor(elevation / 2),
-    },
-    shadowRadius: shadowRadiusList[elevation - 1],
-    shadowOpacity: shadowOpacityList[elevation - 1],
-    elevation,
-  };
-};
-
-export const isAndroid = () => Platform.OS === "android";
-
-export const isValidEmail = email =>
-  String(email)
-    .toLowerCase()
-    .match(
-      /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-    );
-
-export const charsForRegex = chars => chars?.join("|") || "";
-
-export const endsWithChars = (text, chars) => {
-  const regex = `(${charsForRegex(chars)})$`;
-
-  return text.match(regex);
-};
-
-export const trimChars = (text, chars) => {
-  const charsRegex = charsForRegex(chars);
-
-  const startRegexPattern = `^(${charsRegex})+`;
-  const endRegexPattern = `(${charsRegex})+$`;
-
-  const startRegex = new RegExp(startRegexPattern);
-  const endRegex = new RegExp(endRegexPattern);
-
-  const trimmedText = text.replace(startRegex, "").replace(endRegex, "");
-
-  return trimmedText;
-};