react-native-exp-fig 0.1.14 → 0.1.15

package/src/styles/theme/theme.ts

@@ -1,170 +1,170 @@
-/**
- * IMPORTS
- */
-
-const borderWidths = {
-  thin: 1,
-  thin_medium: 2,
-  thin_bold: 6,
-  thick: 4,
-  thick_medium: 8,
-  thick_bold: 12,
-  thick_large: 16,
-  hairline: 999,
-};
-
-const colors = {
-  neutral: {
-    25: "#FFFFFF",
-    50: "#E7EEFF",
-    75: "#E5E1F9",
-    200: "#C6C6C6",
-    300: "#F3F3F3",
-    400: "#F4F5F6",
-  },
-  black: {
-    10: "#000000",
-    25: "#1E1E1E",
-    100: "#393939",
-    180: "#35302B",
-  },
-  blue: {
-    25: "#1E1E1E",
-    50: "#1EA7fD",
-    100: "#051C3B",
-    150: "#2E41F2",
-    350: "#357FD6",
-    375: "#056CF2",
-    400: "#2D3748",
-    400_50: "#2D374880",
-    500: "#050022",
-    525: "#051C3B",
-  },
-  red: {
-    400: "#D23A1A",
-    500: "#C54239",
-    600: "#B3261E",
-    800: "#E72626",
-    900: "#9F0000",
-  },
-  gray: {
-    300: "#D9D9D9",
-    350: "#CDCDCD",
-    400: "#C6C6C6",
-    500: "#1c1c1e",
-    600: "#5E5E5E",
-    700: "#727272",
-    800: "#837676",
-    850: "#868686",
-    875: "#949494",
-    900: "#9B9B9B",
-    925: "#957c5f",
-    950: "#94a3b8",
-  },
-  green: {
-    200: "#25BA76",
-    250: "#20AD48",
-    400: "#49C63E",
-    500: "#50C58F",
-  },
-  orange: {
-    500: "#FC5701",
-    450: "#FC6C2D",
-    150: "#FFA41C",
-  },
-  yellow: {
-    100: "#DFAE00",
-    50: "#F0CA4B",
-    75: "#F59E0B",
-  },
-};
-
-const fonts = {
-  inter_thin_100: "Inter-Thin",
-  inter_extra_light_200: "Inter-ExtraLight",
-  inter_light_300: "Inter-Light",
-  inter_regular_400: "Inter-Regular",
-  inter_medium_500: "Inter-Medium",
-  inter_semi_bold_600: "Inter-SemiBold",
-  inter_bold_700: "Inter-Bold",
-  inter_extra_bold_800: "Inter-ExtraBold",
-  inter_bold: "Inter-Bold",
-};
-
-const fontSizes = {
-  "2xs": 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 32,
-  "4xl": 38,
-  "5xl": 50,
-  "6xl": 60,
-  "7xl": 72,
-  "8xl": 96,
-  "9xl": 128,
-};
-
-const margins = {
-  "1xs": 6,
-  "2xs": 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 30,
-  "4xl": 36,
-  "5xl": 48,
-  "6xl": 60,
-  "7xl": 72,
-  "8xl": 96,
-  "9xl": 128,
-};
-
-const paddings = {
-  "2xs": 10,
-  xs: 12,
-  sm: 14,
-  md: 16,
-  lg: 18,
-  xl: 20,
-  "2xl": 24,
-  "3xl": 30,
-  "4xl": 36,
-  "5xl": 48,
-  "6xl": 60,
-  "7xl": 72,
-  "8xl": 96,
-  "9xl": 128,
-};
-
-const shadows = {
-  z1: "0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)",
-  z2: "0px 1px 2px rgba(0, 0, 0, 0.3)",
-};
-
-const letterSpacing = {
-  o_16: 0.16,
-  regular: 0.5,
-  medium: 0.75,
-  strong: 1,
-};
-
-/**
- * EXPORTSS
- */
-export const theme = {
-  borderWidths,
-  colors,
-  fonts,
-  fontSizes,
-  margins,
-  shadows,
-  paddings,
-  letterSpacing,
-};
+/**
+ * IMPORTS
+ */
+
+const borderWidths = {
+  thin: 1,
+  thin_medium: 2,
+  thin_bold: 6,
+  thick: 4,
+  thick_medium: 8,
+  thick_bold: 12,
+  thick_large: 16,
+  hairline: 999,
+};
+
+const colors = {
+  neutral: {
+    25: "#FFFFFF",
+    50: "#E7EEFF",
+    75: "#E5E1F9",
+    200: "#C6C6C6",
+    300: "#F3F3F3",
+    400: "#F4F5F6",
+  },
+  black: {
+    10: "#000000",
+    25: "#1E1E1E",
+    100: "#393939",
+    180: "#35302B",
+  },
+  blue: {
+    25: "#1E1E1E",
+    50: "#1EA7fD",
+    100: "#051C3B",
+    150: "#2E41F2",
+    350: "#357FD6",
+    375: "#056CF2",
+    400: "#2D3748",
+    400_50: "#2D374880",
+    500: "#050022",
+    525: "#051C3B",
+  },
+  red: {
+    400: "#D23A1A",
+    500: "#C54239",
+    600: "#B3261E",
+    800: "#E72626",
+    900: "#9F0000",
+  },
+  gray: {
+    300: "#D9D9D9",
+    350: "#CDCDCD",
+    400: "#C6C6C6",
+    500: "#1c1c1e",
+    600: "#5E5E5E",
+    700: "#727272",
+    800: "#837676",
+    850: "#868686",
+    875: "#949494",
+    900: "#9B9B9B",
+    925: "#957c5f",
+    950: "#94a3b8",
+  },
+  green: {
+    200: "#25BA76",
+    250: "#20AD48",
+    400: "#49C63E",
+    500: "#50C58F",
+  },
+  orange: {
+    500: "#FC5701",
+    450: "#FC6C2D",
+    150: "#FFA41C",
+  },
+  yellow: {
+    100: "#DFAE00",
+    50: "#F0CA4B",
+    75: "#F59E0B",
+  },
+};
+
+const fonts = {
+  inter_thin_100: "Inter-Thin",
+  inter_extra_light_200: "Inter-ExtraLight",
+  inter_light_300: "Inter-Light",
+  inter_regular_400: "Inter-Regular",
+  inter_medium_500: "Inter-Medium",
+  inter_semi_bold_600: "Inter-SemiBold",
+  inter_bold_700: "Inter-Bold",
+  inter_extra_bold_800: "Inter-ExtraBold",
+  inter_bold: "Inter-Bold",
+};
+
+const fontSizes = {
+  "2xs": 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 32,
+  "4xl": 38,
+  "5xl": 50,
+  "6xl": 60,
+  "7xl": 72,
+  "8xl": 96,
+  "9xl": 128,
+};
+
+const margins = {
+  "1xs": 6,
+  "2xs": 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 30,
+  "4xl": 36,
+  "5xl": 48,
+  "6xl": 60,
+  "7xl": 72,
+  "8xl": 96,
+  "9xl": 128,
+};
+
+const paddings = {
+  "2xs": 10,
+  xs: 12,
+  sm: 14,
+  md: 16,
+  lg: 18,
+  xl: 20,
+  "2xl": 24,
+  "3xl": 30,
+  "4xl": 36,
+  "5xl": 48,
+  "6xl": 60,
+  "7xl": 72,
+  "8xl": 96,
+  "9xl": 128,
+};
+
+const shadows = {
+  z1: "0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)",
+  z2: "0px 1px 2px rgba(0, 0, 0, 0.3)",
+};
+
+const letterSpacing = {
+  o_16: 0.16,
+  regular: 0.5,
+  medium: 0.75,
+  strong: 1,
+};
+
+/**
+ * EXPORTSS
+ */
+export const theme = {
+  borderWidths,
+  colors,
+  fonts,
+  fontSizes,
+  margins,
+  shadows,
+  paddings,
+  letterSpacing,
+};

