@inntechcorp/it-design 2.1.60 → 2.1.62

package/dist/index.cjs.js

@@ -5364,24 +5364,17 @@ function ga(e,b){if(Da(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
 
   width: 100%;
   min-height: 0;
-  margin-bottom: 34px;
+  margin-bottom: 1rem;
 
-  &::before {
-    background-color: #04112780;
-    border-radius: 100px;
-    width: 84px;
-    height: 84px;
-    display: inline;
-    content: "";
-    position: absolute;
-    z-index: 0;
-    top: -20px;
-  }
+  background-color: #04112780;
+  border-radius: 100px;
+  width: 84px;
+  height: 84px;
   
   img {
     z-index: 0;
     width: 44px;
-    height: 44px;
+    height: auto;
   }
   
 `,_f=mt.div`
@@ -5429,7 +5422,7 @@ function ga(e,b){if(Da(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
   font-weight: 500;
   text-align: center;
   max-width: 80%;
-`,If=({image:e="",title:b="",description:p="",extra:z=null,footer:t=null,type:c="default",fill:n=!1,autoCenter:r=!0,background:O=!0,animation:i=!0})=>{const[a,s]=M.useState("");M.useEffect((()=>{""!==e&&s(e)}),[e]);const A=()=>{if(z)return o.jsx(_f,{className:"itd-result-extras",children:z})},d=()=>{if(t)return o.jsx(Cf,{className:"itd-result-footer",children:t})},l=()=>{let e="itd-result";return e+=" itd-result-"+c,r&&(e+=" itd-result-auto-center"),n&&(e+=" itd-result-fill"),O&&(e+=" itd-result-background"),O||(e+=" itd-result-no-background"),e};return o.jsx(Xf,{className:l(),children:o.jsx(kf,{className:"itd-result-content-wrapper",children:o.jsxs(Tf,{className:"itd-result-content",$autoCenter:r,$type:c,$background:O,$animation:i,$fill:n.toString(),children:[o.jsxs(Df,{className:"itd-result-body",children:[o.jsx(Ef,{className:"itd-image-wrapper",children:o.jsx(aa,{src:a})}),o.jsx(Pf,{className:"itd-result-title",children:b}),o.jsx(jf,{className:"itd-result-sub-title",children:p})]}),A(),d()]})})})};If.displayName="ITD-Result";const Ff=mt.div`
+`,If=({image:e="",title:b="",description:p="",extra:z=null,footer:t=null,type:c="default",fill:n=!1,autoCenter:r=!0,background:O=!0,animation:i=!0})=>{const[a,s]=M.useState("");M.useEffect((()=>{""!==e&&s(e)}),[e]);const A=()=>{if(z)return o.jsx(_f,{className:"itd-result-extras",children:z})},d=()=>{if(t)return o.jsx(Cf,{className:"itd-result-footer",children:t})},l=()=>{let e="itd-result";return e+=" itd-result-"+c,r&&(e+=" itd-result-auto-center"),n&&(e+=" itd-result-fill"),O&&(e+=" itd-result-background"),O||(e+=" itd-result-no-background"),e};return o.jsx(Xf,{className:l(),children:o.jsx(kf,{className:"itd-result-content-wrapper",children:o.jsxs(Tf,{className:"itd-result-content",$autoCenter:r,$type:c,$background:O,$animation:i,$fill:n.toString(),children:[o.jsxs(Df,{className:"itd-result-body",children:[o.jsx(Ef,{className:"itd-image-wrapper",children:"string"==typeof a?o.jsx(aa,{src:a}):a}),o.jsx(Pf,{className:"itd-result-title",children:b}),o.jsx(jf,{className:"itd-result-sub-title",children:p})]}),A(),d()]})})})};If.displayName="ITD-Result";const Ff=mt.div`
   position: fixed;
   bottom: 80px;
   right: 30px;

package/dist/index.d.ts

@@ -1415,12 +1415,12 @@ type UploadResultMessageProps = {
 };
 
 type ResultProps = {
-    image: string;
+    image: string | ChildrenProps;
     title: string;
     description: string;
     type?: string;
-    extra?: React.ReactElement | null;
-    footer?: React.ReactElement | null;
+    extra?: ChildrenProps | null;
+    footer?: ChildrenProps | null;
     fill?: boolean;
     autoCenter?: boolean;
     background?: boolean;

package/dist/index.esm.js

@@ -5364,24 +5364,17 @@ function kA(e,b){if(YA(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
 
   width: 100%;
   min-height: 0;
-  margin-bottom: 34px;
+  margin-bottom: 1rem;
 
-  &::before {
-    background-color: #04112780;
-    border-radius: 100px;
-    width: 84px;
-    height: 84px;
-    display: inline;
-    content: "";
-    position: absolute;
-    z-index: 0;
-    top: -20px;
-  }
+  background-color: #04112780;
+  border-radius: 100px;
+  width: 84px;
+  height: 84px;
   
   img {
     z-index: 0;
     width: 44px;
-    height: 44px;
+    height: auto;
   }
   
 `,UW=pc.div`
@@ -5429,7 +5422,7 @@ function kA(e,b){if(YA(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
   font-weight: 500;
   text-align: center;
   max-width: 80%;
-`,QW=({image:e="",title:b="",description:M="",extra:p=null,footer:t=null,type:c="default",fill:r=!1,autoCenter:i=!0,background:a=!0,animation:A=!0})=>{const[s,d]=n("");O((()=>{""!==e&&d(e)}),[e]);const l=()=>{if(p)return o(UW,{className:"itd-result-extras",children:p})},q=()=>{if(t)return o(HW,{className:"itd-result-footer",children:t})};return o(IW,{className:(()=>{let e="itd-result";return e+=" itd-result-"+c,i&&(e+=" itd-result-auto-center"),r&&(e+=" itd-result-fill"),a&&(e+=" itd-result-background"),a||(e+=" itd-result-no-background"),e})(),children:o($W,{className:"itd-result-content-wrapper",children:z(jW,{className:"itd-result-content",$autoCenter:i,$type:c,$background:a,$animation:A,$fill:r.toString(),children:[z(YW,{className:"itd-result-body",children:[o(VW,{className:"itd-image-wrapper",children:o(hA,{src:s})}),o(GW,{className:"itd-result-title",children:b}),o(KW,{className:"itd-result-sub-title",children:M})]}),l(),q()]})})})};QW.displayName="ITD-Result";const JW=pc.div`
+`,QW=({image:e="",title:b="",description:M="",extra:p=null,footer:t=null,type:c="default",fill:r=!1,autoCenter:i=!0,background:a=!0,animation:A=!0})=>{const[s,d]=n("");O((()=>{""!==e&&d(e)}),[e]);const l=()=>{if(p)return o(UW,{className:"itd-result-extras",children:p})},q=()=>{if(t)return o(HW,{className:"itd-result-footer",children:t})};return o(IW,{className:(()=>{let e="itd-result";return e+=" itd-result-"+c,i&&(e+=" itd-result-auto-center"),r&&(e+=" itd-result-fill"),a&&(e+=" itd-result-background"),a||(e+=" itd-result-no-background"),e})(),children:o($W,{className:"itd-result-content-wrapper",children:z(jW,{className:"itd-result-content",$autoCenter:i,$type:c,$background:a,$animation:A,$fill:r.toString(),children:[z(YW,{className:"itd-result-body",children:[o(VW,{className:"itd-image-wrapper",children:"string"==typeof s?o(hA,{src:s}):s}),o(GW,{className:"itd-result-title",children:b}),o(KW,{className:"itd-result-sub-title",children:M})]}),l(),q()]})})})};QW.displayName="ITD-Result";const JW=pc.div`
   position: fixed;
   bottom: 80px;
   right: 30px;

package/dist/types/ResultProps.d.ts

@@ -1,10 +1,11 @@
+import { ChildrenProps } from "./ChildrenProps";
 export type ResultProps = {
-    image: string;
+    image: string | ChildrenProps;
     title: string;
     description: string;
     type?: string;
-    extra?: React.ReactElement | null;
-    footer?: React.ReactElement | null;
+    extra?: ChildrenProps | null;
+    footer?: ChildrenProps | null;
     fill?: boolean;
     autoCenter?: boolean;
     background?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.1.60",
+  "version": "2.1.62",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",