dhre-ui-kit 0.0.95 → 0.0.96

package/src/theme/ThemeContext.tsx

@@ -1,38 +0,0 @@
-import React, {createContext, useContext, ReactNode} from 'react';
-import {useSelector} from 'react-redux';
-import theme from './themes';
-
-interface ThemeContextType {
-  theme: Record<string, string>;
-}
-
-const ThemeContext = createContext<ThemeContextType | undefined>(undefined);
-
-interface ThemeProviderProps {
-  children: ReactNode;
-}
-
-export const ThemeProvider: React.FC<ThemeProviderProps> = ({children}) => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const mode = useSelector((state: any) => state.theme.currentTheme);
-  // const mode = 'light'
-  // Filter the theme based on the mode (light or dark)
-  const filteredTheme = Object.keys(theme).reduce((acc, key) => {
-    acc[key] = theme[key][mode];
-    return acc;
-  }, {} as Record<string, string>);
-
-  return (
-    <ThemeContext.Provider value={{theme: filteredTheme}}>
-      {children}
-    </ThemeContext.Provider>
-  );
-};
-
-export const useTheme = (): ThemeContextType => {
-  const context = useContext(ThemeContext);
-  if (context === undefined) {
-    throw new Error('useTheme must be used within a ThemeProvider');
-  }
-  return context;
-};

package/src/theme/colors.ts

