refactor: move base styles from themes to src (#3549) (#3550)

Co-authored-by: Serhii Kulykov <iamkulykov@gmail.com>
vaadin · Mar 12, 2022 · a13ce11 · a13ce11
1 parent 412971e
commit a13ce11
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 8 deletions.
diff --git a/packages/text-area/src/vaadin-text-area.js b/packages/text-area/src/vaadin-text-area.js
@@ -114,7 +114,13 @@ export class TextArea extends ResizeMixin(PatternMixin(InputFieldMixin(ThemableM
           box-shadow: none;
         }
 
-        [part='input-field'] ::slotted(*) {
+        /* Override styles from <vaadin-input-container> */
+        [part='input-field'] ::slotted(textarea) {
+          align-self: stretch;
+          white-space: pre-wrap;
+        }
+
+        [part='input-field'] ::slotted(:not(textarea)) {
           align-self: flex-start;
         }
 

diff --git a/packages/text-area/theme/lumo/vaadin-text-area-styles.js b/packages/text-area/theme/lumo/vaadin-text-area-styles.js
@@ -51,8 +51,6 @@ const textArea = css`
   }
 
   [part='input-field'] ::slotted(textarea) {
-    white-space: pre-wrap; /* override "nowrap" from <vaadin-text-field> */
-    align-self: stretch; /* override "baseline" from <vaadin-text-field> */
     line-height: inherit;
     --_lumo-text-field-overflow-mask-image: none;
   }

diff --git a/packages/text-area/theme/material/vaadin-text-area-styles.js b/packages/text-area/theme/material/vaadin-text-area-styles.js
@@ -17,11 +17,6 @@ const textArea = css`
     margin-top: 4px;
   }
 
-  [part='input-field'] ::slotted(textarea) {
-    white-space: pre-wrap; /* override "nowrap" from <vaadin-text-field> */
-    align-self: stretch; /* override "baseline" from <vaadin-text-field> */
-  }
-
   [part='input-field']::before,
   [part='input-field']::after {
     bottom: calc(var(--_text-area-vertical-scroll-position) * -1);