@sinco/react 1.2.5-rc.17 → 1.2.5-rc.18

package/index.esm.js

@@ -12414,11 +12414,127 @@ var typography = {
     lineHeight: "48px"
   }
 };
+var cosmosTypography = {
+  fontSize: 13,
+  body1: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 14,
+    fontWeight: 400,
+    lineHeight: "16px",
+    letterSpacing: "0.15px",
+    '@media(max-width: 885px)': {
+      fontSize: 15
+    }
+  },
+  body2: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 13,
+    fontWeight: 400,
+    lineHeight: "16px",
+    letterSpacing: "0.17px",
+    '@media(max-width: 885px)': {
+      fontSize: 14
+    }
+  },
+  body3: _defineProperty({
+    fontFamily: "IBM Plex Sans",
+    fontWeight: 300,
+    fontSize: 12,
+    lineHeight: "16px",
+    letterSpacing: "0.17px"
+  }, breakpoints.down('md'), {
+    fontSize: 11
+  }),
+  subtitle1: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 14,
+    fontWeight: 500,
+    lineHeight: "16px",
+    letterSpacing: "0.15px",
+    '@media(max-width: 885px)': {
+      fontSize: 15
+    }
+  },
+  subtitle2: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 13,
+    fontWeight: 500,
+    lineHeight: "16px",
+    letterSpacing: "0.10px",
+    '@media(max-width: 885px)': {
+      fontSize: 14
+    }
+  },
+  caption: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 11,
+    fontWeight: 400,
+    lineHeight: "14px",
+    letterSpacing: "0.40px",
+    '@media(max-width: 885px)': {
+      fontSize: 12
+    }
+  },
+  overline: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 11,
+    fontWeight: 400,
+    lineHeight: "24px",
+    letterSpacing: "1px",
+    '@media(max-width: 885px)': {
+      fontSize: 12
+    }
+  },
+  h6: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 16,
+    fontWeight: 600,
+    lineHeight: "16px",
+    letterSpacing: "0.15px",
+    '@media(max-width: 885px)': {
+      fontSize: 17
+    }
+  },
+  h5: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 18,
+    fontWeight: 400,
+    letterSpacing: 0,
+    lineHeight: "24px"
+  },
+  h4: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 22,
+    fontWeight: 600,
+    lineHeight: "24px",
+    letterSpacing: "0.25px"
+  },
+  h3: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 28,
+    fontWeight: 400,
+    lineHeight: "32px",
+    letterSpacing: 0
+  },
+  h2: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 32,
+    fontWeight: 400,
+    lineHeight: "40px",
+    letterSpacing: -0.5
+  },
+  h1: {
+    fontFamily: "IBM Plex Sans",
+    fontSize: 40,
+    fontWeight: 300,
+    letterSpacing: -1.5,
+    lineHeight: "48px"
+  }
+};
 
 var shadows = ["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)"];
 
 var BasicTheme = {
-  typography: typography,
   spacing: 8,
   mixins: mixins,
   breakpoints: breakpoints,
@@ -12426,19 +12542,23 @@ var BasicTheme = {
 };
 var CosmoTheme = _objectSpread2({
   palette: paletteCosmos,
-  components: cosmosConfig
+  components: cosmosConfig,
+  typography: cosmosTypography
 }, BasicTheme);
 var ERPTheme = _objectSpread2({
   palette: paletteERP,
-  components: components
+  components: components,
+  typography: typography
 }, BasicTheme);
 var ADPROTheme = _objectSpread2({
   palette: paletteADPRO,
-  components: components
+  components: components,
+  typography: typography
 }, BasicTheme);
 var ADCTheme = _objectSpread2({
   palette: paletteADC,
-  components: components
+  components: components,
+  typography: typography
 }, BasicTheme);
 
 var CosmosTheme = createTheme(_objectSpread2({}, CosmoTheme));

package/package.json

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

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

@@ -1,3 +1,4 @@
 import { TypographyVariantsOptions } from '@mui/material/styles/createTypography';
 import "./module";
 export declare const typography: TypographyVariantsOptions;
+export declare const cosmosTypography: TypographyVariantsOptions;