@@ -1,186 +0,0 @@
-export const DHRE_COLORS_PRIMARY = {
-  //Black
-  DH_BLACK_25: '#C4C5C7',
-  DH_BLACK_50: '#888B8F',
-  DH_BLACK_75: '#4D5257',
-  DH_BLACK_100: '#101820',
-
-  //RED
-  DH_RED_25: '#EFCBC7',
-  DH_RED_50: '#E09890',
-  DH_RED_75: '#D3675B',
-  DH_RED_100: '#DA291C',
-
-  //GREY
-  DH_GREY_25: '#D7D9DB',
-  DH_GREY_50: '#AEB3B7',
-  DH_GREY_75: '#868D93',
-  DH_GREY_100: '#5B6770',
-};
-
-export const DHRE_COLORS_SECONDARY = {
-  //LIGHT SKY
-  DH_LIGHT_SKY_25: '#EBF6F9',
-  DH_LIGHT_SKY_50: '#D7ECF3',
-  DH_LIGHT_SKY_75: '#C3E3EC',
-  DH_LIGHT_SKY_100: '#A4DBE8',
-
-  DH_BIEGE_25: '#F0EDEB',
-  DH_BIEGE_50: '#E1DCD6',
-  DH_BIEGE_75: '#D2CBC2',
-  DH_BIEGE_100: '#C5B9AC',
-
-  DH_GREEN_DARK_0: '#F5FFF8',
-  DH_GREEN_DARK_100: '#EEFDF2',
-  DH_GREEN_DARK_200: '#E2F9E8',
-  DH_GREEN_DARK_300: '#D0F2DA',
-  DH_GREEN_DARK_400: '#B7E9C6',
-  DH_GREEN_DARK_500: '#98DDAC',
-  DH_GREEN_DARK_600: '#72CD8D',
-  DH_GREEN_DARK_700: '#4BB86C',
-  DH_GREEN_DARK_800: '#28A04C',
-  DH_GREEN_DARK_900: '#0E8732',
-  DH_GREEN_DARK: '#2F5A3C',
-
-  DH_BLUE_DARK_0: '#F5FCFF',
-  DH_BLUE_DARK_100: '#EEF8FD',
-  DH_BLUE_DARK_200: '#E2F1F9',
-  DH_BLUE_DARK_300: '#D0E7F2',
-  DH_BLUE_DARK_400: '#B7D9E9',
-  DH_BLUE_DARK_500: '#98C7DD',
-  DH_BLUE_DARK_600: '#72B0CD',
-  DH_BLUE_DARK_700: '#4B95B8',
-  DH_BLUE_DARK_800: '#4B95B8',
-  DH_BLUE_DARK_900: '#0E6187',
-  DH_BLUE_DARK: '#2C576B',
-
-  DH_BLUE_0: '#F5F9FF',
-  DH_BLUE_100: '#E2EDFE',
-  DH_BLUE_200: '#C1D9FB',
-  DH_BLUE_300: '#9BC1F6',
-  DH_BLUE_400: '#73A6ED',
-  DH_BLUE_500: '#4C8AE0',
-  DH_BLUE_600: '#276CCD',
-  DH_BLUE_700: '#1B5CB8',
-  DH_BLUE_800: '#134EA0',
-  DH_BLUE_900: '#0E4087',
-  DH_BLUE: '#4686E0',
-};
-
-export const DHRE_COLORS_ALERT = {
-  DH_SUCCESS_GREEN_0: '#F5FFFA',
-  DH_SUCCESS_GREEN_100: '#DFFEEE',
-  DH_SUCCESS_GREEN_200: '#99FBC7',
-  DH_SUCCESS_GREEN_300: '#72F7B0',
-  DH_SUCCESS_GREEN_400: '#53F29D',
-  DH_SUCCESS_GREEN_500: '#3CEB8D',
-  DH_SUCCESS_GREEN_600: '#2BE180',
-  DH_SUCCESS_GREEN_700: '#1FD574',
-  DH_SUCCESS_GREEN_800: '#17C669',
-  DH_SUCCESS_GREEN_900: '#12B85F',
-  DH_SUCCESS_GREEN: '#10CF68',
-  DH_SUCCESS_GREEN_ACCENT: '#00B578',
-
-  DH_INFO_BLUE_0: '#F5F9FF',
-  DH_INFO_BLUE_100: '#EDF3FD',
-  DH_INFO_BLUE_200: '#E0EAF9',
-  DH_INFO_BLUE_300: '#CDDCF2',
-  DH_INFO_BLUE_400: '#B3C8E9',
-  DH_INFO_BLUE_500: '#91AFDD',
-  DH_INFO_BLUE_600: '#6991CD',
-  DH_INFO_BLUE_700: '#3F6FB8',
-  DH_INFO_BLUE_800: '#1B50A0',
-  DH_INFO_BLUE_900: '#003687',
-  DH_INFO_BLUE: '#2B5FAC',
-
-  DH_ALERT_ORANGE_0: '#FEF6F4',
-  DH_ALERT_ORANGE_100: '#FDEDE8',
-  DH_ALERT_ORANGE_200: '#F6C6B6',
-  DH_ALERT_ORANGE_300: '#F3B39D',
-  DH_ALERT_ORANGE_400: '#EF8F6E',
-  DH_ALERT_ORANGE_500: '#ED6C43',
-  DH_ALERT_ORANGE_600: '#BC3D1D',
-  DH_ALERT_ORANGE_700: '#8D2E13',
-  DH_ALERT_ORANGE_800: '#5E1E0A',
-  DH_ALERT_ORANGE_900: '#461606',
-  DH_ALERT_ORANGE: '#FF3A00',
-
-  DH_WARNING_YELLOW_0: '#FFFBF5',
-  DH_WARNING_YELLOW_100: '#FEEFD4',
-  DH_WARNING_YELLOW_200: '#FBE1B2',
-  DH_WARNING_YELLOW_300: '#F5D18D',
-  DH_WARNING_YELLOW_400: '#ECBC62',
-  DH_WARNING_YELLOW_500: '#DDA338',
-  DH_WARNING_YELLOW_600: '#CD9327',
-  DH_WARNING_YELLOW_700: '#B8811B',
-  DH_WARNING_YELLOW_800: '#A06F13',
-  DH_WARNING_YELLOW_900: '#875D0E',
-  DH_WARNING_YELLOW: '#F4AE28',
-};
-
-export const DHRE_COLORS_BG = {
-  DH_LINE_GREY_0: '#FAFAFA',
-  DH_LINE_GREY_100: '#F6F6F6',
-  DH_LINE_GREY_200: '#F1F1F1',
-  DH_LINE_GREY_300: '#EDEDED',
-  DH_LINE_GREY_400: '#EDEDED',
-  DH_LINE_GREY_500: '#CCCACA',
-  DH_LINE_GREY_600: '#B4B2B2',
-  DH_LINE_GREY_700: '#959494',
-  DH_LINE_GREY_800: '#727171',
-  DH_LINE_GREY_900: '#4D4C4C',
-  DH_GREY1: '#E8E8E8',
-
-  DH_BG_GREY_0: '#F5F7FF',
-  DH_BG_GREY_100: '#F2F4FD',
-  DH_BG_GREY_200: '#EDEFF9',
-  DH_BG_GREY_300: '#E5E7F2',
-  DH_BG_GREY_400: '#D9DCE9',
-  DH_BG_GREY_500: '#CACDDD',
-  DH_BG_GREY_600: '#B7BBCD',
-  DH_BG_GREY_700: '#A0A4B8',
-  DH_BG_GREY_800: '#878BA0',
-  DH_BG_GREY_900: '#6F7387',
-  DH_BG_GREY: '#F2F3F8',
-};
-export const DHRE_DEFAULT = {
-  DH_LINE_GREY_0: '#FAFAFA',
-  DH_LINE_GREY_100: '#F6F6F6',
-  DH_LINE_GREY_200: '#F1F1F1',
-  DH_LINE_GREY_300: '#EDEDED',
-  DH_LINE_GREY_400: '#EDEDED',
-  DH_LINE_GREY_500: '#CCCACA',
-  DH_LINE_GREY_600: '#B4B2B2',
-  DH_LINE_GREY_700: '#959494',
-  DH_LINE_GREY_800: '#727171',
-  DH_NETURAL_GRAY_800: '#373737',
-  DH_BLUE: '#007AFF',
-
-  DH_BG_GREY_0: '#F5F7FF',
-  DH_BG_GREY_100: '#F2F4FD',
-  DH_BG_GREY_200: '#EDEFF9',
-  DH_BG_GREY_300: '#E5E7F2',
-  DH_BG_GREY_400: '#D9DCE9',
-  DH_BG_GREY_500: '#CACDDD',
-  DH_BG_GREY_600: '#B7BBCD',
-  DH_BG_GREY_700: '#A0A4B8',
-  DH_BG_GREY_800: '#878BA0',
-  DH_BG_GREY_900: '#6F7387',
-  DH_BG_GREY: '#F2F3F8',
-  DH_SUCESS: '#2DE3A6',
-  DH_ERROR: '#EB382D',
-  DH_INFO: '#339ECF',
-  DH_SEMENTIC_ERROR: '#EB0542',
-  DH_SEMENTIC_WARNING: '#EB8425',
-};
-
-export const DHRE_COLORS_TEXT = {
-  //Black
-  DH_BLACK: '#000000',
-  DH_WHITE: '#FFFFFF',
-  DH_TEXTDARK: '#3A3B43',
-  DH_TEXTLIGHT: '#6C6C6C',
-  DH_TEXTLIGHTEST: '#A7A7A7',
-  DH_TEXTDISABLED: '#CCCCCC',
-  DH_LIGHTGREEN: '#00B578',
-};

