@festo-ui/web-essentials 8.2.0-dev.629 → 8.2.0-dev.637

package/README.md

@@ -1,83 +1,83 @@
-# FESTO UI
-
-## Web Essentials - Digital Styleguide
-
-Welcome to the CSS component framework of Festo for web developers!
-Here you’ll find components that have been implemented by the specification of the Design department.
-The library contains everything you need to build great projects in the design of Festo.
-Showcases, components, templates and much more, containing the digital essentials of the Festo Brand.
-
-The Web Essentials project is the base layer for all Festo web developments in the form of a CSS framework.
-It is written in SCSS and brings you all the features you need to quickstart your next web project.
-For example it contains a responsive grid layout, icons, form controls and many more.
-This framework comes with no javascript at all so you can use it with the javascript framework of your choice.
-
-We are also providing [examples](https://festo.gitlab-pages.festo.company/digital-styleguide/templates/) that you can use as a quickstart for your next Festo web application.
-Let us know if you have a demand for a specific example and we will see what we can do.
-
-### Angular & React
-
-We love Angular and React at Festo. We deliver the component libraries for Angular and React based on the Web Essentials [@festo-ui/angular](https://www.npmjs.com/package/@festo-ui/angular) and [@festo-ui/react](https://www.npmjs.com/package/@festo-ui/react).
-These libraries extend the basic HTML controls of the Web Essentials with enhanced (non-basic) features.
-For example Checkboxes with indeterminate state or sortable table headings.
-
-You can explore the current version of Web Essentials, Angular and React components at [https://storybook.festo.design](https://storybook.festo.design).
-
-## Getting started
-
-Festo Web Essentials comes as a NPM package.
-Oh you don't know NPM? Then you must start a bit further at [Node.js](https://nodejs.org).
-
-### Install
-
-Installing the libraries is very easy. Just use this command to install the Web Essentials to your project:
-
-`npm install @festo-ui/web-essentials`
-
-If you just need the static CSS resources then you can find them inside the `dist` directory.
-
-Import the css like this:
-
-```css
-... @import '~@festo-ui/web-essentials/dist/css/festo-web-essentials.min.css' ...;
-```
-
-### Using the SCSS variables in your project
-
-If you want to use the variables (color or more) from the web essentials library, you can add the scss resources.
-
-You'll find them inside the directory `node_modules/@festo-ui/web-essentials/scss`.
-
-You can use the variables like this:
-`example.scss`
-
-```scss
-@import '~@festo-ui/web-essentials/scss/variables';
-
-background: $hero; // background is carul now
-@extend .fwe-icon-menu-close; // add the menu-close icon as ::before element
-```
-
-## Using Web Essentials with local fonts
-
-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-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';
-}
-```
+# FESTO UI
+
+## Web Essentials - Digital Styleguide
+
+Welcome to the CSS component framework of Festo for web developers!
+Here you’ll find components that have been implemented by the specification of the Design department.
+The library contains everything you need to build great projects in the design of Festo.
+Showcases, components, templates and much more, containing the digital essentials of the Festo Brand.
+
+The Web Essentials project is the base layer for all Festo web developments in the form of a CSS framework.
+It is written in SCSS and brings you all the features you need to quickstart your next web project.
+For example it contains a responsive grid layout, icons, form controls and many more.
+This framework comes with no javascript at all so you can use it with the javascript framework of your choice.
+
+We are also providing [examples](https://festo.gitlab-pages.festo.company/digital-styleguide/templates/) that you can use as a quickstart for your next Festo web application.
+Let us know if you have a demand for a specific example and we will see what we can do.
+
+### Angular & React
+
+We love Angular and React at Festo. We deliver the component libraries for Angular and React based on the Web Essentials [@festo-ui/angular](https://www.npmjs.com/package/@festo-ui/angular) and [@festo-ui/react](https://www.npmjs.com/package/@festo-ui/react).
+These libraries extend the basic HTML controls of the Web Essentials with enhanced (non-basic) features.
+For example Checkboxes with indeterminate state or sortable table headings.
+
+You can explore the current version of Web Essentials, Angular and React components at [https://storybook.festo.design](https://storybook.festo.design).
+
+## Getting started
+
+Festo Web Essentials comes as a NPM package.
+Oh you don't know NPM? Then you must start a bit further at [Node.js](https://nodejs.org).
+
+### Install
+
+Installing the libraries is very easy. Just use this command to install the Web Essentials to your project:
+
+`npm install @festo-ui/web-essentials`
+
+If you just need the static CSS resources then you can find them inside the `dist` directory.
+
+Import the css like this:
+
+```css
+... @use '~@festo-ui/web-essentials/dist/css/festo-web-essentials.min.css' ...;
+```
+
+### Using the SCSS variables in your project
+
+If you want to use the variables (color or more) from the web essentials library, you can add the scss resources.
+
+You'll find them inside the directory `node_modules/@festo-ui/web-essentials/scss`.
+
+You can use the variables like this:
+`example.scss`
+
+```scss
+@use '~@festo-ui/web-essentials/scss/variables';
+
+background: $hero; // background is carul now
+@extend .fwe-icon-menu-close; // add the menu-close icon as ::before element
+```
+
+## Using Web Essentials with local fonts
+
+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-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';
+}
+```

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

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -2999,7 +2999,7 @@ template {
 }
 
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -3275,7 +3275,6 @@ template {
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   border: 0;
 }
@@ -14461,7 +14460,7 @@ header.fwe-fixed-header {
 }
 
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -15655,7 +15654,7 @@ a.fwe-btn.fwe-disabled {
 }
 
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -16506,7 +16505,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -16723,7 +16722,6 @@ fieldset.fwe-progress-container label {
     overflow: hidden;
     clip: rect(0, 0, 0, 0);
     white-space: nowrap;
-    -webkit-clip-path: inset(50%);
     clip-path: inset(50%);
     border: 0;
   }
@@ -16738,7 +16736,7 @@ fieldset.fwe-progress-container label {
   }
 }
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -16786,7 +16784,6 @@ fieldset.fwe-progress-container label {
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
-  -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   border: 0;
 }
@@ -17469,7 +17466,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -17967,7 +17964,7 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -18251,7 +18248,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 /*!
- * Festo UI - Web Essentials v8.2.0-dev.629 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v8.2.0-dev.637 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */