@inntechcorp/it-design 2.1.63 → 2.1.64

package/dist/index.cjs.js

@@ -5082,9 +5082,11 @@ function ga(e,b){if(Da(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
 
   position: relative;
 
-  &:hover:not(&.itd-radio-selected) {
-    ${Ju} {
-      border-color: #ADB1BB;
+  ${({$hasCustomButton:e})=>e&&Wt`
+
+    &:hover:not(&.itd-radio-selected) {
+      ${Ju} {
+        border-color: #ADB1BB;
     }
     ${Qu} {
       span {
@@ -5132,6 +5134,8 @@ function ga(e,b){if(Da(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
 
   }
 
+  `}
+
 `,ef=mt.div`
 
   position: absolute;
@@ -5144,7 +5148,7 @@ function ga(e,b){if(Da(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
   pointer-events: none;
   /* z-index: 1; */
 
-`;function bf({id:e="itd-radio-button-"+Gt(),name:b="",value:p="",type:z="default",buttonProps:t={},checked:c=!1,hasError:n=!1,children:r=null,icon:O=null,image:i=null,component:a=null,onChange:s=()=>{}}){const A=()=>{console.log("handleOnChange",p),s&&s(p)};return o.jsxs(Zu,{className:(()=>{let e="itd-radio";return c&&(e+=" itd-radio-selected"),n&&(e+=" itd-radio-error"),e})(),children:[o.jsx("input",{type:"radio",onChange:A,id:e,name:b,value:p,checked:c,"aria-checked":c}),o.jsxs(Ku,{className:(()=>{let e="itd-radio-label";return c&&(e+=" itd-radio-label-selected"),n&&(e+=" itd-radio-label-error"),e})(),htmlFor:e,children:[null!==a?o.jsx("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:c,value:p,icon:O,children:r};return"childProps"in a?.props&&(e.childProps={...a?.props?.childProps||{},checked:c,value:p,icon:O,children:r}),M.cloneElement(a,e)})()}):"default"===z?o.jsxs(Ju,{className:"itd-radio-default-button",children:[o.jsxs(Gu,{className:"itd-radio-content",children:[O?o.jsx(Yu,{className:"itd-icon itd-pre-icon "+O}):i?o.jsx(aa,{className:"itd-image",src:i,height:"20",brokenHeight:"20"}):null,o.jsx("span",{children:r})]}),c?o.jsx(Hu,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===z?o.jsx(Kt,{className:"itd-radio-primary-button",...t,selected:c,onClick:A,children:o.jsx("span",{children:r})}):o.jsx("span",{children:r}),n?o.jsx(ef,{className:"itd-error-border"}):null]})]})}const of=mt.div`
+`;function bf({id:e="itd-radio-button-"+Gt(),name:b="",value:p="",type:z="default",buttonProps:t={},checked:c=!1,hasError:n=!1,children:r=null,icon:O=null,image:i=null,component:a=null,onChange:s=()=>{}}){const A=()=>{console.log("handleOnChange",p),s&&s(p)};return o.jsxs(Zu,{className:(()=>{let e="itd-radio";return c&&(e+=" itd-radio-selected"),n&&(e+=" itd-radio-error"),e})(),$hasCustomButton:!a,children:[o.jsx("input",{type:"radio",onChange:A,id:e,name:b,value:p,checked:c,"aria-checked":c}),o.jsxs(Ku,{className:(()=>{let e="itd-radio-label";return c&&(e+=" itd-radio-label-selected"),n&&(e+=" itd-radio-label-error"),e})(),htmlFor:e,children:[null!==a?o.jsx("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:c,value:p,icon:O,children:r};return"childProps"in a?.props&&(e.childProps={...a?.props?.childProps||{},checked:c,value:p,icon:O,children:r}),M.cloneElement(a,e)})()}):"default"===z?o.jsxs(Ju,{className:"itd-radio-default-button",children:[o.jsxs(Gu,{className:"itd-radio-content",children:[O?o.jsx(Yu,{className:"itd-icon itd-pre-icon "+O}):i?o.jsx(aa,{className:"itd-image",src:i,height:"20",brokenHeight:"20"}):null,o.jsx("span",{children:r})]}),c?o.jsx(Hu,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===z?o.jsx(Kt,{className:"itd-radio-primary-button",selected:c,onClick:A,...t,children:o.jsx("span",{children:r})}):o.jsx("span",{children:r}),n?o.jsx(ef,{className:"itd-error-border"}):null]})]})}const of=mt.div`
   display               : grid;
   grid-auto-flow        : ${e=>e.$onlyFlow?e.$direction:"column"===e.$direction?"row":"column"};
   grid-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, ${e.$autoSize?"auto":"1fr"})`};

package/dist/index.esm.js

@@ -5082,9 +5082,11 @@ function kA(e,b){if(YA(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
 
   position: relative;
 
-  &:hover:not(&.itd-radio-selected) {
-    ${nW} {
-      border-color: #ADB1BB;
+  ${({$hasCustomButton:e})=>e&&bc`
+
+    &:hover:not(&.itd-radio-selected) {
+      ${nW} {
+        border-color: #ADB1BB;
     }
     ${cW} {
       span {
@@ -5132,6 +5134,8 @@ function kA(e,b){if(YA(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
 
   }
 
+  `}
+
 `,rW=pc.div`
 
   position: absolute;
@@ -5144,7 +5148,7 @@ function kA(e,b){if(YA(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
   pointer-events: none;
   /* z-index: 1; */
 
-`;function iW({id:e="itd-radio-button-"+xc(),name:b="",value:M="",type:p="default",buttonProps:t={},checked:c=!1,hasError:n=!1,children:O=null,icon:r=null,image:i=null,component:a=null,onChange:A=()=>{}}){const s=()=>{console.log("handleOnChange",M),A&&A(M)};return z(OW,{className:(()=>{let e="itd-radio";return c&&(e+=" itd-radio-selected"),n&&(e+=" itd-radio-error"),e})(),children:[o("input",{type:"radio",onChange:s,id:e,name:b,value:M,checked:c,"aria-checked":c}),z(tW,{className:(()=>{let e="itd-radio-label";return c&&(e+=" itd-radio-label-selected"),n&&(e+=" itd-radio-label-error"),e})(),htmlFor:e,children:[null!==a?o("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:c,value:M,icon:r,children:O};return"childProps"in a?.props&&(e.childProps={...a?.props?.childProps||{},checked:c,value:M,icon:r,children:O}),l(a,e)})()}):"default"===p?z(nW,{className:"itd-radio-default-button",children:[z(zW,{className:"itd-radio-content",children:[r?o(pW,{className:"itd-icon itd-pre-icon "+r}):i?o(hA,{className:"itd-image",src:i,height:"20",brokenHeight:"20"}):null,o("span",{children:O})]}),c?o(oW,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===p?o(wc,{className:"itd-radio-primary-button",...t,selected:c,onClick:s,children:o("span",{children:O})}):o("span",{children:O}),n?o(rW,{className:"itd-error-border"}):null]})]})}const aW=pc.div`
+`;function iW({id:e="itd-radio-button-"+xc(),name:b="",value:M="",type:p="default",buttonProps:t={},checked:c=!1,hasError:n=!1,children:O=null,icon:r=null,image:i=null,component:a=null,onChange:A=()=>{}}){const s=()=>{console.log("handleOnChange",M),A&&A(M)};return z(OW,{className:(()=>{let e="itd-radio";return c&&(e+=" itd-radio-selected"),n&&(e+=" itd-radio-error"),e})(),$hasCustomButton:!a,children:[o("input",{type:"radio",onChange:s,id:e,name:b,value:M,checked:c,"aria-checked":c}),z(tW,{className:(()=>{let e="itd-radio-label";return c&&(e+=" itd-radio-label-selected"),n&&(e+=" itd-radio-label-error"),e})(),htmlFor:e,children:[null!==a?o("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:c,value:M,icon:r,children:O};return"childProps"in a?.props&&(e.childProps={...a?.props?.childProps||{},checked:c,value:M,icon:r,children:O}),l(a,e)})()}):"default"===p?z(nW,{className:"itd-radio-default-button",children:[z(zW,{className:"itd-radio-content",children:[r?o(pW,{className:"itd-icon itd-pre-icon "+r}):i?o(hA,{className:"itd-image",src:i,height:"20",brokenHeight:"20"}):null,o("span",{children:O})]}),c?o(oW,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===p?o(wc,{className:"itd-radio-primary-button",selected:c,onClick:s,...t,children:o("span",{children:O})}):o("span",{children:O}),n?o(rW,{className:"itd-error-border"}):null]})]})}const aW=pc.div`
   display               : grid;
   grid-auto-flow        : ${e=>e.$onlyFlow?e.$direction:"column"===e.$direction?"row":"column"};
   grid-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, ${e.$autoSize?"auto":"1fr"})`};

package/dist/radio/button/styled.d.ts

@@ -4,6 +4,8 @@ declare const Left: import("styled-components/dist/types").IStyledComponentBase<
 declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 declare const SimpleButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const InnerButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $hasCustomButton: boolean;
+}>> & string;
 declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { Wrapper, CheckIcon, PreIcon, Left, InnerButton, SimpleButton, Label, ErrorBorder };

package/package.json

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