package/src/theme/fonts.ts

@@ -1,72 +0,0 @@
-import {TextStyle} from 'react-native';
-import {moderateScale, verticalScale} from '../utils/stylehelper';
-import {FontStyle} from '../utils/appEnum';
-
-interface FontStyles {
-  [key: string]: TextStyle;
-}
-
-const createFontStyle = (
-  fontFamily: string,
-  fontSize: number,
-  lineHeight: number,
-): TextStyle => ({
-  fontSize: moderateScale(fontSize),
-  lineHeight: verticalScale(lineHeight),
-  fontFamily,
-});
-
-export const meraasActivFontfamily: TextStyle = {
-  fontFamily: 'MeraasAktiv_Rg',
-};
-
-export const serifActivFontfamily: TextStyle = {
-  fontFamily: 'PT Serif',
-};
-
-export const FONT_STYLES: FontStyles = {
-  [FontStyle.H1_BOLD]: createFontStyle('MeraasAktiv_Bd', 40, 56),
-  [FontStyle.H2_BOLD]: createFontStyle('MeraasAktiv_Bd', 36, 50.4),
-  [FontStyle.H3_BOLD]: createFontStyle('MeraasAktiv_Bd', 32, 44.8),
-  [FontStyle.H4_BOLD]: createFontStyle('MeraasAktiv_Bd', 26, 36.4),
-  [FontStyle.H5_BOLD]: createFontStyle('MeraasAktiv_Bd', 24, 33.6),
-  [FontStyle.H6_BOLD]: createFontStyle('MeraasAktiv_Bd', 22, 30.8),
-  [FontStyle.H7_BOLD]: createFontStyle('MeraasAktiv_Bd', 20, 28),
-  [FontStyle.H8_BOLD]: createFontStyle('MeraasAktiv_Bd', 18, 25.2),
-
-  [FontStyle.H1_REGULAR]: createFontStyle('MeraasAktiv_Rg', 40, 56),
-  [FontStyle.H2_REGULAR]: createFontStyle('MeraasAktiv_Rg', 36, 50.4),
-  [FontStyle.H3_REGULAR]: createFontStyle('MeraasAktiv_Rg', 32, 44.8),
-  [FontStyle.H4_REGULAR]: createFontStyle('MeraasAktiv_Rg', 26, 36.4),
-  [FontStyle.H5_REGULAR]: createFontStyle('MeraasAktiv_Rg', 24, 33.6),
-  [FontStyle.H6_REGULAR]: createFontStyle('MeraasAktiv_Rg', 22, 30.8),
-  [FontStyle.H7_REGULAR]: createFontStyle('MeraasAktiv_Rg', 20, 28),
-  [FontStyle.H8_REGULAR]: createFontStyle('MeraasAktiv_Rg', 18, 25.2),
-
-  [FontStyle.H1_LIGHT]: createFontStyle('MeraasAktiv_Lt', 40, 56),
-  [FontStyle.H2_LIGHT]: createFontStyle('MeraasAktiv_Lt', 36, 50.4),
-  [FontStyle.H3_LIGHT]: createFontStyle('MeraasAktiv_Lt', 32, 44.8),
-  [FontStyle.H4_LIGHT]: createFontStyle('MeraasAktiv_Lt', 26, 36.4),
-  [FontStyle.H5_LIGHT]: createFontStyle('MeraasAktiv_Lt', 24, 33.6),
-  [FontStyle.H6_LIGHT]: createFontStyle('MeraasAktiv_Lt', 22, 30.8),
-  [FontStyle.H7_LIGHT]: createFontStyle('MeraasAktiv_Lt', 20, 28),
-  [FontStyle.H8_LIGHT]: createFontStyle('MeraasAktiv_Lt', 18, 25.2),
-
-  [FontStyle.B1_BOLD]: createFontStyle('MeraasAktiv_Bd', 20, 28),
-  [FontStyle.B2_BOLD]: createFontStyle('MeraasAktiv_Bd', 18, 25.2),
-  [FontStyle.B3_BOLD]: createFontStyle('MeraasAktiv_Bd', 16, 22.4),
-  [FontStyle.B4_BOLD]: createFontStyle('MeraasAktiv_Bd', 14, 22.4),
-
-  [FontStyle.B1_REGULAR]: createFontStyle('MeraasAktiv_Rg', 20, 28),
-  [FontStyle.B2_REGULAR]: createFontStyle('MeraasAktiv_Rg', 18, 25.2),
-  [FontStyle.B3_REGULAR]: createFontStyle('MeraasAktiv_Rg', 16, 22.4),
-  [FontStyle.B4_REGULAR]: createFontStyle('MeraasAktiv_Rg', 14, 22.4),
-
-  [FontStyle.L1_BOLD]: createFontStyle('MeraasAktiv_Bd', 14, 19.6),
-  [FontStyle.L2_BOLD]: createFontStyle('MeraasAktiv_Bd', 12, 16.8),
-  [FontStyle.L3_BOLD]: createFontStyle('MeraasAktiv_Bd', 10, 14),
-
-  [FontStyle.L1_REGULAR]: createFontStyle('MeraasAktiv_Rg', 14, 19.6),
-  [FontStyle.L2_REGULAR]: createFontStyle('MeraasAktiv_Rg', 12, 16.8),
-  [FontStyle.L3_REGULAR]: createFontStyle('MeraasAktiv_Rg', 10, 14),
-};

