feat(business/field): expose field component for business applications (

#32)
sbb-design-systems · Jun 19, 2019 · 403a97d · 403a97d
1 parent 36745d0
commit 403a97d
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 15 deletions.
diff --git a/projects/sbb-esta/angular-business/src/lib/field/field.ts b/projects/sbb-esta/angular-business/src/lib/field/field.ts
@@ -0,0 +1 @@
+export * from '../../../../angular-public/src/lib/field/field';
diff --git a/projects/sbb-esta/angular-business/src/public-api.ts b/projects/sbb-esta/angular-business/src/public-api.ts
@@ -1,4 +1,4 @@
 /*
  * Public API Surface of angular-business
  */
-export {};
+export * from './lib/field/field';
diff --git a/projects/sbb-esta/angular-public/src/lib/field/styles/_formerror.scss b/projects/sbb-esta/angular-public/src/lib/field/styles/_formerror.scss
@@ -7,15 +7,23 @@
   resize: none;
   opacity: 1;
   font-family: $fontSbbRoman;
-  font-size: pxToRem(14);
-  line-height: pxToEm(21, 14);
   color: $sbbColorError;
 
-  @include mq($from: desktop4k) {
-    font-size: pxToRem(14 * $scalingFactor4k);
+  @include publicOnly() {
+    font-size: pxToRem(14);
+    line-height: pxToEm(21, 14);
+
+    @include mq($from: desktop4k) {
+      font-size: pxToRem(14 * $scalingFactor4k);
+    }
+
+    @include mq($from: desktop5k) {
+      font-size: pxToRem(14 * $scalingFactor5k);
+    }
   }
 
-  @include mq($from: desktop5k) {
-    font-size: pxToRem(14 * $scalingFactor5k);
+  @include businessOnly() {
+    font-size: pxToRem(13);
+    line-height: pxToEm(16, 13);
   }
 }
diff --git a/projects/sbb-esta/angular-public/src/lib/field/styles/_input-field.scss b/projects/sbb-esta/angular-public/src/lib/field/styles/_input-field.scss
@@ -1,15 +1,23 @@
 @import 'common';
 
 @mixin sbbLabel {
-  margin-bottom: pxToEm(5, 13);
-  padding-left: pxToEm(10, 13);
 
-  @include mq($from: desktop4k) {
-    margin-bottom: pxToEm(5 * $scalingFactor4k, 13);
+  @include publicOnly() {
+    margin-bottom: pxToEm(5, 13);
+    padding-left: pxToEm(10, 13);
+
+    @include mq($from: desktop4k) {
+      margin-bottom: pxToEm(5 * $scalingFactor4k, 13);
+    }
+
+    @include mq($from: desktop5k) {
+      margin-bottom: pxToEm(5 * $scalingFactor5k, 13);
+    }
   }
 
-  @include mq($from: desktop5k) {
-    margin-bottom: pxToEm(5 * $scalingFactor5k, 13);
+  @include businessOnly() {
+    margin-bottom: pxToEm(3, 13);
+    padding-left: 0;
   }
 
   @include label;

diff --git a/projects/sbb-esta/angular-public/src/public-api.ts b/projects/sbb-esta/angular-public/src/public-api.ts
@@ -5,7 +5,6 @@
 export * from './lib/_common/common';
 export * from './lib/svg-icons/svg-icons';
 export * from './lib/field/field';
-export * from './lib/field/field';
 export * from './lib/input/input';
 export * from './lib/option/option';
 export * from './lib/textarea/textarea';

diff --git a/projects/sbb-esta/angular-public/src/styles/common/_form.scss b/projects/sbb-esta/angular-public/src/styles/common/_form.scss
@@ -26,7 +26,7 @@
   }
 
   @include businessOnly() {
-    padding: 7px;
+    padding: 6px 8px 7px;
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export * from '../../../../angular-public/src/lib/field/field';
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,7 +26,7 @@ @@
       }
       @include businessOnly() {
-        padding: 7px;
+        padding: 6px 8px 7px;
       }
     }
@@ Expand Down @@