@sinco/react 1.0.2-rc.26 → 1.0.2-rc.27

package/package.json

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

package/src/index.d.ts

@@ -1,4 +1 @@
 export * from './lib/Theme';
-export { default as ToastNotification } from './lib/toastNotification/ToastNotification';
-export * from './lib/toastNotification/ToastNotification';
-export * from './lib/toastNotification/interfaces';

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

@@ -0,0 +1,3 @@
+import { Breakpoints } from '@mui/material';
+declare const breakpoints: Breakpoints;
+export default breakpoints;

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

@@ -1 +1,15 @@
+/// <reference types="react" />
+declare module "@mui/material/styles" {
+    interface TypographyVariants {
+        body3: React.CSSProperties;
+    }
+    interface TypographyVariantsOptions {
+        body3?: React.CSSProperties;
+    }
+}
+declare module "@mui/material/Typography" {
+    interface TypographyPropsVariantOverrides {
+        body3: true;
+    }
+}
 export declare const SincoTheme: import("@mui/material/styles").Theme;

package/index.css

@@ -1,83 +0,0 @@
-:root {
-  --color-info: #e1f5fe;
-  --color-info-icon: #0097b9;
-  --color-success: rgba(232, 245, 233, 1);
-  --color-success-icon: #8fc93a;
-  --color-warning: #fff3e0;
-  --color-warning-icon: #fb8500;
-  --color-error: #feebee;
-  --color-error-icon: #d14343;
-  --color-ripple-info: #2d9fc51f;
-  --color-ripple-success: #8fc93a1f;
-  --color-ripple-warning: #fb85001f;
-  --color-ripple-error: #d143431f;
-}
-
-.icon-color {
-  display: inline-block;
-  font-size: 16px;
-}
-
-.ripple-info,
-.ripple-success,
-.ripple-warning,
-.ripple-error {
-  background: var(--color-ripple-info);
-  border-radius: 50%;
-}
-
-.list-option {
-  padding-left: 15px;
-  margin-block: 0;
-  font-size: 11px;
-  color: #101840de;
-}
-
-.option {
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
-.color-info {
-  background: var(--color-info);
-}
-.color-info .icon-color {
-  color: var(--color-info-icon);
-}
-
-.color-success {
-  background: var(--color-success);
-}
-.color-success .icon-color {
-  color: var(--color-success-icon);
-}
-
-.color-warning {
-  background: var(--color-warning);
-}
-.color-warning .icon-color {
-  color: var(--color-warning-icon);
-}
-
-.color-error {
-  background: var(--color-error);
-}
-.color-error .icon-color {
-  color: var(--color-error-icon);
-}
-
-.ripple-info {
-  background: var(--color-ripple-info);
-}
-
-.ripple-success {
-  background: var(--color-ripple-success);
-}
-
-.ripple-warning {
-  background: var(--color-ripple-warning);
-}
-
-.ripple-error {
-  background: var(--color-ripple-error);
-}

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

@@ -1,2 +0,0 @@
-declare const breakpoints: import("@mui/system").Breakpoints;
-export default breakpoints;

package/src/lib/toastNotification/ToastNotification.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import '../styles/toastNotification.css';
-import { Toast } from './interfaces';
-declare const ToastNotification: (toast: Toast) => JSX.Element;
-export default ToastNotification;

package/src/lib/toastNotification/interfaces.d.ts

@@ -1,19 +0,0 @@
-import { ReactElement } from "react";
-export interface Option {
-    option: string;
-}
-export interface Toast {
-    type?: string;
-    subtitle?: string;
-    time?: number | any;
-    title?: string;
-    dataOpt?: Option[];
-    actions?: React.ReactNode;
-    seeMore?: boolean;
-}
-export interface IconMap {
-    [key: string]: ReactElement;
-}
-export interface ColorMap {
-    [key: string]: "success" | "error" | "warning" | "info";
-}