Ensure consistent input heights in flex/grid containers (#1915)

* apply flex rules to `form-control` parts

* prevent input heights from growing in flex containers

* change approach: ignore `form-control` wrapper for styling

packages/webawesome/src/components/input/input.styles.ts

@@ -6,7 +6,6 @@ export default css`
   }
 
   .text-field {
-    flex: auto;
     display: flex;
     align-items: stretch;
     justify-content: start;

packages/webawesome/src/styles/component/form-control.styles.ts

@@ -6,6 +6,11 @@ export default css`
     flex-direction: column;
   }
 
+  /* Treat wrapped labels, inputs, and hints as direct children of the host element */
+  [part~='form-control'] {
+    display: contents;
+  }
+
   /* Label */
   :is([part~='form-control-label'], [part~='label']):has(*:not(:empty)),
   :is([part~='form-control-label'], [part~='label']).has-label {