package/src/theme/themes.ts

@@ -1,137 +0,0 @@
-import {Theme} from '../utils/appEnum';
-
-const theme = {
-  [Theme.SURFACE_PRIMARY]: {
-    light: '#FFFFFF',
-    dark: '#000000',
-  },
-  [Theme.SURFACE_SECONDARY]: {
-    light: '#F5F5F5',
-    dark: '#212121',
-  },
-  [Theme.SURFACE_TERTIARY]: {
-    light: '#0000001A',
-    dark: '#373737',
-  },
-  [Theme.SURFACE_STATIC]: {
-    light: '#FFFFFF',
-    dark: '#FFFFFF',
-  },
-  [Theme.SURFACE_BRAND_STATIC]: {
-    light: '#D92D27',
-    dark: '#D92D27',
-  },
-  [Theme.SURFACE_BRAND_TRANSPARENT_STATIC]: {
-    light: '#D92D3E',
-    dark: '#D92D3E',
-  },
-  [Theme.SURFACE_DISABLE]: {
-    light: '#E1E1E1',
-    dark: '#A7A7A7',
-  },
-  [Theme.SURFACE_INVERTED]: {
-    light: '#000000',
-    dark: '#FFFFFF',
-  },
-  [Theme.SURFACE_INVERTED_TRANSPARENT]: {
-    light: '#686868',
-    dark: '#FFFFFF',
-  },
-  [Theme.SURFACE_DROP_SHADOW]: {
-    light: '#CECECE',
-    dark: '#373737',
-  },
-  [Theme.SURFACE_BLUR]: {
-    light: '#000000B2',
-    dark: '#FFFFFFB2',
-  },
-
-  [Theme.CONTENT_PRIMARY]: {
-    light: '#000000',
-    dark: '#FFFFFF',
-  },
-  [Theme.CONTENT_SECONDRY]: {
-    light: '#686868',
-    dark: '#A7A7A7',
-  },
-  [Theme.CONTENT_DISABLE]: {
-    light: '#A7A7A7',
-    dark: '#686868',
-  },
-  [Theme.CONTENT_INVERTED]: {
-    light: '#FFFFFF',
-    dark: '#000000',
-  },
-  [Theme.CONTENT_STATIC]: {
-    light: '#FFFFFF',
-    dark: '#FFFFFF',
-  },
-  [Theme.CONTENT_PRIMARY_STATIC]: {
-    light: '#0000001A',
-    dark: '#686868',
-  },
-  [Theme.CONTENT_SECONDRY_STATIC]: {
-    light: '#CECECE',
-    dark: '#CECECE',
-  },
-
-  [Theme.BORDER_PRIMARY]: {
-    light: '#686868',
-    dark: '#404040',
-  },
-  [Theme.BORDER_SECONDRY]: {
-    light: '#A7A7A7',
-    dark: '#686868',
-  },
-  [Theme.BORDER_DISABLE]: {
-    light: '#CECECE',
-    dark: '#4F4F4F',
-  },
-  [Theme.BORDER_INVERTED]: {
-    light: '#000000',
-    dark: '#FFFFFF',
-  },
-  [Theme.BORDER_BRAND_STATIC]: {
-    light: '#D92D27',
-    dark: '#D92D27',
-  },
-  [Theme.BORDER_BRAND_TRANSPARENT_STATIC]: {
-    light: '#D92D3E',
-    dark: '#D92D3E',
-  },
-  [Theme.BORDER_STATIC]: {
-    light: '#FFFFFF',
-    dark: '#FFFFFF',
-  },
-  [Theme.BORDER_TEXT_FIELD]: {
-    light: '#0000001A',
-    dark: '#404040',
-  },
-  [Theme.BORDER_SEPRATOR]: {
-    light: '#282828',
-    dark: '#FFFFFF',
-  },
-  [Theme.BORDER_SEPERATOR_HEADER]: {
-    light: '#E1E1E1',
-    dark: '#404040',
-  },
-
-  [Theme.WARNING]: {
-    light: '#B65E01',
-    dark: '#EB8425',
-  },
-  [Theme.SUCCESS]: {
-    light: '#008256',
-    dark: '#00B578',
-  },
-  [Theme.INFO]: {
-    light: '#0569C2',
-    dark: '#339ECF',
-  },
-  [Theme.ERROR]: {
-    light: '#EB0542',
-    dark: '#EB0542',
-  },
-};
-
-export default theme;

