@inntechcorp/it-design 2.1.39 → 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) {
@@ -4376,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;
@@ -4453,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) {
@@ -4376,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;
@@ -4453,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.39",
+  "version": "2.1.40",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",