@festo-ui/angular 3.1.0-pre-20220203.2 → 3.1.0-pre-20220203.4

package/package.json

@@ -1,30 +1,45 @@
 {
   "name": "@festo-ui/angular",
-  "version": "3.1.0-pre-20220203.2",
+  "version": "3.1.0-pre-20220203.4",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
+  "description": "CSS framework and utils to build FESTO web applications",
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
-    "@angular/animations": "^12.2.0",
-    "@angular/router": "^12.2.0",
-    "@angular/forms": "^12.2.0",
-    "@angular/platform-browser": "^12.2.0",
-    "@angular/cdk": "^12.1.1",
-    "rxjs": "^6.5.3 || ^7.0.0",
-    "@festo-ui/web-essentials": "*"
+    "@angular/common": "^13.1.1",
+    "@angular/core": "^13.1.1",
+    "@angular/animations": "^13.1.1",
+    "@angular/router": "^13.1.1",
+    "@angular/forms": "^13.1.1",
+    "@angular/platform-browser": "^13.1.1",
+    "@angular/cdk": "^13.1.1",
+    "rxjs": "^6.6.7",
+    "@festo-ui/web-essentials": "*",
+    "@angular/platform-browser-dynamic": "13.1.1"
   },
   "dependencies": {
-    "flatpickr": "^4.6.6",
+    "flatpickr": "^4.6.9",
     "quill": "~1.3.7",
     "tslib": "^2.1.0",
     "simplebar": "5.3.6"
   },
-  "main": "bundles/festo-ui-angular.umd.js",
-  "module": "fesm2015/festo-ui-angular.js",
-  "es2015": "fesm2015/festo-ui-angular.js",
-  "esm2015": "esm2015/festo-ui-angular.js",
-  "fesm2015": "fesm2015/festo-ui-angular.js",
+  "module": "fesm2015/festo-ui-angular.mjs",
+  "es2020": "fesm2020/festo-ui-angular.mjs",
+  "esm2020": "esm2020/festo-ui-angular.mjs",
+  "fesm2020": "fesm2020/festo-ui-angular.mjs",
+  "fesm2015": "fesm2015/festo-ui-angular.mjs",
   "typings": "festo-ui-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./festo-ui-angular.d.ts",
+      "esm2020": "./esm2020/festo-ui-angular.mjs",
+      "es2020": "./fesm2020/festo-ui-angular.mjs",
+      "es2015": "./fesm2015/festo-ui-angular.mjs",
+      "node": "./fesm2015/festo-ui-angular.mjs",
+      "default": "./fesm2020/festo-ui-angular.mjs"
+    }
+  },
   "sideEffects": false
 }

package/scss/base/components/breadcrumb/breadcrumb.component.scss

@@ -1 +0,0 @@
-

package/scss/base/components/modals/prompt/prompt.component.scss

@@ -1 +0,0 @@
-

package/scss/base/components/popovers/legend/legend.component.scss

@@ -1,5 +1,5 @@
-@import '../../../../../../web-essentials/scss/variables';
-@import '../../../../../../web-essentials/scss/popover';
+@import "../../../../../../web-essentials/scss/variables";
+@import "../../../../../../web-essentials/scss/popover";
 
 .fng-legend {
   @include popover-legend();

package/scss/base/components/popovers/popover/styles.scss

@@ -1,6 +1,6 @@
-@import '~@angular/cdk/overlay-prebuilt';
-@import '../../../../../../web-essentials/scss/variables';
-@import '../../../../../../web-essentials/scss/popover';
+@import "~@angular/cdk/overlay-prebuilt";
+@import "../../../../../../web-essentials/scss/variables";
+@import "../../../../../../web-essentials/scss/popover";
 
 /* This file is imported into global ~src/styles.scss to overwrite cdk overlay styles */
 

package/scss/base/components/popovers/popover-content/popover-content.component.scss

@@ -1,4 +1,4 @@
-@import '../../../../../../web-essentials/scss/variables';
+@import "../../../../../../web-essentials/scss/variables";
 
 .fng-off-screen {
   position: absolute;

package/scss/base/components/scroll/scroll-story-helper.scss

@@ -1,7 +1,6 @@
-@import '~simplebar/dist/simplebar.min.css';
+@import "~simplebar/dist/simplebar.min.css";
 @import "../../../../../web-essentials/scss/festo-web-essentials.scss";
 
-
 .scroll-test {
   display: block;
   overflow-x: hidden;
@@ -11,4 +10,3 @@
   height: 300px;
   padding-right: 8px;
 }
-

package/scss/base/components/snackbar/snackbar.component.scss

@@ -1,3 +1,3 @@
 .fwe-snackbar {
   pointer-events: all;
-}
+}

package/scss/base/components/stepper/stepper.component.scss

@@ -22,7 +22,7 @@
       justify-content: center;
       font-feature-settings: "tnum", "lnum";
       font-variant-numeric: lining-nums tabular-nums diagonal-fractions ordinal;
-      transition: border-color .3s, background-color .3s, color .3s;
+      transition: border-color 0.3s, background-color 0.3s, color 0.3s;
 
       .fng-step-name {
         position: absolute;
@@ -31,7 +31,7 @@
         color: #a3b2bc;
         transform: translateX(-50%);
         white-space: pre;
-        transition: color .3s;
+        transition: color 0.3s;
       }
     }
 
