@sinco/react 0.0.0-rc.1 → 0.0.0-rc.3

package/index.js

@@ -2725,7 +2725,7 @@ const green = {
 var green$1 = green;
 
 const _excluded$3 = ["mode", "contrastThreshold", "tonalOffset"];
-const light$1 = {
+const light = {
   // The colors used to style the text.
   text: {
     // The most important text.
@@ -2905,7 +2905,7 @@ function createPalette(palette) {
   // Bootstrap: https://github.com/twbs/bootstrap/blob/1d6e3710dd447de1a200f29e8fa521f8a0908f70/scss/_functions.scss#L59
   // and material-components-web https://github.com/material-components/material-components-web/blob/ac46b8863c4dab9fc22c4c662dc6bd1b65dd652f/packages/mdc-theme/_functions.scss#L54
   function getContrastText(background) {
-    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light$1.text.primary;
+    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
     if (process.env.NODE_ENV !== 'production') {
       const contrast = getContrastRatio(background, contrastText);
       if (contrast < 3) {
@@ -2954,7 +2954,7 @@ const theme2 = createTheme({ palette: {
   };
   const modes = {
     dark,
-    light: light$1
+    light
   };
   if (process.env.NODE_ENV !== 'production') {
     if (!modes[mode]) {
@@ -3112,8 +3112,8 @@ function createShadow(...px) {
 }
 
 // Values from https://github.com/material-components/material-components-web/blob/be8747f94574669cb5e7add1a7c54fa41a89cec7/packages/mdc-elevation/_variables.scss
-const shadows$1 = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
-var shadows$2 = shadows$1;
+const shadows = ['none', createShadow(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), createShadow(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), createShadow(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), createShadow(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), createShadow(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), createShadow(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), createShadow(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), createShadow(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), createShadow(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), createShadow(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), createShadow(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), createShadow(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), createShadow(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), createShadow(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), createShadow(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), createShadow(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), createShadow(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), createShadow(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), createShadow(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), createShadow(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), createShadow(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), createShadow(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), createShadow(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), createShadow(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)];
+var shadows$1 = shadows;
 
 const _excluded$1 = ["duration", "easing", "delay"];
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
@@ -3232,7 +3232,7 @@ Please use another name.` : formatMuiErrorMessage(18));
     mixins: createMixins(systemTheme.breakpoints, mixinsInput),
     palette,
     // Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
-    shadows: shadows$2.slice(),
+    shadows: shadows$1.slice(),
     typography: createTypography(palette, typographyInput),
     transitions: createTransitions(transitionsInput),
     zIndex: _extends$1({}, zIndex$1)
@@ -3279,208 +3279,450 @@ Please use another name.` : formatMuiErrorMessage(18));
   return muiTheme;
 }
 
-const Palette = {
-  text: {
-    primary: 'rgba(8, 21, 36, 0.87)',
-    secondary: 'rgba(8, 21, 36, 0.6)',
-    disabled: 'rgba(8, 21, 36, 0.38)'
+const Componentes = {
+  MuiDialog: {
+    styleOverrides: {
+      root: {
+        " .MuiBackdrop-root": {
+          backgroundColor: "#f0f0f099",
+          backdropFilter: "blur(2px) !important"
+        }
+      }
+    }
   },
-  primary: {
-    main: '#1B344C',
-    dark: '#081524',
-    light: '#3D5267',
-    contrastText: '#FFFFFF'
+  MuiDialogContent: {
+    styleOverrides: {
+      root: {
+        paddingTop: "8px !important",
+        paddingBottom: 8
+      }
+    }
   },
-  secondary: {
-    main: '#2D9FC5',
-    dark: '#1172A3',
-    light: '#4DADCE',
-    contrastText: '#FFFFFF'
+  MuiChip: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      sizeSmall: {
+        height: 24
+      },
+      root: {
+        borderRadius: 4
+      }
+    }
   },
-  action: {
-    active: 'rgba(8, 21, 36, 0.54)',
-    hover: 'rgba(8, 21, 36, 0.04)',
-    selected: 'rgba(8, 21, 36, 0.08)',
-    disabled: 'rgba(8, 21, 36, 0.26)',
-    disabledBackground: 'rgba(8, 21, 36, 0.12)',
-    focus: 'rgba(8, 21, 36, 0.12)'
+  MuiButton: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      sizeSmall: {
+        height: 26,
+        fontSize: 12
+      },
+      sizeMedium: {
+        height: 32,
+        fontSize: 13
+      },
+      sizeLarge: {
+        height: 38,
+        fontSize: 14
+      },
+      root: {
+        width: "fit-content"
+      }
+    }
   },
-  error: {
-    main: '#D14343',
-    dark: '#B51E1E',
-    light: '#D85F5F',
-    contrastText: '#FFFFFF'
+  MuiCheckbox: {
+    defaultProps: {
+      size: "small"
+    }
   },
-  warning: {
-    main: '#FB8500',
-    dark: '#F85500',
-    light: '#FC9726',
-    contrastText: '#FFFFFF'
+  MuiFab: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      circular: {
+        "&.MuiFab-sizeSmall": {
+          height: 38,
+          width: 38,
+          ".MuiSvgIcon-fontSizeSmall": {
+            height: 20,
+            width: 20
+          }
+        },
+        "&.MuiFab-sizeMedium": {
+          height: 48,
+          width: 48,
+          "& .MuiSvgIcon-fontSizeMedium": {
+            height: 22,
+            width: 22
+          }
+        },
+        "&.MuiFab-sizeLarge": {
+          height: 56,
+          width: 56,
+          "& .MuiSvgIcon-fontSizeLarge": {
+            height: 24,
+            width: 24
+          }
+        }
+      },
+      extended: {
+        "&.MuiFab-sizeSmall": {
+          height: 32,
+          ".MuiSvgIcon-fontSizeSmall": {
+            height: 20,
+            width: 20,
+            marginRight: 4
+          }
+        },
+        "&.MuiFab-sizeMedium": {
+          height: 38,
+          "& .MuiSvgIcon-fontSizeMedium": {
+            height: 22,
+            width: 22,
+            marginRight: 4
+          }
+        },
+        "&.MuiFab-sizeLarge": {
+          height: 48,
+          "& .MuiSvgIcon-fontSizeLarge": {
+            height: 24,
+            width: 24,
+            marginRight: 4
+          }
+        }
+      }
+    }
   },
-  info: {
-    main: '#2D9FC5',
-    dark: '#1172A3',
-    light: '#4DADCE',
-    contrastText: '#FFFFFF'
+  MuiFormControl: {
+    defaultProps: {
+      size: "small",
+      margin: "none"
+    }
   },
-  success: {
-    main: '#8FC93A',
-    dark: '#60A918',
-    light: '#A0D158',
-    contrastText: '#FFFFFF'
+  MuiFormHelperText: {
+    defaultProps: {
+      margin: "dense"
+    }
   },
-  background: {
-    paper: '#FFFFFF',
-    default: '#F1F0EE'
+  MuiSvgIcon: {
+    defaultProps: {
+      fontSize: "small"
+    }
   },
-  divider: 'rgba(16,24,64,0.12)',
-  grey: {
-    50: '#FAFBFF',
-    100: '#F4F6FA',
-    200: '#EDEFF5',
-    300: '#E6E8F0',
-    400: '#D8DAE5',
-    500: '#C1C4D6',
-    600: '#8F95B2',
-    700: '#696F8C',
-    800: '#474D66',
-    900: '#101840',
-    A100: '#D8DAE5',
-    A200: '#C1C4D6',
-    A400: '#696F8C',
-    A700: '#101840'
-  }
-};
-const palette = Palette;
-
-const shadowsCustom = ['none', '0px 1px 3px rgba(24, 39, 75, 0.12), 0px 1px 1px -1px rgba(24, 39, 75, 0.14), 0px 2px 1px -2px rgba(24, 39, 75, 0.2)', '0px 1px 5px rgba(24, 39, 75, 0.12), 0px 2px 2px rgba(24, 39, 75, 0.14), 0px 3px 1px -2px rgba(24, 39, 75, 0.2)', '0px 1px 8px rgba(24, 39, 75, 0.12), 0px 3px 4px rgba(24, 39, 75, 0.14), 0px 3px 3px -2px rgba(24, 39, 75, 0.2)', '0px 2px 4px -1px rgba(24, 39, 75, 0.2), 0px 4px 5px rgba(24, 39, 75, 0.14), 0px 1px 10px rgba(24, 39, 75, 0.12)', '0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 5px 8px rgba(24, 39, 75, 0.14), 0px 1px 14px rgba(24, 39, 75, 0.12)', '0px 3px 5px -1px rgba(24, 39, 75, 0.2), 0px 6px 10px rgba(24, 39, 75, 0.14), 0px 1px 18px rgba(24, 39, 75, 0.12)', '0px 4px 5px -2px rgba(24, 39, 75, 0.2), 0px 7px 10px 1px rgba(24, 39, 75, 0.14), 0px 2px 16px 1px rgba(24, 39, 75, 0.12)', '0px 5px 5px -3px rgba(24, 39, 75, 0.2), 0px 8px 10px 1px rgba(24, 39, 75, 0.14), 0px 3px 14px 2px rgba(24, 39, 75, 0.12)', '0px 5px 6px -3px rgba(24, 39, 75, 0.2), 0px 9px 12px 1px rgba(24, 39, 75, 0.14), 0px 3px 16px 2px rgba(24, 39, 75, 0.12)', '0px 6px 6px -3px rgba(24, 39, 75, 0.2), 0px 10px 14px 1px rgba(24, 39, 75, 0.14), 0px 4px 18px 3px rgba(24, 39, 75, 0.12)', '0px 6px 7px -4px rgba(24, 39, 75, 0.2), 0px 11px 15px 1px rgba(24, 39, 75, 0.14), 0px 4px 20px 3px rgba(24, 39, 75, 0.12)', '0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 12px 17px 2px rgba(24, 39, 75, 0.14), 0px 5px 22px 4px rgba(24, 39, 75, 0.12)', '0px 7px 8px -4px rgba(24, 39, 75, 0.2), 0px 13px 19px 2px rgba(24, 39, 75, 0.14), 0px 5px 24px 4px rgba(24, 39, 75, 0.12)', '0px 7px 9px -4px rgba(24, 39, 75, 0.2), 0px 14px 21px 2px rgba(24, 39, 75, 0.14), 0px 5px 26px 4px rgba(24, 39, 75, 0.12)', '0px 8px 9px -5px rgba(24, 39, 75, 0.2), 0px 15px 22px 2px rgba(24, 39, 75, 0.14), 0px 6px 28px 5px rgba(24, 39, 75, 0.12)', '0px 8px 10px -5px rgba(24, 39, 75, 0.2), 0px 16px 24px 2px rgba(24, 39, 75, 0.14), 0px 6px 30px 5px rgba(24, 39, 75, 0.12)', '0px 8px 11px -5px rgba(24, 39, 75, 0.2), 0px 17px 26px 2px rgba(24, 39, 75, 0.14), 0px 6px 32px 5px rgba(24, 39, 75, 0.12)', '0px 9px 11px -5px rgba(24, 39, 75, 0.2), 0px 18px 28px 2px rgba(24, 39, 75, 0.14), 0px 7px 34px 6px rgba(24, 39, 75, 0.12)', '0px 9px 12px -6px rgba(24, 39, 75, 0.2), 0px 19px 29px 2px rgba(24, 39, 75, 0.14), 0px 7px 36px 6px rgba(24, 39, 75, 0.12)', '0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 20px 31px 3px rgba(24, 39, 75, 0.14), 0px 8px 38px 7px rgba(24, 39, 75, 0.12)', '0px 10px 13px -6px rgba(24, 39, 75, 0.2), 0px 21px 33px 3px rgba(24, 39, 75, 0.14), 0px 8px 40px 7px rgba(24, 39, 75, 0.12)', '0px 10px 14px -6px rgba(24, 39, 75, 0.2), 0px 22px 35px 3px rgba(24, 39, 75, 0.14), 0px 8px 42px 7px rgba(24, 39, 75, 0.12)', '0px 11px 14px -7px rgba(24, 39, 75, 0.2), 0px 23px 36px 3px rgba(24, 39, 75, 0.14), 0px 9px 44px 8px rgba(24, 39, 75, 0.12)', '0px 11px 15px -7px rgba(24, 39, 75, 0.2), 0px 24px 38px 3px rgba(24, 39, 75, 0.14), 0px 9px 46px 8px rgba(24, 39, 75, 0.12)'];
-const shadows = shadowsCustom;
-
-const Typography = {
-  fontSize: 14,
-  h1: {
-    fontFamily: 'Nunito',
-    fontSize: '6.85714286rem',
-    fontWeight: '300',
-    lineHeight: '1.167',
-    letterSpacing: '-0.01562em'
+  MuiIconButton: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      sizeSmall: {
+        fontSize: 14,
+        padding: 4
+      },
+      sizeMedium: {
+        fontSize: 20,
+        padding: 13
+      },
+      sizeLarge: {
+        fontSize: 33,
+        padding: 17
+      }
+    }
   },
-  h2: {
-    fontFamily: 'Nunito',
-    fontSize: '4.28571429rem',
-    fontWeight: '400',
-    lineHeight: ' 1.2',
-    letterSpacing: '-0.00833em'
+  MuiFilledInput: {
+    styleOverrides: {
+      sizeSmall: {
+        height: 38
+      }
+    }
   },
-  h3: {
-    fontFamily: 'Nunito',
-    fontSize: '3.42857143rem',
-    fontWeight: '500',
-    lineHeight: '1.167',
-    letterSpacing: 0
+  MuiInputBase: {
+    defaultProps: {
+      margin: "none"
+    },
+    styleOverrides: {
+      root: {
+        ".MuiOutlinedInput-input.MuiInputBase-inputSizeSmall": {
+          paddingBlock: 5.9
+        },
+        ".MuiOutlinedInput-input": {
+          paddingBlock: 14
+        },
+        ".MuiFilledInput-input.MuiInputBase-inputSizeSmall": {
+          paddingBlock: "none"
+        },
+        ".MuiFilledInput-input": {
+          paddingTop: 22,
+          paddingBottom: 6
+        }
+      }
+    }
   },
-  h4: {
-    fontFamily: 'Nunito',
-    fontSize: '2.42857143rem',
-    fontWeight: '500',
-    lineHeight: '1.235',
-    letterSpacing: '0.00735em'
+  MuiOutlinedInput: {
+    styleOverrides: {
+      notchedOutline: {
+        borderColor: "rgba(16, 24, 64, 0.23)"
+      }
+    }
   },
-  h5: {
-    fontFamily: 'Nunito',
-    fontSize: '1.28571429rem',
-    fontWeight: '500',
-    lineHeight: '1.26',
-    letterSpacing: 0
+  MuiAutocomplete: {
+    defaultProps: {
+      size: "small"
+    },
+    styleOverrides: {
+      root: {
+        "&.MuiAutocomplete-root .MuiOutlinedInput-root.MuiInputBase-sizeSmall": {
+          paddingBlock: 3.5,
+          paddingRight: 14,
+          ".MuiSvgIcon-root.MuiSvgIcon-fontSizeSmall": {
+            fontSize: 24,
+            height: "1.4rem",
+            width: "1.4rem"
+          }
+        }
+      }
+    }
   },
-  h6: {
-    fontFamily: 'Nunito',
-    fontSize: '1.142857142857143rem',
-    fontWeight: '500',
-    lineHeight: '1.6',
-    letterSpacing: '0.0075em'
+  MuiCard: {
+    styleOverrides: {
+      root: {
+        overflow: "initial"
+      }
+    }
   },
-  subtitle1: {
-    fontFamily: 'Roboto',
-    fontSize: '1rem',
-    fontWeight: '500',
-    lineHeight: '1.43',
-    letterSpacing: '0.0075em'
+  MuiInputLabel: {
+    styleOverrides: {
+      outlined: {
+        "&.MuiInputLabel-outlined.MuiInputLabel-sizeSmall ": {
+          transform: "translate(14px,6px) scale(1)"
+        },
+        "&.MuiInputLabel-outlined ": {
+          "&.MuiInputLabel-shrink": {
+            transform: "translate(14px, -7px) scale(0.75)"
+          }
+        }
+      }
+    },
+    defaultProps: {
+      margin: "dense"
+    }
   },
-  subtitle2: {
-    fontFamily: 'Roboto',
-    fontSize: '0.9285714285714286rem',
-    fontWeight: '500',
-    lineHeight: '1.57',
-    letterSpacing: '0.00714em'
+  MuiCardHeader: {
+    styleOverrides: {
+      root: {
+        padding: 12
+      }
+    }
+  },
+  MuiRadio: {
+    defaultProps: {
+      size: "small"
+    }
+  },
+  MuiSwitch: {
+    defaultProps: {
+      size: "small"
+    }
+  },
+  MuiTextField: {
+    defaultProps: {
+      size: "small",
+      margin: "none"
+    }
+  },
+  MuiList: {
+    defaultProps: {
+      dense: true
+    }
   },
+  MuiMenuItem: {
+    defaultProps: {
+      dense: true
+    }
+  },
+  MuiTable: {
+    defaultProps: {
+      size: "small"
+    }
+  }
+};
+const components = Componentes;
+
+const Typography = {
+  fontSize: 13,
   body1: {
-    fontFamily: 'Roboto',
-    fontSize: '1rem',
-    fontWeight: '400',
-    lineHeight: '1.43',
-    letterSpacing: '0.00938em'
+    fontFamily: "Roboto",
+    fontSize: 14,
+    fontWeight: 400,
+    letterSpacing: 0.15,
+    lineHeight: 1.4
   },
   body2: {
-    fontFamily: 'Roboto',
-    fontSize: '0.9285714285714286rem',
-    fontWeight: '400',
-    lineHeight: '1.34',
-    letterSpacing: '0.01071em'
+    fontFamily: "Roboto",
+    fontSize: 13,
+    fontWeight: 400,
+    letterSpacing: 0.17,
+    lineHeight: 1.2
+  },
+  subtitle1: {
+    fontFamily: "Roboto",
+    fontSize: 14,
+    fontWeight: 500,
+    letterSpacing: 0.15,
+    lineHeight: 1.4
+  },
+  subtitle2: {
+    fontFamily: "Roboto",
+    fontSize: 13,
+    fontWeight: 500,
+    letterSpacing: 0.1,
+    lineHeight: 1.4
   },
   caption: {
-    fontFamily: 'Roboto',
-    fontSize: '0.7857142857142857rem',
-    fontWeight: '400',
-    lineHeight: '1.5',
-    letterSpacing: '0.029em'
+    fontFamily: "Roboto",
+    fontSize: 11,
+    fontWeight: 400,
+    letterSpacing: 0.4,
+    lineHeight: 1.4
   },
   overline: {
-    fontFamily: 'Roboto',
-    fontSize: '0.7857142857142857rem',
-    fontWeight: '400',
-    lineHeight: '2.4',
-    letterSpacing: '0.071em'
+    fontFamily: "Roboto",
+    fontSize: 1.1,
+    fontWeight: 400,
+    letterSpacing: 1,
+    lineHeight: 2.66
+  },
+  h6: {
+    fontFamily: "Nunito",
+    fontSize: 16,
+    fontWeight: 600,
+    lineHeight: 1.6
+  },
+  h5: {
+    fontFamily: "Nunito",
+    fontSize: 18,
+    fontWeight: 600,
+    lineHeight: 1.8
+  },
+  h4: {
+    fontFamily: "Nunito",
+    fontSize: 20,
+    fontWeight: 600,
+    letterSpacing: 0.25,
+    lineHeight: 1
+  },
+  h3: {
+    fontFamily: "Nunito",
+    fontSize: 28,
+    fontWeight: 500,
+    lineHeight: 1.2
+  },
+  h2: {
+    fontFamily: "Nunito",
+    fontSize: 32,
+    fontWeight: 400,
+    letterSpacing: -0.5,
+    lineHeight: 1.2
+  },
+  h1: {
+    fontFamily: "Nunito",
+    fontSize: 40,
+    fontWeight: 300,
+    letterSpacing: -1.5,
+    lineHeight: 1.4
   },
   button: {
-    fontFamily: 'Roboto',
-    fontSize: '1rem',
-    fontWeight: '500',
-    lineHeight: '1.75',
-    letterSpacing: '0.02857em',
-    textTransform: 'none'
+    textTransform: "unset",
+    fontWeightLight: 300,
+    fontSize: 13
   }
 };
 const typography = Typography;
 
-const light = {
-  typography,
+const Palettes = {
+  primary: {
+    main: "#1e62a1",
+    light: "#5a8fd3",
+    dark: "#003972",
+    contrastText: "#ffffff"
+  },
+  secondary: {
+    main: "#0CBBE2",
+    light: "#67eeff",
+    dark: "#008bb0",
+    contrastText: "#ffffff"
+  },
+  text: {
+    primary: "rgba(16,24,64,0.87)",
+    secondary: "rgba(16,24,64,0.6)",
+    disabled: "rgba(16,24,64,0.38)"
+  },
+  error: {
+    main: "#D14343",
+    light: "#d85f5f",
+    dark: "#b51e1e",
+    contrastText: "#ffffff"
+  },
+  warning: {
+    main: "#fb8500",
+    light: "#fc9726",
+    dark: "#f85500",
+    contrastText: "#ffffff"
+  },
+  info: {
+    main: "#2d9fc5",
+    light: "#4dadce",
+    dark: "#1172a3",
+    contrastText: "#ffffff"
+  },
+  success: {
+    main: "#8fc93a",
+    dark: "#60a918",
+    light: "#a0d158",
+    contrastText: "#ffffff"
+  },
+  grey: {
+    50: "#FAFBFF",
+    100: "#F4F6FA",
+    200: "#EDEFF5",
+    300: "#E6E8F0",
+    400: "#D8DAE5",
+    500: "#C1C4D6",
+    600: "#8F95B2",
+    700: "#696F8C",
+    800: "#474D66",
+    900: "#101840",
+    A100: "#D8DAE5",
+    A200: "#C1C4D6",
+    A400: "#696F8C",
+    A700: "#101840"
+  },
+  action: {
+    active: "rgba(16, 24, 64, 0.54)",
+    hover: "rgba(16, 24, 64, 0.04)",
+    selected: "rgba(16, 24, 64, 0.08)",
+    disabled: "rgba(16, 24, 64, 0.26)",
+    disabledBackground: "rgba(16, 24, 64, 0.12)",
+    focus: "rgba(16, 24, 64, 0.12)"
+  },
+  background: {
+    default: "#f5f5f5",
+    paper: "#fff"
+  },
+  divider: "rgba(16,24,64,0.12)"
+};
+const palette = Palettes;
+
+const themeOptions = {
   palette,
-  spacing: 4,
-  shadows,
-  components: {
-    MuiButton: {
-      styleOverrides: {
-        sizeSmall: {
-          minHeight: '30px'
-        },
-        root: {
-          textTransform: 'none'
-        }
-      }
-    },
-    MuiCardContent: {
-      styleOverrides: {
-        root: {
-          ':last-child': {
-            paddingBottom: '16px'
-          }
-        }
-      }
-    }
-  }
+  typography,
+  components,
+  spacing: 8
 };
 
-const BitakoraTheme = createTheme(Object.assign({}, light));
+const SincoTheme = createTheme(Object.assign({}, themeOptions));
 
-export { BitakoraTheme };
+export { SincoTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sinco/react",
-  "version": "0.0.0-rc.1",
+  "version": "0.0.0-rc.3",
   "description": "package for the configuration of mui react sinco",
   "private": false,
   "license": "MIT",

package/src/index.d.ts

@@ -1 +1 @@
-export * from './lib/bitakoraTheme';
+export * from './lib/Theme';

package/src/lib/Theme/components.d.ts

@@ -0,0 +1,2 @@
+import { Components } from "@mui/material";
+export declare const components: Components<unknown>;

package/src/lib/Theme/index.d.ts

@@ -0,0 +1 @@
+export declare const SincoTheme: import("@mui/material/styles").Theme;

package/src/lib/Theme/theme.d.ts

@@ -0,0 +1,2 @@
+import { ThemeOptions } from "@mui/material/styles";
+export declare const themeOptions: ThemeOptions;

package/src/lib/bitakoraTheme/index.d.ts

@@ -1 +0,0 @@
-export declare const BitakoraTheme: import("@mui/material/styles").Theme;

package/src/lib/bitakoraTheme/theme.d.ts

@@ -1,2 +0,0 @@
-import { ThemeOptions } from '@mui/material';
-export declare const light: ThemeOptions;