- update variables;

- specify attributes by classes type;

Author: JoaoFerreira-FrontEnd

core/src/components/input/input.ionic.scss

@@ -11,8 +11,6 @@
   --border-radius: #{globals.$ion-border-radius-100};
   --highlight-color-valid: #{globals.$ion-semantics-success-900};
   --highlight-color-invalid: #{globals.$ion-border-danger-default};
-  --padding-start: #{globals.$ion-space-300};
-  --padding-end: #{globals.$ion-space-300};
   --placeholder-color: #{globals.$ion-primitives-neutral-800};
   --placeholder-opacity: 1;
 
@@ -111,6 +109,11 @@
 // Ionic Input Sizes
 // --------------------------------------------------
 
+:host(.input-size-medium) {
+  --padding-start: #{globals.$ion-space-300};
+  --padding-end: #{globals.$ion-space-300};
+}
+
 :host(.input-size-large) {
   --padding-start: #{globals.$ion-space-400};
   --padding-end: #{globals.$ion-space-400};
@@ -137,21 +140,21 @@
 // --------------------------------------------------
 
 :host(.input-shape-soft) {
-  --border-radius: #{globals.$ion-border-radius-200};
+  --border-radius: #{globals.$ion-soft-xl};
 }
 
 :host(.input-shape-round) {
-  --border-radius: #{globals.$ion-border-radius-400};
+  --border-radius: #{globals.$ion-round-xl};
 }
 
 :host(.input-shape-rectangular) {
-  --border-radius: #{globals.$ion-border-radius-0};
+  --border-radius: #{globals.$ion-rectangular-xl};
 }
 
 // Ionic Input Password Toggle Sizes
 // --------------------------------------------------
 
-:host ion-input-password-toggle {
+:host(.input-size-medium) ion-input-password-toggle {
   --size: #{globals.$ion-scale-1000};
 }