package/src/theme/withThemeProvider.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import {ThemeProvider} from './ThemeContext';
-
-// Higher-Order Component to wrap a component with the ThemeProvider
-export const withThemeProvider = <P extends object>(
-  Component: React.ComponentType<P>,
-) => {
-  // eslint-disable-next-line react/display-name
-  return (props: P) => (
-    <ThemeProvider>
-      <Component {...props} />
-    </ThemeProvider>
-  );
-};

package/src/utils/appEnum.ts

@@ -1,109 +0,0 @@
-export enum ShapeType {
-  LINE = 'line',
-  CIRCLE = 'circle',
-}
-export enum ToggleButtonType {
-  SMALL = 'small',
-  LARGE = 'large',
-}
-export enum TextDirectType {
-  left = 'left',
-  right = 'right',
-}
-
-export enum ToggleTextType {
-  ON = 'ON',
-  OFF = 'OFF',
-}
-
-export enum FontStyle {
-  // Bold heading styles
-  H1_BOLD = 'H1_BOLD',
-  H2_BOLD = 'H2_BOLD',
-  H3_BOLD = 'H3_BOLD',
-  H4_BOLD = 'H4_BOLD',
-  H5_BOLD = 'H5_BOLD',
-  H6_BOLD = 'H6_BOLD',
-  H7_BOLD = 'H7_BOLD',
-  H8_BOLD = 'H8_BOLD',
-
-  // Regular heading styles
-  H1_REGULAR = 'H1_REGULAR',
-  H2_REGULAR = 'H2_REGULAR',
-  H3_REGULAR = 'H3_REGULAR',
-  H4_REGULAR = 'H4_REGULAR',
-  H5_REGULAR = 'H5_REGULAR',
-  H6_REGULAR = 'H6_REGULAR',
-  H7_REGULAR = 'H7_REGULAR',
-  H8_REGULAR = 'H8_REGULAR',
-
-  // Light heading styles
-  H1_LIGHT = 'H1_LIGHT',
-  H2_LIGHT = 'H2_LIGHT',
-  H3_LIGHT = 'H3_LIGHT',
-  H4_LIGHT = 'H4_LIGHT',
-  H5_LIGHT = 'H5_LIGHT',
-  H6_LIGHT = 'H6_LIGHT',
-  H7_LIGHT = 'H7_LIGHT',
-  H8_LIGHT = 'H8_LIGHT',
-
-  // Bold body styles
-  B1_BOLD = 'B1_BOLD',
-  B2_BOLD = 'B2_BOLD',
-  B3_BOLD = 'B3_BOLD',
-  B4_BOLD = 'B4_BOLD',
-
-  // Regular body styles
-  B1_REGULAR = 'B1_REGULAR',
-  B2_REGULAR = 'B2_REGULAR',
-  B3_REGULAR = 'B3_REGULAR',
-  B4_REGULAR = 'B4_REGULAR',
-
-  // Bold label styles
-  L1_BOLD = 'L1_BOLD',
-  L2_BOLD = 'L2_BOLD',
-  L3_BOLD = 'L3_BOLD',
-
-  // Regular label styles
-  L1_REGULAR = 'L1_REGULAR',
-  L2_REGULAR = 'L2_REGULAR',
-  L3_REGULAR = 'L3_REGULAR',
-}
-
-// ThemeKeys.ts
-export enum Theme {
-  SURFACE_PRIMARY = 'SURFACE_PRIMARY',
-  SURFACE_SECONDARY = 'SURFACE_SECONDARY',
-  SURFACE_TERTIARY = 'SURFACE_TERTIARY',
-  SURFACE_STATIC = 'SURFACE_STATIC',
-  SURFACE_BRAND_STATIC = 'SURFACE_BRAND_STATIC',
-  SURFACE_BRAND_TRANSPARENT_STATIC = 'SURFACE_BRAND_TRANSPARENT_STATIC',
-  SURFACE_DISABLE = 'SURFACE_DISABLE',
-  SURFACE_INVERTED = 'SURFACE_INVERTED',
-  SURFACE_INVERTED_TRANSPARENT = 'SURFACE_INVERTED_TRANSPARENT',
-  SURFACE_DROP_SHADOW = 'SURFACE_DROP_SHADOW',
-  SURFACE_BLUR = 'SURFACE_BLUR',
-
-  CONTENT_PRIMARY = 'CONTENT_PRIMARY',
-  CONTENT_SECONDRY = 'CONTENT_SECONDRY',
-  CONTENT_DISABLE = 'CONTENT_DISABLE',
-  CONTENT_INVERTED = 'CONTENT_INVERTED',
-  CONTENT_STATIC = 'CONTENT_STATIC',
-  CONTENT_PRIMARY_STATIC = 'CONTENT_PRIMARY_STATIC',
-  CONTENT_SECONDRY_STATIC = 'CONTENT_SECONDRY_STATIC',
-
-  BORDER_PRIMARY = 'BORDER_PRIMARY',
-  BORDER_SECONDRY = 'BORDER_SECONDRY',
-  BORDER_DISABLE = 'BORDER_DISABLE',
-  BORDER_INVERTED = 'BORDER_INVERTED',
-  BORDER_BRAND_STATIC = 'BORDER_BRAND_STATIC',
-  BORDER_BRAND_TRANSPARENT_STATIC = 'BORDER_BRAND_TRANSPARENT_STATIC',
-  BORDER_TEXT_FIELD = 'BORDER_TEXT_FIELD',
-  BORDER_SEPERATOR_HEADER = 'BORDER_SEPERATOR_HEADER',
-  BORDER_STATIC = 'BORDER_STATIC',
-  BORDER_SEPRATOR = 'BORDER_SEPRATOR',
-  WARNING = 'WARNING',
-  SUCCESS = 'SUCCESS',
-  INFO = 'INFO',
-  ERROR = 'ERROR',
-}

