feat(core): automatically include field-label (for input/textarea)

onfido · Feb 10, 2021 · 790c8ab · 790c8ab
1 parent f58d474
commit 790c8ab
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 1 deletion.
diff --git a/packages/core/src/components/index.scss b/packages/core/src/components/index.scss
@@ -1,3 +1,5 @@
+@use './includes';
+
 @use './button/button';
 @forward './button/button';
 @use './checkbox/checkbox';
@@ -20,11 +22,14 @@
 @mixin components() {
   @include button.Button();
   @include checkbox.Checkbox();
-  @include field-label.FieldLabel();
   @include helper-text.HelperText();
   @include icon.Icon();
   @include input.Input();
   @include radio.Radio();
   @include search.Search();
   @include textarea.Textarea();
+
+  @if not includes.the('field-label') {
+    @include field-label.FieldLabel();
+  }
 }
diff --git a/packages/core/src/components/input/input.scss b/packages/core/src/components/input/input.scss
@@ -1,6 +1,13 @@
 @use '../../mixins';
+@use '../includes';
+
+@use '../field-label/field-label';
 
 @mixin Input() {
+  @if not includes.the('field-label') {
+    @include field-label.FieldLabel();
+  }
+
   .ods-input {
     @include mixins.as-text-input();
   }

diff --git a/packages/core/src/components/textarea/textarea.scss b/packages/core/src/components/textarea/textarea.scss
@@ -1,6 +1,13 @@
 @use '../../mixins';
+@use '../includes';
+
+@use '../field-label/field-label';
 
 @mixin Textarea() {
+  @if not includes.the('field-label') {
+    @include field-label.FieldLabel();
+  }
+
   .ods-textarea {
     @include mixins.as-text-input();