Merged in fix/height-input-select-fields (pull request #3146)

fix height value for input and select fields

* fix height value for input and select fields


Approved-by: Joakim Jäderberg

packages/design-system/lib/components/Input/input.module.css

@@ -1,6 +1,3 @@
-@value globals: "../../styles/globals.css";
-@value inputContainerHeight, inputExpandedHeight from globals;
-
 .container {
   align-content: center;
   background-color: var(--Surface-Primary-Default);
@@ -8,7 +5,7 @@
   border-radius: var(--Corner-radius-md);
   display: grid;
   min-width: 0; /* allow shrinkage */
-  height: inputContainerHeight;
+  height: 56px;
   padding: 0 var(--Space-x15);
   box-sizing: border-box;
   cursor: text;
@@ -48,7 +45,7 @@
   &:focus,
   &:placeholder-shown,
   &[value]:not([value='']) {
-    height: inputExpandedHeight;
+    height: 24px;
     outline: none;
   }
 
@@ -61,7 +58,7 @@
 
 @media (hover: hover) {
   .input:active:not(:disabled) {
-    height: inputExpandedHeight;
+    height: 24px;
     outline: none;
   }
 }