@inntechcorp/it-design 2.1.38 → 2.1.40

package/dist/index.cjs.js

@@ -1772,7 +1772,8 @@ function(b,o){e.exports?e.exports=o(Wi()):o(b.moment)}(Li,(function(e){void 0===
   }
 
   &.itd-checkbox-disabled {
-    pointer-events: none;
+    cursor: not-allowed;
+    pointer-events: auto;
   }
 
   /**
@@ -1819,13 +1820,22 @@ function(b,o){e.exports?e.exports=o(Wi()):o(b.moment)}(Li,(function(e){void 0===
     }
 
     &.itd-checkbox-disabled {
+
       .itd-checkbox-checkmark {
-        border: 1px solid #4b567530;
-        svg { fill: #252f4a60 }
+        background-color: #0000000a;
+        border: 1px solid #d9d9d9;
+        pointer-events: none;
+        &:before {
+          background-color: #d9d9d9;
+        }
+        svg { fill: #00000040 }
       }
+
       .itd-checkbox-label {
-        color: #4b567580;
+        color: #00000040;
+        pointer-events: none;
       }
+
     }
 
     &:not(&.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled) {
@@ -1886,12 +1896,22 @@ function(b,o){e.exports?e.exports=o(Wi()):o(b.moment)}(Li,(function(e){void 0===
     }
 
     &.itd-checkbox-disabled {
+
       .itd-checkbox-checkmark {
-        svg { fill: #252f4a60 }
+        background-color: #0000000a;
+        border: 1px solid #d9d9d9;
+        pointer-events: none;
+        &:before {
+          background-color: #d9d9d9;
+        }
+        svg { fill: #00000040 }
       }
+
       .itd-checkbox-label {
-        color: #4b567580;
+        color: #00000040;
+        pointer-events: none;
       }
+
     }
 
     &:not(&.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled) {
@@ -2240,7 +2260,7 @@ function(b,o){e.exports?e.exports=o(Wi()):o(b.moment)}(Li,(function(e){void 0===
   pointer-events: none;
   /* z-index: 1; */
 
-`,wa=({id:e,errorMessage:b="",isOpen:p=!1,locked:z=!1,disabled:c=!1,showSearch:n=!1,labelType:r="single",size:O="default",placeholder:i,value:a,label:s,prefix:A,suffix:d,icon:l,image:q,onFocus:u,onBlur:f,onShow:W,onFilter:h})=>{const R=M.useRef(null),[m,g]=M.useState(!1),[L,v]=M.useState(!1);M.useEffect((()=>{g(p)}),[p]);const N=()=>{if(""!==b)return o.jsx(va,{"data-icon":"i",className:"itd-select-failed itd-failed-status",onPointerOver:()=>v(!0),onPointerOut:()=>v(!1),children:L?o.jsx(xa,{className:"itd-select-error-tooltip itd-error-tooltip",children:b}):null})};return o.jsxs(ha,{$showSearch:n,className:"itd-select-selector",onClick:n?void 0:()=>{u(),m&&W(!1)},children:[(()=>{if(A)return A})(),l?o.jsx(ga,{className:"itd-icon "+l}):q?q.indexOf(".svg")>-1?o.jsx(t.ReactSVG,{src:q,className:"itd-image itd-svg"}):o.jsx(Wa,{src:q,height:"20",brokenHeight:"20",className:"itd-image"}):void 0,o.jsx(Ra,{className:"itd-select-selection-item",children:"floating"===r?o.jsx(ua,{id:e,placeholder:i,label:s||void 0,size:O,value:a}):o.jsx(aa,{id:e,placeholder:i,label:s||void 0,size:O,isOpen:m,showSearch:n,disabled:c,onFocus:u,onBlur:f,onFilter:h,ref:R})}),(()=>{if(""!==b)return o.jsx(Ba,{className:"itd-error-border"})})(),o.jsxs(ya,{className:"itd-select-suffix",children:[d,o.jsx(ma,{$open:m,className:"itd-select-arrow",children:o.jsx(Ci,{})}),z?o.jsx(Na,{className:"itd-svg",width:"18",height:"18"}):null,N()]})]})};
+`,wa=({id:e,errorMessage:b="",isOpen:p=!1,locked:z=!1,disabled:c=!1,showSearch:n=!1,labelType:r="single",size:O="default",placeholder:i,value:a,label:s,prefix:A,suffix:d,icon:l,image:q,onFocus:u,onBlur:f,onShow:W,onFilter:h})=>{const R=M.useRef(null),[m,g]=M.useState(!1),[L,v]=M.useState(!1);M.useEffect((()=>{g(p)}),[p]);const N=()=>{if(""!==b)return o.jsx(va,{"data-icon":"i",className:"itd-select-failed itd-failed-status",onPointerOver:()=>v(!0),onPointerOut:()=>v(!1),children:L?o.jsx(xa,{className:"itd-select-error-tooltip itd-error-tooltip",children:b}):null})};return o.jsxs(ha,{$showSearch:n,className:"itd-select-selector",onClick:n||c?void 0:()=>{u(),m&&W(!1)},children:[(()=>{if(A)return A})(),l?o.jsx(ga,{className:"itd-icon "+l}):q?q.indexOf(".svg")>-1?o.jsx(t.ReactSVG,{src:q,className:"itd-image itd-svg"}):o.jsx(Wa,{src:q,height:"20",brokenHeight:"20",className:"itd-image"}):void 0,o.jsx(Ra,{className:"itd-select-selection-item",children:"floating"===r?o.jsx(ua,{id:e,placeholder:i,label:s||void 0,size:O,value:a}):o.jsx(aa,{id:e,placeholder:i,label:s||void 0,size:O,isOpen:m,showSearch:n,disabled:c,onFocus:u,onBlur:f,onFilter:h,ref:R})}),(()=>{if(""!==b)return o.jsx(Ba,{className:"itd-error-border"})})(),o.jsxs(ya,{className:"itd-select-suffix",children:[d,o.jsx(ma,{$open:m,className:"itd-select-arrow",children:o.jsx(Ci,{})}),z?o.jsx(Na,{className:"itd-svg",width:"18",height:"18"}):null,N()]})]})};
 /*!
  * OverlayScrollbars
  * Version: 2.0.3
@@ -3116,6 +3136,7 @@ function Xa(e,b){if(Ha(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
 
     .itd-select-selector {
 
+      border        : 1px solid #d9d9d900;
       height        : ${`${M.height}px`}; 
 
       .itd-select-selection-item-single {
@@ -3258,27 +3279,32 @@ function Xa(e,b){if(Ha(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
   ${()=>ut`
     &[disabled] {
 
+      cursor: not-allowed;
+      pointer-events: none;
+
       .itd-select-selector {
+
         background-color: #0000000a;
         border: 1px solid #d9d9d9;
-      }
-      
-      .itd-select-arrow {
-        svg {
-          fill: #00000040;
-        }
-      }
+        border-radius: ${fl};
+        cursor: not-allowed;
+        pointer-events: auto;
 
-      .itd-select-selector .itd-select-selection-item input[disabled] {
-        color: #00000040;
-        &::placeholder {
+        .itd-select-selection-item input[disabled] {
           color: #00000040;
+          &::placeholder {
+            color: #00000040;
+          }
         }
+        
+        .itd-select-arrow {
+          svg {
+            fill: #00000040;
+          }
+        }
+        
       }
 
-      cursor: not-allowed;
-      pointer-events: none;
-
     } 
   `}
 
@@ -4370,6 +4396,7 @@ function Xa(e,b){if(Ha(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
   display: flex;
   justify-content: space-between;
   position: relative;
+  border: 1px solid #d9d9d900;
 
   textarea {
     background: none;
@@ -4447,7 +4474,17 @@ function Xa(e,b){if(Ha(e))for(let o=0;o<e.length&&!1!==b(e[o],o,e);o++);else e&&
       }
 
       &.itd-textarea-disabled {
-        background-color: #f1f1f450;
+        
+        background-color: #0000000a;
+        border: 1px solid #d9d9d9;
+
+        input {
+          color: #00000040;
+          &::placeholder {
+            color: #00000040;
+          }
+        }
+
       }
 
       &.itd-textarea-focus {

package/dist/index.esm.js

@@ -1772,7 +1772,8 @@ function(b,M){e.exports?e.exports=M(ua()):M(b.moment)}(ma,(function(e){void 0===
   }
 
   &.itd-checkbox-disabled {
-    pointer-events: none;
+    cursor: not-allowed;
+    pointer-events: auto;
   }
 
   /**
@@ -1819,13 +1820,22 @@ function(b,M){e.exports?e.exports=M(ua()):M(b.moment)}(ma,(function(e){void 0===
     }
 
     &.itd-checkbox-disabled {
+
       .itd-checkbox-checkmark {
-        border: 1px solid #4b567530;
-        svg { fill: #252f4a60 }
+        background-color: #0000000a;
+        border: 1px solid #d9d9d9;
+        pointer-events: none;
+        &:before {
+          background-color: #d9d9d9;
+        }
+        svg { fill: #00000040 }
       }
+
       .itd-checkbox-label {
-        color: #4b567580;
+        color: #00000040;
+        pointer-events: none;
       }
+
     }
 
     &:not(&.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled) {
@@ -1886,12 +1896,22 @@ function(b,M){e.exports?e.exports=M(ua()):M(b.moment)}(ma,(function(e){void 0===
     }
 
     &.itd-checkbox-disabled {
+
       .itd-checkbox-checkmark {
-        svg { fill: #252f4a60 }
+        background-color: #0000000a;
+        border: 1px solid #d9d9d9;
+        pointer-events: none;
+        &:before {
+          background-color: #d9d9d9;
+        }
+        svg { fill: #00000040 }
       }
+
       .itd-checkbox-label {
-        color: #4b567580;
+        color: #00000040;
+        pointer-events: none;
       }
+
     }
 
     &:not(&.itd-checkbox-error):not(.itd-checkbox-selected):not(.itd-checkbox-disabled) {
@@ -2240,7 +2260,7 @@ function(b,M){e.exports?e.exports=M(ua()):M(b.moment)}(ma,(function(e){void 0===
   pointer-events: none;
   /* z-index: 1; */
 
-`,PA=({id:e,errorMessage:b="",isOpen:M=!1,locked:p=!1,disabled:t=!1,showSearch:c=!1,labelType:i="single",size:a="default",placeholder:A,value:s,label:d,prefix:l,suffix:q,icon:u,image:f,onFocus:W,onBlur:h,onShow:R,onFilter:m})=>{const g=r(null),[L,v]=n(!1),[N,y]=n(!1);O((()=>{v(M)}),[M]);const x=()=>{if(""!==b)return o(SA,{"data-icon":"i",className:"itd-select-failed itd-failed-status",onPointerOver:()=>y(!0),onPointerOut:()=>y(!1),children:N?o(CA,{className:"itd-select-error-tooltip itd-error-tooltip",children:b}):null})};return z(xA,{$showSearch:c,className:"itd-select-selector",onClick:c?void 0:()=>{W(),L&&R(!1)},children:[(()=>{if(l)return l})(),u?o(kA,{className:"itd-icon "+u}):f?f.indexOf(".svg")>-1?o(B,{src:f,className:"itd-image itd-svg"}):o(BA,{src:f,height:"20",brokenHeight:"20",className:"itd-image"}):void 0,o(wA,{className:"itd-select-selection-item",children:"floating"===i?o(NA,{id:e,placeholder:A,label:d||void 0,size:a,value:s}):o(hA,{id:e,placeholder:A,label:d||void 0,size:a,isOpen:L,showSearch:c,disabled:t,onFocus:W,onBlur:h,onFilter:m,ref:g})}),(()=>{if(""!==b)return o(DA,{className:"itd-error-border"})})(),z(EA,{className:"itd-select-suffix",children:[q,o(XA,{$open:L,className:"itd-select-arrow",children:o(Ua,{})}),p?o(_A,{className:"itd-svg",width:"18",height:"18"}):null,x()]})]})};
+`,PA=({id:e,errorMessage:b="",isOpen:M=!1,locked:p=!1,disabled:t=!1,showSearch:c=!1,labelType:i="single",size:a="default",placeholder:A,value:s,label:d,prefix:l,suffix:q,icon:u,image:f,onFocus:W,onBlur:h,onShow:R,onFilter:m})=>{const g=r(null),[L,v]=n(!1),[N,y]=n(!1);O((()=>{v(M)}),[M]);const x=()=>{if(""!==b)return o(SA,{"data-icon":"i",className:"itd-select-failed itd-failed-status",onPointerOver:()=>y(!0),onPointerOut:()=>y(!1),children:N?o(CA,{className:"itd-select-error-tooltip itd-error-tooltip",children:b}):null})};return z(xA,{$showSearch:c,className:"itd-select-selector",onClick:c||t?void 0:()=>{W(),L&&R(!1)},children:[(()=>{if(l)return l})(),u?o(kA,{className:"itd-icon "+u}):f?f.indexOf(".svg")>-1?o(B,{src:f,className:"itd-image itd-svg"}):o(BA,{src:f,height:"20",brokenHeight:"20",className:"itd-image"}):void 0,o(wA,{className:"itd-select-selection-item",children:"floating"===i?o(NA,{id:e,placeholder:A,label:d||void 0,size:a,value:s}):o(hA,{id:e,placeholder:A,label:d||void 0,size:a,isOpen:L,showSearch:c,disabled:t,onFocus:W,onBlur:h,onFilter:m,ref:g})}),(()=>{if(""!==b)return o(DA,{className:"itd-error-border"})})(),z(EA,{className:"itd-select-suffix",children:[q,o(XA,{$open:L,className:"itd-select-arrow",children:o(Ua,{})}),p?o(_A,{className:"itd-svg",width:"18",height:"18"}):null,x()]})]})};
 /*!
  * OverlayScrollbars
  * Version: 2.0.3
@@ -3116,6 +3136,7 @@ function IA(e,b){if(Ms(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
 
     .itd-select-selector {
 
+      border        : 1px solid #d9d9d900;
       height        : ${`${o.height}px`}; 
 
       .itd-select-selection-item-single {
@@ -3258,27 +3279,32 @@ function IA(e,b){if(Ms(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
   ${()=>Zt`
     &[disabled] {
 
+      cursor: not-allowed;
+      pointer-events: none;
+
       .itd-select-selector {
+
         background-color: #0000000a;
         border: 1px solid #d9d9d9;
-      }
-      
-      .itd-select-arrow {
-        svg {
-          fill: #00000040;
-        }
-      }
+        border-radius: ${yq};
+        cursor: not-allowed;
+        pointer-events: auto;
 
-      .itd-select-selector .itd-select-selection-item input[disabled] {
-        color: #00000040;
-        &::placeholder {
+        .itd-select-selection-item input[disabled] {
           color: #00000040;
+          &::placeholder {
+            color: #00000040;
+          }
         }
+        
+        .itd-select-arrow {
+          svg {
+            fill: #00000040;
+          }
+        }
+        
       }
 
-      cursor: not-allowed;
-      pointer-events: none;
-
     } 
   `}
 
@@ -4370,6 +4396,7 @@ function IA(e,b){if(Ms(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
   display: flex;
   justify-content: space-between;
   position: relative;
+  border: 1px solid #d9d9d900;
 
   textarea {
     background: none;
@@ -4447,7 +4474,17 @@ function IA(e,b){if(Ms(e))for(let M=0;M<e.length&&!1!==b(e[M],M,e);M++);else e&&
       }
 
       &.itd-textarea-disabled {
-        background-color: #f1f1f450;
+        
+        background-color: #0000000a;
+        border: 1px solid #d9d9d9;
+
+        input {
+          color: #00000040;
+          &::placeholder {
+            color: #00000040;
+          }
+        }
+
       }
 
       &.itd-textarea-focus {

package/package.json

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