react-restyle-components 0.2.68 → 0.2.70

package/lib/index.d.ts

@@ -1,3 +1,2 @@
-import './global.css';
 export * from './src/core-components';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,CAAC;AACtB,cAAc,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAEA,cAAc,uBAAuB,CAAC"}

package/lib/index.js

@@ -1,3 +1,3 @@
 // import './tc.css';
-import './global.css';
+// import './global.css';
 export * from './src/core-components';

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.68",
+  "version": "0.2.69",
   "private": false,
   "description": "Easy use restyle components",
   "author": {
@@ -55,7 +55,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "react-colorful": "^5.6.1",
     "react-datepicker": "^4.7.0",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.5.0",
     "react-scripts": "5.0.1",
     "reactstrap": "^9.0.2",
     "tailwind-merge": "^2.5.5",

package/lib/src/core-components/atoms/icons/icons.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAI9C,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,0DAMd,SAAS,KAAG,WA4Cd,CAAC"}
+{"version":3,"file":"icons.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAI9C,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,0DAMd,SAAS,KAAG,WAoEd,CAAC"}

package/lib/src/core-components/atoms/icons/icons.component.js

@@ -9,21 +9,48 @@ export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onC
     try {
         const iconProps = {
             ...propsIcon,
-            color: isDisable ? '#808080' : propsIcon?.color || '#ffffff',
+            color: isDisable ? '#808080' : propsIcon?.color || 'rgb(36 48 63)',
         };
         const lib = nameIcon
             .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
             .split(' ')[0]
             .toLocaleLowerCase();
-        let ElementIcon;
-        if (lib == 'md')
-            ElementIcon = loadable(() => import('react-icons/md'), {
-                resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
-            });
-        else
-            ElementIcon = loadable(() => import('react-icons/fa'), {
-                resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
-            });
+        const iconLibraries = {
+            fa: () => import('react-icons/fa'),
+            md: () => import('react-icons/md'),
+            io: () => import('react-icons/io'),
+            fi: () => import('react-icons/fi'),
+            bs: () => import('react-icons/bs'),
+            hi: () => import('react-icons/hi'),
+            go: () => import('react-icons/go'),
+            si: () => import('react-icons/si'),
+            ti: () => import('react-icons/ti'),
+            wi: () => import('react-icons/wi'),
+            di: () => import('react-icons/di'),
+            ri: () => import('react-icons/ri'),
+            fc: () => import('react-icons/fc'),
+            gr: () => import('react-icons/gr'),
+            lu: () => import('react-icons/lu'),
+            gi: () => import('react-icons/gi'),
+            tb: () => import('react-icons/tb'),
+            rx: () => import('react-icons/rx'),
+            im: () => import('react-icons/im'),
+            cg: () => import('react-icons/cg'),
+            io5: () => import('react-icons/io5'),
+            ai: () => import('react-icons/ai'),
+            vsc: () => import('react-icons/vsc'),
+            bi: () => import('react-icons/bi'),
+            fa2: () => import('react-icons/fa'),
+            ci: () => import('react-icons/ci'),
+            lib: () => import('react-icons/lib'),
+            lia: () => import('react-icons/lia'),
+            pi: () => import('react-icons/pi'),
+            tfi: () => import('react-icons/tfi'),
+        };
+        const loadLibrary = iconLibraries[lib] || (() => import('react-icons/md'));
+        const ElementIcon = loadable(loadLibrary, {
+            resolveComponent: (el) => el[nameIcon] != null ? el[nameIcon] : el[Object.keys(el.default)[0]],
+        });
         return (_jsx("div", { className: cn(s.iconContainer), onClick: () => {
                 if (!isDisable)
                     onClick && onClick();

package/lib/src/tc.module.css

@@ -5,8 +5,8 @@
 } .relative { position: relative;
 } .inset-0 { inset: 0px;
 } .left-0 { left: 0px;
+} .left-10 { left: 2.5rem;
 } .right-0 { right: 0px;
-} .right-10 { right: 2.5rem;
 } .right-3 { right: 0.75rem;
 } .top-0 { top: 0px;
 } .top-1\/2 { top: 50%;
@@ -48,7 +48,6 @@
 } .hidden { display: none;
 } .h-0\.5 { height: 0.125rem;
 } .h-10 { height: 2.5rem;
-} .h-16 { height: 4rem;
 } .h-3 { height: 0.75rem;
 } .h-4 { height: 1rem;
 } .h-6 { height: 1.5rem;
@@ -57,7 +56,6 @@
 } .max-h-40 { max-height: 10rem;
 } .max-h-60 { max-height: 15rem;
 } .w-10 { width: 2.5rem;
-} .w-16 { width: 4rem;
 } .w-3 { width: 0.75rem;
 } .w-4 { width: 1rem;
 } .w-6 { width: 1.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.2.68",
+  "version": "0.2.70",
   "private": false,
   "description": "Easy use restyle components",
   "author": {
@@ -55,7 +55,7 @@
     "jest-environment-jsdom": "^29.7.0",
     "react-colorful": "^5.6.1",
     "react-datepicker": "^4.7.0",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.5.0",
     "react-scripts": "5.0.1",
     "reactstrap": "^9.0.2",
     "tailwind-merge": "^2.5.5",