@@ -39,29 +39,30 @@
       border-bottom: 1px solid #a3b2bc;
       flex: 1;
       height: 50%;
-      transition: border-color .3s;
+      transition: border-color 0.3s;
     }
 
-    &.fng-step-active, &.fng-step-done {
+    &.fng-step-active,
+    &.fng-step-done {
       .fng-step {
-        background: #0091DC;
-        border-color: #0091DC;
-        color: #FFFFFF;
+        background: #0091dc;
+        border-color: #0091dc;
+        color: #ffffff;
 
         .fng-step-name {
-          color: #0091DC;
+          color: #0091dc;
         }
       }
 
       .fng-step-connector {
-        border-color: #0091DC;
+        border-color: #0091dc;
       }
     }
 
     &.fng-step-done {
       .fng-step {
         &::before {
-          content: '';
+          content: "";
           position: absolute;
           border-left: 1px solid white;
           border-bottom: 1px solid white;
@@ -84,12 +85,12 @@
     .fng-step-container {
       &.fng-step-active {
         .fng-step {
-          background: #D00019;
-          border-color: #D00019;
-          color: #FFFFFF;
+          background: #d00019;
+          border-color: #d00019;
+          color: #ffffff;
 
           .fng-step-name {
-            color: #D00019;
+            color: #d00019;
           }
         }
 
@@ -102,7 +103,7 @@
         .fng-step {
           background: #a3b2bc;
           border-color: #a3b2bc;
-          color: #FFFFFF;
+          color: #ffffff;
 
           .fng-step-name {
             color: #a3b2bc;

package/scss/base/forms/color-picker/color-picker.component.scss

@@ -14,21 +14,21 @@ $knobSize: 14px;
     position: relative;
     width: $baseSize + $knobSize;
     height: $baseSize + $knobSize;
-    margin: -$knobSize*0.5;
+    margin: -$knobSize * 0.5;
     .fwe-brightness-gradient {
       position: absolute;
-      top: $knobSize*0.5;
-      bottom: $knobSize*0.5;
-      right: $knobSize*0.5;
-      left: $knobSize*0.5;
+      top: $knobSize * 0.5;
+      bottom: $knobSize * 0.5;
+      right: $knobSize * 0.5;
+      left: $knobSize * 0.5;
       background-image: linear-gradient(transparent, black);
     }
     .fwe-saturation-gradient {
       position: absolute;
-      top: $knobSize*0.5;
-      bottom: $knobSize*0.5;
-      right: $knobSize*0.5;
-      left: $knobSize*0.5;
+      top: $knobSize * 0.5;
+      bottom: $knobSize * 0.5;
+      right: $knobSize * 0.5;
+      left: $knobSize * 0.5;
     }
   }
 
@@ -36,10 +36,10 @@ $knobSize: 14px;
     position: relative;
     height: $baseSize + $knobSize;
     width: $knobSize;
-    margin: -$knobSize*0.5 -3px;
+    margin: -$knobSize * 0.5 -3px;
     margin-left: 18px;
     .fwe-picker-background {
-      margin: $knobSize*0.5 3px;
+      margin: $knobSize * 0.5 3px;
       height: $baseSize;
       width: 8px;
       border-radius: 4px;
@@ -59,7 +59,7 @@ $knobSize: 14px;
   .fwe-alpha-picker {
     @extend .fwe-vertical-picker;
     .fwe-no-color-pattern {
-      margin: $knobSize*0.5 3px;
+      margin: $knobSize * 0.5 3px;
       position: absolute;
     }
     .fwe-picker-background {

package/scss/base/forms/date-picker/date-picker.component.scss

@@ -2,4 +2,4 @@
 
 .fwe-border-hero {
   border-color: $hero !important;
-}
+}

package/scss/base/forms/date-range-picker/date-range-picker.component.scss

@@ -19,7 +19,7 @@
     &--disabled {
       &::after {
         color: $text-disabled;
-      }    
+      }
     }
 
     &::after {

package/scss/base/forms/time-picker/time-picker-dropdown/time-picker-dropdown.component.scss

@@ -7,4 +7,4 @@
 .fwe-timepicker {
   width: 100%;
   max-width: 100%;
-}
+}

package/scss/styles.scss

@@ -1,5 +1,5 @@
 /** Main global styles **/
-@import '~@angular/cdk/overlay-prebuilt';
+@import "~@angular/cdk/overlay-prebuilt";
 $black: var(--fwe-black) !default;
 $white: var(--fwe-white) !default;
 $white-dark: var(--fwe-white-dark) !default;
@@ -2049,7 +2049,7 @@ $zindex-tooltip: var(--fwe-z-index-tooltip) !default;
 }
 
 
-.cdk-overlay-container, 
+.cdk-overlay-container,
 .cdk-overlay-connected-position-bounding-box,
 .cdk-global-overlay-wrapper {
   z-index: $zindex-modal !important;