feat(business/textarea): expose textarea component for business (#34)

sbb-design-systems · Jun 20, 2019 · 997be3c · 997be3c
1 parent b87a4a3
commit 997be3c
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 17 deletions.
diff --git a/projects/sbb-esta/angular-business/src/lib/textarea/textarea.ts b/projects/sbb-esta/angular-business/src/lib/textarea/textarea.ts
@@ -0,0 +1 @@
+export * from '../../../../angular-public/src/lib/textarea/textarea';
diff --git a/projects/sbb-esta/angular-business/src/public-api.ts b/projects/sbb-esta/angular-business/src/public-api.ts
@@ -3,3 +3,4 @@
  */
 export * from './lib/field/field';
 export * from './lib/time-input/time-input';
+export * from './lib/textarea/textarea';
diff --git a/projects/sbb-esta/angular-public/src/lib/textarea/_textarea.scss b/projects/sbb-esta/angular-public/src/lib/textarea/_textarea.scss
@@ -6,23 +6,33 @@
 
   display: inline-block;
   letter-spacing: 0;
-  line-height: 23px;
   border: 2px solid $borderColor;
   border-radius: 2px;
   outline: 0px;
   opacity: 1;
   font-size: pxToRem(15);
   width: 100%;
-  @include mq($from: desktop4k) {
-    border-width: 3px;
-    border-radius: 3px;
-    font-size: pxToRem(23);
+
+  @include publicOnly() {
+    line-height: 23px;
+
+    @include mq($from: desktop4k) {
+      border-width: 3px;
+      border-radius: 3px;
+      font-size: pxToRem(23);
+    }
+    @include mq($from: desktop5k) {
+      border-radius: 4px;
+      border-width: 4px;
+      font-size: pxToRem(30);
+    }
   }
-  @include mq($from: desktop5k) {
-    border-radius: 4px;
-    border-width: 4px;
-    font-size: pxToRem(30);
+
+  @include businessOnly() {
+    line-height: 20px;
+    border-width: 1px;
   }
+
   font-family: $fontSbbRoman;
 }
 

diff --git a/projects/sbb-esta/angular-public/src/lib/textarea/textarea/textarea.component.scss b/projects/sbb-esta/angular-public/src/lib/textarea/textarea/textarea.component.scss
@@ -35,14 +35,16 @@
     font-size: pxToRem(13);
     font-family: $fontSbbRoman;
 
-    @include mq($from: desktop4k) {
-      font-size: pxToRem(20);
-      line-height: pxToRem(13);
-    }
-
-    @include mq($from: desktop5k) {
-      font-size: pxToRem(26);
-      line-height: pxToRem(13);
+    @include publicOnly() {
+      @include mq($from: desktop4k) {
+        font-size: pxToRem(20);
+        line-height: pxToRem(13);
+      }
+
+      @include mq($from: desktop5k) {
+        font-size: pxToRem(26);
+        line-height: pxToRem(13);
+      }
     }
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export * from '../../../../angular-public/src/lib/textarea/textarea';