elseware-ui 2.2.30 → 2.3.0

package/build/utils/hooks/components/useDrawer.d.ts

@@ -0,0 +1,6 @@
+declare const useDrawer: (defaultVisibility?: boolean) => {
+    show: boolean;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+};
+export default useDrawer;

package/build/utils/useClickOutside.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="@types/react" />
+import { MutableRefObject } from "react";
+type ClickOutsideCallback = () => void;
+export default function useClickOutside(ref: MutableRefObject<HTMLElement | null>, fun?: ClickOutsideCallback): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elseware-ui",
-  "version": "2.2.30",
+  "version": "2.3.0",
   "private": false,
   "description": "A modern and customizable React UI component library by elseware Technology.",
   "types": "build/index.d.ts",

package/build/tailwind.config.js

@@ -1,116 +0,0 @@
-module.exports = {
-  content: [
-    "./src/**/*.{js,jsx,ts,tsx}",
-    "./public/index.html",
-    "!./src/**/*.stories.tsx", // Exclude all Storybook stories
-  ],
-  darkMode: "class", // or 'darkMode' or 'class'
-  safelist: [
-    { pattern: /(sm|md|lg|xl|2xl):.*/ }, // Safelist all responsive variants
-  ],
-  theme: {
-    extend: {
-      colors: {
-        // New color mappings
-        primary: {
-          50: "#e6e8ec",
-          100: "#c3c8d2",
-          200: "#9aa2b3",
-          300: "#707a93",
-          400: "#4c5673",
-          500: "#00040f", // Base (Deep navy blue)
-          600: "#00030d",
-          700: "#00020a",
-          800: "#000106",
-          900: "#000003",
-        },
-        secondary: {
-          50: "#e6ffcc",
-          100: "#c0ff8c",
-          200: "#a3ff5f",
-          300: "#7aff2f",
-          400: "#64e245",
-          500: "#4cd900", // Base
-          600: "#17b800",
-          700: "#149900",
-          800: "#107a00",
-          900: "#0a5a00",
-        },
-        success: {
-          50: "#b0e8d0",
-          100: "#8ddbb9",
-          200: "#6bcfa2",
-          300: "#48c28b",
-          400: "#26b674",
-          500: "#198754", // Base
-          600: "#146b42",
-          700: "#0f4e31",
-          800: "#0a321f",
-          900: "#05170e",
-        },
-        danger: {
-          50: "#f9c3c7",
-          100: "#f49aa1",
-          200: "#ef717b",
-          300: "#ea4855",
-          400: "#e51f2f",
-          500: "#dc3545", // Base
-          600: "#af2a37",
-          700: "#821f29",
-          800: "#56151b",
-          900: "#2a0a0e",
-        },
-        warning: {
-          50: "#fff3cd",
-          100: "#ffe89b",
-          200: "#ffdc69",
-          300: "#ffd137",
-          400: "#ffc606",
-          500: "#ffc107", // Base
-          600: "#cc9905",
-          700: "#997104",
-          800: "#664902",
-          900: "#332401",
-        },
-        info: {
-          50: "#a7effa",
-          100: "#82e6f8",
-          200: "#5dddf6",
-          300: "#38d3f4",
-          400: "#14caf2",
-          500: "#0dcaf0", // Base
-          600: "#0aa0c0",
-          700: "#087690",
-          800: "#054c60",
-          900: "#032330",
-        },
-        light: {
-          50: "#ffffff",
-          100: "#fefefe",
-          200: "#fdfdfd",
-          300: "#fcfcfc",
-          400: "#fbfbfb",
-          500: "#f8f9fa", // Base
-          600: "#c6c7c8",
-          700: "#949596",
-          800: "#626263",
-          900: "#313132",
-        },
-        dark: {
-          50: "#9ea1a4",
-          100: "#868a8d",
-          200: "#6f7376",
-          300: "#575c5f",
-          400: "#404547",
-          500: "#212529", // Base
-          600: "#1a1d20",
-          700: "#141618",
-          800: "#0d0e10",
-          900: "#070708",
-        },
-      },
-    },
-    fontFamily: { poppins: ["Poppins", "sans-serif"] },
-  },
-  plugins: [],
-};