package/src/utils/format-data/index.ts

@@ -1,66 +1,66 @@
-/**
- * Formata uma data do tipo Date para o formato DD/MM/YYYY
- * @param date Objeto Date a ser formatado
- * @returns String no formato DD/MM/YYYY
- */
-const formatDate = (date: Date): string => {
-  const day = String(date.getDate()).padStart(2, "0");
-  const month = String(date.getMonth() + 1).padStart(2, "0"); // Mês começa em 0
-  const year = date.getFullYear();
-
-  return `${day}/${month}/${year}`;
-};
-
-export { formatDate };
-
-/**
- * Formata uma data do tipo Date para o formato DD/MM/YYYY
- * @param date Objeto Date a ser formatado
- * @returns String no formato DD/MM/YYYY
- */
-const formHoursMinute = (segundos: string): string => {
-  const totalSegundos = parseInt(segundos, 10);
-  const horas = Math.floor(totalSegundos / 3600);
-  const minutos = Math.floor((totalSegundos % 3600) / 60);
-
-  const horasFormatadas = String(horas).padStart(2, "0");
-  const minutosFormatados = String(minutos).padStart(2, "0");
-
-  return `${horasFormatadas}:${minutosFormatados}`;
-};
-
-export { formHoursMinute };
-
-/**
- * Retorna as sete últimas datas do dias
- * @returns Array<{ date: number, dayName: string, fullDate: Date }>
- */
-
-const getLastSevenDays = () => {
-  const today = new Date();
-  const days = [];
-
-  // adiciona a opção "Todos" no início
-  days.push({
-    date: "all",
-    dayName: "Todos",
-    fullDate: new Date(),
-  });
-
-  const dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
-
-  for (let i = 6; i >= 0; i--) {
-    const date = new Date(today);
-    date.setDate(today.getDate() - i);
-
-    days.push({
-      date: date.getDate(),
-      dayName: dayNames[date.getDay()],
-      fullDate: date,
-    });
-  }
-
-  return days;
-};
-
-export { getLastSevenDays };
+/**
+ * Formata uma data do tipo Date para o formato DD/MM/YYYY
+ * @param date Objeto Date a ser formatado
+ * @returns String no formato DD/MM/YYYY
+ */
+const formatDate = (date: Date): string => {
+  const day = String(date.getDate()).padStart(2, "0");
+  const month = String(date.getMonth() + 1).padStart(2, "0"); // Mês começa em 0
+  const year = date.getFullYear();
+
+  return `${day}/${month}/${year}`;
+};
+
+export { formatDate };
+
+/**
+ * Formata uma data do tipo Date para o formato DD/MM/YYYY
+ * @param date Objeto Date a ser formatado
+ * @returns String no formato DD/MM/YYYY
+ */
+const formHoursMinute = (segundos: string): string => {
+  const totalSegundos = parseInt(segundos, 10);
+  const horas = Math.floor(totalSegundos / 3600);
+  const minutos = Math.floor((totalSegundos % 3600) / 60);
+
+  const horasFormatadas = String(horas).padStart(2, "0");
+  const minutosFormatados = String(minutos).padStart(2, "0");
+
+  return `${horasFormatadas}:${minutosFormatados}`;
+};
+
+export { formHoursMinute };
+
+/**
+ * Retorna as sete últimas datas do dias
+ * @returns Array<{ date: number, dayName: string, fullDate: Date }>
+ */
+
+const getLastSevenDays = () => {
+  const today = new Date();
+  const days = [];
+
+  // adiciona a opção "Todos" no início
+  days.push({
+    date: "all",
+    dayName: "Todos",
+    fullDate: new Date(),
+  });
+
+  const dayNames = ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"];
+
+  for (let i = 6; i >= 0; i--) {
+    const date = new Date(today);
+    date.setDate(today.getDate() - i);
+
+    days.push({
+      date: date.getDate(),
+      dayName: dayNames[date.getDay()],
+      fullDate: date,
+    });
+  }
+
+  return days;
+};
+
+export { getLastSevenDays };

