MOBILE-4470 ui: Fix opacity of disabled inputs

src/theme/components/ion-checkbox.scss

@@ -0,0 +1,5 @@
+ion-checkbox {
+    &.checkbox-disabled::part(label) {
+        opacity: 0.8;
+    }
+}

src/theme/components/ion-input.scss

@@ -0,0 +1,5 @@
+ion-input {
+    &.input-disabled.md, &.input-disabled.ios {
+        opacity: 0.8;
+    }
+}

src/theme/components/ion-radio.scss

@@ -0,0 +1,5 @@
+ion-radio {
+    &.radio-disabled::part(label) {
+        opacity: 0.8;
+    }
+}

src/theme/components/ion-select.scss

@@ -6,6 +6,9 @@ ion-select {
     &::part(icon) {
         opacity: 1;
     }
+    &.select-disabled {
+        opacity: 0.8;
+    }
 }
 
 ion-select-popover {

src/theme/theme.scss

@@ -32,15 +32,18 @@ html {
     @import "components/ion-back-button.scss";
     @import "components/ion-button.scss";
     @import "components/ion-card.scss";
+    @import "components/ion-checkbox.scss";
     @import "components/ion-chip.scss";
     @import "components/ion-content.scss";
     @import "components/ion-header.scss";
     @import "components/ion-icon.scss";
+    @import "components/ion-input.scss";
     @import "components/ion-item.scss";
     @import "components/ion-item-divider.scss";
     @import "components/ion-loading.scss";
     @import "components/ion-note.scss";
     @import "components/ion-popover.scss";
+    @import "components/ion-radio.scss";
     @import "components/ion-searchbar.scss";
     @import "components/ion-select.scss";
     @import "components/ion-spinner.scss";