fix(input, textarea): disabled state is applied when true (#26892)

resolves #26881

core/src/components/input/input.md.scss

@@ -37,7 +37,7 @@
 // Input - Disabled
 // ----------------------------------------------------------------
 :host(.legacy-input) .native-input[disabled],
-:host([disabled]) {
+:host(.input-disabled) {
   opacity: #{$input-md-disabled-opacity};
 }
 

core/src/components/input/input.scss

@@ -158,7 +158,7 @@
 
 
 :host(.legacy-input) .native-input[disabled],
-:host([disabled]) {
+:host(.input-disabled) {
   opacity: 0.4;
 }
 

core/src/components/input/input.tsx

@@ -649,6 +649,7 @@ export class Input implements ComponentInterface {
           [`input-label-placement-${labelPlacement}`]: true,
           'in-item': inItem,
           'in-item-color': hostContext('ion-item.ion-color', this.el),
+          'input-disabled': disabled,
         })}
       >
         <label class="input-wrapper">

core/src/components/textarea/textarea.scss

@@ -171,7 +171,7 @@
 }
 
 :host(.legacy-textarea) .native-textarea[disabled],
-:host([disabled]) {
+:host(.textarea-disabled) {
   opacity: 0.4;
 }
 

core/src/components/textarea/textarea.tsx

@@ -636,6 +636,7 @@ Developers can use the "legacy" property to continue using the legacy form marku
           [`textarea-fill-${fill}`]: fill !== undefined,
           [`textarea-shape-${shape}`]: shape !== undefined,
           [`textarea-label-placement-${labelPlacement}`]: true,
+          'textarea-disabled': disabled,
         })}
       >
         <label class="textarea-wrapper">