package/src/utils/status-color/return-color.ts

@@ -1,23 +1,23 @@
-import { theme } from "../../styles/theme/theme";
-
-export type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido";
-
-function getBorderColor(status: string) {
-  const borderColors = {
-    Cancelado: theme.colors.red[900],
-    Pendente: theme.colors.orange[450],
-  };
-  return borderColors[status as keyof typeof borderColors];
-}
-function getStatusColor(status: StatusType): string {
-  const statusColors: Record<StatusType, string> = {
-    Concluido: theme.colors.green[400],
-    Cancelado: theme.colors.red[900],
-    Pendente: theme.colors.yellow[50],
-    Andamento: theme.colors.yellow[50],
-  };
-
-  return statusColors[status];
-}
-
-export { getStatusColor, getBorderColor };
+import { theme } from "../../styles/theme/theme";
+
+export type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido";
+
+function getBorderColor(status: string) {
+  const borderColors = {
+    Cancelado: theme.colors.red[900],
+    Pendente: theme.colors.orange[450],
+  };
+  return borderColors[status as keyof typeof borderColors];
+}
+function getStatusColor(status: StatusType): string {
+  const statusColors: Record<StatusType, string> = {
+    Concluido: theme.colors.green[400],
+    Cancelado: theme.colors.red[900],
+    Pendente: theme.colors.yellow[50],
+    Andamento: theme.colors.yellow[50],
+  };
+
+  return statusColors[status];
+}
+
+export { getStatusColor, getBorderColor };