package/src/utils/commonStyles.ts

@@ -1,17 +0,0 @@
-import {StyleSheet} from 'react-native';
-
-const commonStyles = StyleSheet.create({
-  flexOne: {
-    flex: 1,
-  },
-  centeredContainer: {
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  centerRow: {
-    alignItems: 'center',
-    justifyContent: 'center',
-    flexDirection: 'row',
-  },
-});
-export default commonStyles;

package/src/utils/constants.ts

@@ -1,20 +0,0 @@
-export const BUTTON_TYPES = {
-  PRIMARY: 'primary',
-  SECONDARY: 'secondary',
-  DISABLE: 'disable',
-  TERTIARY: 'tertiary',
-  FUNCTION_PRIMARY: 'functionPrimary',
-  FUNCTION_SECONDARY: 'functionSecondary',
-  FUNCTION_NOTICE: 'functionNotice',
-  PRIMARY_TEXT: 'primaryText',
-  SECONDARY_TEXT: 'secondaryText',
-  DISABLE_TEXT: 'disableText',
-  TERTIARY_TEXT: 'tertiaryText',
-  FUNCTION_PRIMARY_TEXT: 'functionPrimaryText',
-  FUNCTION_SECONDARY_TEXT: 'functionSecondaryText',
-  FUNCTION_NOTICE_TEXT: 'functionNoticeText',
-  TEXT: 'Text',
-};
-
-export const DEFAULT_COUNTRY_CODE = 'AE';
-export const DEFAULT_CALLING_CODE = '+971';

package/src/utils/deviceUtils.ts

@@ -1,14 +0,0 @@
-import {Platform} from 'react-native';
-import Clipboard from '@react-native-clipboard/clipboard';
-
-export enum OS {
-  ios = 'ios',
-  android = 'android',
-}
-
-export const isIos = () => Platform.OS === OS.ios;
-export const isAndroid = () => Platform.OS === OS.android;
-
-export const copyToClipboard = (textToCopy: string) => {
-  Clipboard.setString(textToCopy);
-};

package/src/utils/regex.ts

@@ -1 +0,0 @@
-export const stringLengthRegex = /(\d{6})/;

package/src/utils/stylehelper.ts

@@ -1,13 +0,0 @@
-import {Dimensions} from 'react-native';
-
-const {width, height} = Dimensions.get('window');
-
-const guidelineBaseWidth = 375;
-const guidelineBaseHeight = 812;
-
-const horizontalScale = (size: number) => (width / guidelineBaseWidth) * size;
-const verticalScale = (size: number) => (height / guidelineBaseHeight) * size;
-const moderateScale = (size: number, factor = 0.5) =>
-  size + (horizontalScale(size) - size) * factor;
-
-export {horizontalScale, verticalScale, moderateScale, width, height};