feat(business/time-input): expose time input component for business a…

…pplications (#33)
sbb-design-systems · Jun 19, 2019 · b87a4a3 · b87a4a3
1 parent 403a97d
commit b87a4a3
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 10 deletions.
diff --git a/projects/sbb-esta/angular-business/src/lib/time-input/time-input.ts b/projects/sbb-esta/angular-business/src/lib/time-input/time-input.ts
@@ -0,0 +1 @@
+export * from '../../../../angular-public/src/lib/time-input/time-input';
diff --git a/projects/sbb-esta/angular-business/src/public-api.ts b/projects/sbb-esta/angular-business/src/public-api.ts
@@ -2,3 +2,4 @@
  * Public API Surface of angular-business
  */
 export * from './lib/field/field';
+export * from './lib/time-input/time-input';
diff --git a/projects/sbb-esta/angular-public/src/styles/typography/_form.scss b/projects/sbb-esta/angular-public/src/styles/typography/_form.scss
@@ -36,21 +36,30 @@
 }
 
 @mixin timeInputBase {
-  $timeInputWidth: 70;
-  $timeInputHeight: 48;
 
-  width: toPx($timeInputWidth);
-  height: toPx($timeInputHeight);
   text-align: center;
 
-  @include mq($from: desktop4k) {
-    width: toPx($timeInputWidth * $scalingFactor4k);
-    height: toPx($timeInputWidth * $scalingFactor4k);
+  @include publicOnly() {
+    $timeInputWidth: 70;
+    $timeInputHeight: 48;
+
+    width: toPx($timeInputWidth);
+    height: toPx($timeInputHeight);
+
+    @include mq($from: desktop4k) {
+      width: toPx($timeInputWidth * $scalingFactor4k);
+      height: toPx($timeInputWidth * $scalingFactor4k);
+    }
+
+    @include mq($from: desktop5k) {
+      width: toPx($timeInputWidth * $scalingFactor5k);
+      height: toPx($timeInputWidth * $scalingFactor5k);
+    }
   }
 
-  @include mq($from: desktop5k) {
-    width: toPx($timeInputWidth * $scalingFactor5k);
-    height: toPx($timeInputWidth * $scalingFactor5k);
+  @include businessOnly() {
+    width: 68px;
+    height: 36px;
   }
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export * from '../../../../angular-public/src/lib/time-input/time-input';