dhre-ui-kit 0.0.68 → 0.0.70

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhre-ui-kit",
-  "version": "0.0.68",
+  "version": "0.0.70",
   "main": "src/index.ts",
   "files": [
     "src",

package/src/index.ts

@@ -52,6 +52,4 @@ export {
 export {copyToClipboard} from './utils/deviceUtils';
 
 export {default} from './theme/themes';
-export {useToast} from './components/toast/ToastProvider';
-export {default as ToastProvider} from './components/toast/ToastProvider';
 export {default as CustomTextTest} from '../__mocks__/custom-text.mock';

package/src/theme/themes.ts

@@ -3,7 +3,7 @@ import {Theme} from '../utils/appEnum';
 const theme = {
   [Theme.SURFACE_PRIMARY]: {
     light: '#FFFFFF',
-    dark: '#404040',
+    dark: '#000000',
   },
   [Theme.SURFACE_SECONDARY]: {
     light: '#F5F5F5',
@@ -87,6 +87,23 @@ const theme = {
     light: '#282828',
     dark: '#FFFFFF',
   },
+
+  [Theme.WARNING]: {
+    light: '#B65E01',
+    dark: '#EB8425',
+  },
+  [Theme.SUCCESS]: {
+    light: '#008256',
+    dark: '#00B578',
+  },
+  [Theme.INFO]: {
+    light: '#0569C2',
+    dark: '#339ECF',
+  },
+  [Theme.ERROR]: {
+    light: '#EB0542',
+    dark: '#EB0542',
+  },
 };
 
 export default theme;

package/src/utils/appEnum.ts

@@ -95,4 +95,8 @@ export enum Theme {
   BORDER_BRAND_TRANSPARENT_STATIC = 'BORDER_BRAND_TRANSPARENT_STATIC',
   BORDER_STATIC = 'BORDER_STATIC',
   BORDER_SEPRATOR = 'BORDER_SEPRATOR',
+  WARNING = 'WARNING',
+  SUCCESS = 'SUCCESS',
+  INFO = 'INFO',
+  ERROR = 'ERROR',
 }

package/src/components/toast/ToastProvider.tsx

@@ -1,61 +0,0 @@
-import React, {
-  createContext,
-  useRef,
-  useImperativeHandle,
-  useContext,
-  forwardRef,
-} from 'react';
-import Toast from './Toast';
-import {ShowToast, ToastRef} from './Toast.interface';
-
-const ToastContext = createContext<{showToast: ShowToast} | undefined>(
-  undefined,
-);
-
-const ToastProvider = forwardRef<ToastRef, React.PropsWithChildren<object>>(
-  (props, ref) => {
-    const toastRef = useRef<ToastRef>(null);
-
-    useImperativeHandle(ref, () => ({
-      showToast: (message, duration, isSuccess, btnText, onBtnPress) => {
-        toastRef.current?.showToast(
-          message,
-          duration,
-          isSuccess,
-          btnText,
-          onBtnPress,
-        );
-      },
-    }));
-
-    return (
-      <ToastContext.Provider
-        value={{
-          showToast: (message, duration, isSuccess, btnText, onBtnPress) => {
-            toastRef.current?.showToast(
-              message,
-              duration,
-              isSuccess,
-              btnText,
-              onBtnPress,
-            );
-          },
-        }}>
-        {props.children}
-        <Toast ref={toastRef} />
-      </ToastContext.Provider>
-    );
-  },
-);
-
-ToastProvider.displayName = 'ToastProvider';
-
-export const useToast = () => {
-  const context = useContext(ToastContext);
-  if (!context) {
-    throw new Error('useToast must be used within a ToastProvider');
-  }
-  return context;
-};
-
-export default ToastProvider;

package/src/components/toast/typings.ts

@@ -1,17 +0,0 @@
-import type React from 'react';
-
-export type ShowToast = (text: string, duration?: number) => void;
-
-export type Provider = React.FunctionComponent & {
-  ref: ToastRef | null;
-};
-
-export type RegisterRef = (ref: ToastRef) => void;
-
-export interface ToastRef {
-  showToast: ShowToast;
-}
-
-export interface ToastProps {
-  ref: (ref: ToastRef) => void;
-}