@sinco/react 1.0.2-rc.4 → 1.0.2-rc.5

Sign up to get free protection for your applications and to get access to all the features.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sinco/react",
3
- "version": "1.0.2-rc.4",
3
+ "version": "1.0.2-rc.5",
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,3 +1 @@
1
1
  export * from './lib/Theme';
2
- export * from './lib/components/toastNotification/interfaces';
3
- export * from './lib/components/toastNotification/ToastNotification';
@@ -1,2 +1,2 @@
1
- import { Components } from "@mui/material";
1
+ import { Components } from '@mui/material';
2
2
  export declare const components: Components<unknown>;
package/index.css DELETED
@@ -1,85 +0,0 @@
1
- /* Colores */
2
- :root {
3
- --color-info: #e1f5fe;
4
- --color-info-icon: #0097b9;
5
- --color-success: rgba(232, 245, 233, 1);
6
- --color-success-icon: #8fc93a;
7
- --color-warning: #fff3e0;
8
- --color-warning-icon: #fb8500;
9
- --color-error: #feebee;
10
- --color-error-icon: #d14343;
11
- --color-ripple-info: #2d9fc51f;
12
- --color-ripple-success: #8fc93a1f;
13
- --color-ripple-warning: #fb85001f;
14
- --color-ripple-error: #d143431f;
15
- }
16
-
17
- .icon-color {
18
- display: inline-block;
19
- font-size: 16px;
20
- }
21
-
22
- .ripple-info,
23
- .ripple-success,
24
- .ripple-warning,
25
- .ripple-error {
26
- background: var(--color-ripple-info);
27
- border-radius: 50%;
28
- }
29
-
30
- .list-option {
31
- padding-left: 15px;
32
- margin-block: 0;
33
- font-size: 11px;
34
- color: #101840de;
35
- }
36
-
37
- .option {
38
- width: -moz-fit-content;
39
- width: fit-content;
40
- }
41
-
42
- /* Clases específicas */
43
- /* .color-info {
44
- background: var(--color-info);
45
- } */
46
- .color-info .icon-color {
47
- color: var(--color-info-icon);
48
- }
49
-
50
- /* .color-success {
51
- background: var(--color-success);
52
- } */
53
- .color-success .icon-color {
54
- color: var(--color-success-icon);
55
- }
56
-
57
- /* .color-warning {
58
- background: var(--color-warning);
59
- } */
60
- .color-warning .icon-color {
61
- color: var(--color-warning-icon);
62
- }
63
-
64
- /* .color-error {
65
- background: var(--color-error);
66
- } */
67
- .color-error .icon-color {
68
- color: var(--color-error-icon);
69
- }
70
-
71
- .ripple-info {
72
- background: var(--color-ripple-info);
73
- }
74
-
75
- .ripple-success {
76
- background: var(--color-ripple-success);
77
- }
78
-
79
- .ripple-warning {
80
- background: var(--color-ripple-warning);
81
- }
82
-
83
- .ripple-error {
84
- background: var(--color-ripple-error);
85
- }
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import "./toastNotification.css";
3
- import { Toast } from "./interfaces";
4
- declare const ToastNotification: (toast: Toast) => JSX.Element;
5
- export default ToastNotification;
@@ -1,19 +0,0 @@
1
- import { ReactElement } from "react";
2
- export interface Option {
3
- option: string;
4
- }
5
- export interface Toast {
6
- type?: string;
7
- subtitle?: string;
8
- time?: number | any;
9
- title?: string;
10
- dataOpt?: Option[];
11
- actions?: React.ReactNode;
12
- seeMore?: boolean;
13
- }
14
- export interface IconMap {
15
- [key: string]: ReactElement;
16
- }
17
- export interface ColorMap {
18
- [key: string]: "success" | "error" | "warning" | "secondary";
19
- }