@festo-ui/web-essentials 6.1.0-dev.277 → 6.1.0-dev.282

package/README.md

@@ -60,16 +60,24 @@ background: $hero; // background is carul now
 
 ## Using Web Essentials with local fonts
 
-If you want to use Web Essentials in an __offline__ environment, you have to provide local files for the Festo font.
-* Download the required fonts here: https://festo.sharepoint.com/sites/tggfw/SitePages/Font-Richtlinie.aspx
-* Override the css variable for the font:
+If you want to use Web Essentials in an **offline** environment or with an non-latin style font, you have to provide own files for the Festo font.
+
+- Download the required fonts here: https://festo.sharepoint.com/sites/tggfw/SitePages/Font-Richtlinie.aspx
+- Override the css variable for the font:
+
 ```scss
 @font-face {
-  font-family: "localMeta";
-  src: url("../src/fonts/MetaChinese.woff") format("woff"), url("../src/fonts/MetaChinese.woff2") format("woff2");
+  font-family: 'localMeta';
+  src: url('../src/fonts/MetaChinese.woff') format('woff'), url('../src/fonts/MetaChinese.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'localMeta';
+  src: url('../src/fonts/MetaChinese-Bold.woff') format('woff'), url('../src/fonts/MetaChinese-Bold.woff2') format('woff2');
+  font-weight: bold;
 }
 
 :root {
-    --fwe-font-family-sans-serif: "localMeta";
+  --fwe-font-family-sans-serif: 'localMeta';
 }
 ```

package/dist/css/festo-web-essentials.css

@@ -1,19 +1,19 @@
 /*!
- * Festo UI - Web Essentials v6.1.0-dev.277 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v6.1.0-dev.282 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
 /* a screen reader friendly approach */
-/* Festo regular */
+/* MetaPro regular */
 @font-face {
-  font-family: "Festo";
-  src: url("../fonts/FestoW05-Regular.woff2") format("woff2"), url("../fonts/FestoW05-Regular.woff") format("woff");
+  font-family: "MetaPro";
+  src: local("MetaPro-Regular"), url("https://www.festo.com/Fonts/MetaPro-Regular.woff2") format("woff2"), url("https://www.festo.com/Fonts/MetaPro-Regular.woff") format("woff");
 }
-/* Festo bold */
+/* MetaPro bold */
 @font-face {
-  font-family: "Festo";
+  font-family: "MetaPro";
+  src: local("MetaPro-Bold"), url("https://www.festo.com/Fonts/MetaPro-Bold.woff2") format("woff2"), url("https://www.festo.com/Fonts/MetaPro-Bold.woff") format("woff");
   font-weight: bold;
-  src: url("../fonts/FestoW05-Bold.woff2") format("woff2"), url("../fonts/FestoW05-Bold.woff") format("woff");
 }
 /* Festo Icon Font */
 @font-face {
@@ -94,7 +94,7 @@
 .fwe-icon:before, .fwe-stepper-vertical .fwe-step-container.fwe-step-done .fwe-step:before, .fwe-stepper-horizontal .fwe-step-container.fwe-step-done .fwe-step:before, .fwe-search-input .fwe-clear-icon:before, .fwe-search-input .fwe-search-icon:before, .fwe-notification-menu .fwe-notification-list .fwe-notification-item-content:before, .fwe-notification-menu .fwe-notification-list .fwe-notification-error:before, .fwe-notification-menu .fwe-notification-list .fwe-notification-warning:before, .fwe-notification-menu .fwe-notification-list .fwe-notification-info:before, .fwe-pagination .fwe-navigate-btn:before, .fwe-pagination .fwe-navigate-btn-down:before, .fwe-pagination .fwe-navigate-btn-up:before, .fwe-select-wrapper:before, label.fwe-checkbox .fwe-checkbox-checkmark:before, .fwe-mobile-flyout-page .fwe-page-back i:before, .fwe-mobile-flyout .fwe-mobile-flyout-button:before, .fwe-mobile-flyout .fwe-close-button:before, .fwe-mobile-flyout .fwe-burger-button:before, .fwe-navbar .fwe-navbar-burger-menu:before {
   line-height: 1;
   display: inline-block;
-  speak: none;
+  speak-as: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
@@ -261,7 +261,7 @@ button.fwe-btn.fwe-btn-lg i[class*=" fwe-icon-"]:before, label.fwe-checkbox.fwe-
   content: "\e919";
 }
 
-.fwe-icon-communication-headset:before {
+.fwe-icon-communication-audio-on:before {
   content: "\e91a";
 }
 
@@ -1105,7 +1105,7 @@ button.fwe-btn.fwe-btn-lg i[class*=" fwe-icon-"]:before, label.fwe-checkbox.fwe-
   content: "\e9ec";
 }
 
-.fwe-icon-network-show-modules:before {
+.fwe-icon-network-show-nuggets:before {
   content: "\e9ed";
 }
 
@@ -1409,7 +1409,7 @@ button.fwe-btn.fwe-btn-lg i[class*=" fwe-icon-"]:before, label.fwe-checkbox.fwe-
   content: "\ea38";
 }
 
-.fwe-icon-time-outline:before {
+.fwe-icon-time-time-outline:before {
   content: "\ea39";
 }
 
@@ -2105,6 +2105,10 @@ button.fwe-btn.fwe-btn-lg i[class*=" fwe-icon-"]:before, label.fwe-checkbox.fwe-
   content: "\eae6";
 }
 
+.fwe-icon-check-small:before {
+  content: "\eae7";
+}
+
 .fwe-color-black {
   color: var(--fwe-black) !important;
 }
@@ -2563,8 +2567,7 @@ h6,
   --fwe-spacer-l: 32px;
   --fwe-spacer-xl: 48px;
   --fwe-spacer-xxl: 64px;
-  --fwe-font-family-sans-serif: "Festo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
-    sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --fwe-font-family-sans-serif: "MetaPro", "Trebuchet MS", Arial, sans-serif;
   --fwe-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --fwe-font-family-icons-16: "festo_icons-16";
   --fwe-font-family-icons-24: "festo_icons-24";