@sinco/react 1.0.2-rc.23 → 1.0.2-rc.24

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +39 -0
  2. package/index.css +0 -1
  3. package/index.js +1 -1
  4. package/package.json +1 -1
  5. package/src/index.d.ts +0 -1
  6. package/src/lib/toastNotification/interfaces.d.ts +1 -1
  7. package/main.css +0 -1
package/README.md ADDED
@@ -0,0 +1,39 @@
1
+ # @sinco/react
2
+
3
+ Paquete de sinco react
4
+
5
+ ## Cómo empezar
6
+ npm i @sinco/react
7
+
8
+ ## Pre-requisitos
9
+
10
+ React en la versión 18
11
+ Instalar mui react
12
+ https://mui.com/material-ui/getting-started/installation/
13
+
14
+
15
+ ## Fuentes web de Google
16
+ Para instalar la fuente en su proyecto usando la CDN de Google Web Fonts, agregue el siguiente fragmento de código dentro de la <head />etiqueta de su proyecto:
17
+
18
+ <link
19
+ rel="stylesheet"
20
+ href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&family=Roboto:wght@300;400;500;700&display=swap"
21
+ />
22
+ Para usar el Iconcomponent de fuente, primero debe agregar la fuente Material Icons .
23
+ <link
24
+ rel="stylesheet"
25
+ href="https://fonts.googleapis.com/icon?family=Material+Icons"
26
+ />
27
+
28
+ ## Como utilizar
29
+ Para poder utilizar el tema personalizado de sinco react, solo debes colocar la variable "SincoTheme" en el themeProvider
30
+ <ThemeProvider theme={SincoTheme}>
31
+
32
+ ## Más información
33
+
34
+ Para tener más información de como utilizar react mui
35
+
36
+ https://mui.com/material-ui/getting-started/overview/
37
+
38
+
39
+
package/index.css CHANGED
@@ -1,4 +1,3 @@
1
- @import './toastNotification.css'
2
1
  :root {
3
2
  --color-info: #e1f5fe;
4
3
  --color-info-icon: #0097b9;
package/index.js CHANGED
@@ -12969,7 +12969,7 @@ const ToastNotification = toast => {
12969
12969
  success: 'success',
12970
12970
  error: 'error',
12971
12971
  warning: 'warning',
12972
- info: 'secondary'
12972
+ info: 'info'
12973
12973
  };
12974
12974
  const colors = colorMap[toast.type || 'info'];
12975
12975
  const close = () => {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sinco/react",
3
- "version": "1.0.2-rc.23",
3
+ "version": "1.0.2-rc.24",
4
4
  "description": "package for the configuration of mui react sinco",
5
5
  "private": false,
6
6
  "license": "MIT",
package/src/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  export * from './lib/Theme';
2
- import '../src/lib/styles/main.css';
3
2
  export { default as ToastNotification } from './lib/toastNotification/ToastNotification';
4
3
  export * from './lib/toastNotification/ToastNotification';
5
4
  export * from './lib/toastNotification/interfaces';
package/src/lib/toastNotification/interfaces.d.ts CHANGED
@@ -15,5 +15,5 @@ export interface IconMap {
15
15
  [key: string]: ReactElement;
16
16
  }
17
17
  export interface ColorMap {
18
- [key: string]: "success" | "error" | "warning" | "secondary";
18
+ [key: string]: "success" | "error" | "warning" | "info";
19
19
  }
package/main.css DELETED
@@ -1 +0,0 @@
1
- @import './toastNotification.css'