norma-library 0.4.2 → 0.4.3

package/src/helpers/colors.ts

@@ -0,0 +1,209 @@
+import { createTheme } from '@mui/material/styles';
+
+export type IconsColors =
+  | 'inherit'
+  | 'primary'
+  | 'secondary'
+  | 'error'
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'white'
+  | 'black';
+
+export type BtnColors =
+  | 'inherit'
+  | 'primary'
+  | 'secondary'
+  | 'success'
+  | 'error'
+  | 'info'
+  | 'warning';
+
+export const getPalette = () => {
+  // const storedColor = localStorage.getItem('primaryColor') || '#FF7F11';
+  // const primaryColors = storedColor ? JSON.parse(storedColor) : false;
+
+  return {
+    primary: '#FF7F11',
+    primaryLight: '#FFDB9F',
+    primaryMedium: '#FFA84C',
+    primaryDark: '#B74608',
+
+    inherit: '#000000',
+    secondary: '#43BBF2',
+    error: '#D63643',
+    warning: '#FFC300',
+    info: '#71D5F7',
+    success: '#6BC235',
+    white: '#ffffff',
+    black: '#666666',
+    helper: '#5A2A79',
+    secondaryLight: '#D9FCFE',
+    secondaryMedium: '#71D5F7',
+    secondaryDark: '#154F8C',
+    inheritLight: '#A3A3A3',
+    inheritMedium: '#666666',
+    inheritDark: '#292929',
+    whiteLight: '#F5F5F5',
+    whiteMedium: '#E0E0E0',
+    whiteDark: '#CCCCCC',
+    successLight: '#D9F8B0',
+    successMedium: '#B9EC85',
+    successDark: '#247010',
+    errorLight: '#FABEAF',
+    errorMedium: '#F29085',
+    errorDark: '#F29085',
+    warningLight: '#FFF7CC',
+    warningMedium: '#FFE266',
+    warningDark: '#936600',
+    helperLight: '#F3D7F8',
+    helperMedium: '#BF82D6',
+    helperDark: '#250D46',
+  };
+};
+
+export const palette = getPalette();
+
+export const textColors = {
+  inherit: palette.inherit,
+  primary: palette.primary,
+  secondary: palette.secondary,
+  error: palette.error,
+  warning: palette.warning,
+  info: palette.info,
+  success: palette.success,
+  white: palette.white,
+  black: palette.black,
+  helper: palette.helper,
+  primaryLight: palette.primaryLight,
+  primaryMedium: palette.primaryMedium,
+  primaryDark: palette.primaryDark,
+  secondaryLight: palette.secondaryLight,
+  secondaryMedium: palette.secondaryMedium,
+  secondaryDark: palette.secondaryDark,
+  inheritLight: palette.inheritLight,
+  inheritMedium: palette.inheritMedium,
+  inheritDark: palette.inheritDark,
+  whiteLight: palette.whiteLight,
+  whiteMedium: palette.whiteMedium,
+  whiteDark: palette.whiteDark,
+  successLight: palette.successLight,
+  successMedium: palette.successMedium,
+  successDark: palette.successDark,
+  errorLight: palette.errorLight,
+  errorMedium: palette.errorMedium,
+  errorDark: palette.errorDark,
+  warningLight: palette.warningLight,
+  warningMedium: palette.warningMedium,
+  warningDark: palette.warningDark,
+  helperLight: palette.helperLight,
+  helperMedium: palette.helperMedium,
+  helperDark: palette.helperDark,
+};
+
+export const backgroundColors = {
+  inherit: palette.inherit,
+  primary: palette.primary,
+  secondary: palette.secondary,
+  error: palette.error,
+  warning: palette.warning,
+  info: palette.info,
+  success: palette.success,
+  white: palette.white,
+  black: palette.black,
+  primaryLight: palette.primaryLight,
+  primaryMedium: palette.primaryMedium,
+  primaryDark: palette.primaryDark,
+  secondaryLight: palette.secondaryLight,
+  secondaryMedium: palette.secondaryMedium,
+  secondaryDark: palette.secondaryDark,
+  inheritLight: palette.inheritLight,
+  inheritMedium: palette.inheritMedium,
+  inheritDark: palette.inheritDark,
+  whiteLight: palette.whiteLight,
+  whiteMedium: palette.whiteMedium,
+  whiteDark: palette.whiteDark,
+  successLight: palette.successLight,
+  successMedium: palette.successMedium,
+  successDark: palette.successDark,
+  errorLight: palette.errorLight,
+  errorMedium: palette.errorMedium,
+  errorDark: palette.errorDark,
+  warningLight: palette.warningLight,
+  warningMedium: palette.warningMedium,
+  warningDark: palette.warningDark,
+  helperLight: palette.helperLight,
+  helperMedium: palette.helperMedium,
+  helperDark: palette.helperDark,
+};
+
+export const colors: Record<IconsColors, string> = {
+  inherit: palette.inherit,
+  primary: palette.primary,
+  secondary: palette.secondary,
+  error: palette.error,
+  warning: palette.warning,
+  info: palette.info,
+  success: palette.success,
+  white: palette.white,
+  black: palette.black,
+};
+
+export const olosPalette = {
+  primary: {
+    main: palette.primary,
+  },
+  secondary: {
+    main: palette.secondary,
+  },
+  error: {
+    main: palette.error,
+  },
+  warning: {
+    main: palette.warning,
+  },
+  info: {
+    main: palette.info,
+  },
+  success: {
+    main: palette.success,
+  },
+};
+
+export const lightTheme = createTheme({
+  palette: {
+    mode: 'light',
+    ...olosPalette,
+  },
+});
+
+export const darkTheme = createTheme({
+  palette: {
+    mode: 'dark',
+    ...olosPalette,
+    background: {
+      default: palette.inheritLight,
+      paper: palette.inheritDark,
+    },
+  },
+});
+
+export const themes = {
+  light: lightTheme,
+  dark: darkTheme,
+};
+
+export function getIconsColorsArray(): IconsColors[] {
+  return Object.keys(colors) as IconsColors[];
+}
+
+export const getBtnColorsArray: BtnColors[] = [
+  'inherit',
+  'primary',
+  'secondary',
+  'success',
+  'error',
+  'info',
+  'warning',
+];

package/src/helpers/index.ts

@@ -0,0 +1,3 @@
+export * from './colors'
+export * from './sizes'
+export * from './variants'

package/src/helpers/sizes.ts

@@ -0,0 +1,26 @@
+export type IconsSizes = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | '2xlarge' | '3xlarge'
+export type BtnSizes = 'small' | 'medium' | 'large'
+
+export const iconsSizes: Record<IconsSizes, number> = {
+  xsmall: 14,
+  small: 20,
+  medium: 24,
+  large: 28,
+  xlarge: 32,
+  '2xlarge': 36,
+  '3xlarge': 40,
+}
+
+export const btnSizes: Record<BtnSizes, string> = {
+  small: 'small',
+  medium: 'medium',
+  large: 'large',
+}
+
+export function getIconsSizesArray(): IconsSizes[] {
+  return Object.keys(iconsSizes) as IconsSizes[]
+}
+
+export function getBtnSizesArray(): BtnSizes[] {
+  return Object.keys(btnSizes) as BtnSizes[]
+}

package/src/helpers/variants.ts

@@ -0,0 +1,3 @@
+export type BtnVariants = 'text' | 'outlined' | 'contained'
+
+export const getBtnVariantsArray: BtnVariants[] = ['text', 'outlined', 'contained']

package/src/index.tsx

@@ -0,0 +1 @@
+export * from './components';