@festo-ui/web-essentials 9.0.0-dev.663 → 9.0.0-dev.678

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/README.md +10 -1
  2. package/dist/css/festo-web-essentials.css +34 -2146
  3. package/dist/css/festo-web-essentials.css.map +1 -1
  4. package/dist/css/festo-web-essentials.min.css +11 -11
  5. package/dist/css/festo-web-essentials.min.css.map +1 -1
  6. package/dist/css/light/festo-web-essentials-light.css +0 -39
  7. package/dist/css/light/festo-web-essentials-light.css.map +1 -1
  8. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  9. package/dist/css/themes/flatpickr/festo.css +1 -1
  10. package/dist/css/themes/flatpickr/festo.css.map +1 -1
  11. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  12. package/dist/scss/_button.scss +0 -3
  13. package/dist/scss/_chips.scss +0 -3
  14. package/dist/scss/_fonts.scss +0 -25
  15. package/dist/scss/_root.scss +0 -3
  16. package/dist/scss/_text-input.scss +0 -1
  17. package/dist/scss/_variables.scss +0 -3
  18. package/dist/scss/festo-web-essentials.scss +1 -2
  19. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  20. package/package.json +7 -6
  21. package/scss/_button.scss +0 -3
  22. package/scss/_chips.scss +0 -3
  23. package/scss/_fonts.scss +0 -25
  24. package/scss/_root.scss +0 -3
  25. package/scss/_text-input.scss +0 -1
  26. package/scss/_variables.scss +0 -3
  27. package/scss/festo-web-essentials.scss +0 -1
  28. package/dist/css/fonts/festo_icons-16.woff2 +0 -0
  29. package/dist/css/fonts/festo_icons-24.woff2 +0 -0
  30. package/dist/css/fonts/festo_icons-32.woff2 +0 -0
  31. package/dist/fonts/festo_icons-16.woff2 +0 -0
  32. package/dist/fonts/festo_icons-24.woff2 +0 -0
  33. package/dist/fonts/festo_icons-32.woff2 +0 -0
  34. package/dist/scss/_icons.scss +0 -1579
  35. package/dist/scss/fonts/festo_icons-16.woff2 +0 -0
  36. package/dist/scss/fonts/festo_icons-24.woff2 +0 -0
  37. package/dist/scss/fonts/festo_icons-32.woff2 +0 -0
  38. package/scss/_icons.scss +0 -1579
package/README.md CHANGED
@@ -34,6 +34,10 @@ Installing the libraries is very easy. Just use this command to install the Web
34
34
 
35
35
  `npm install @festo-ui/web-essentials`
36
36
 
37
+ **Note:** The icon font is now available as a separate package. To use icons, install it separately:
38
+
39
+ `npm install @festo-ui/icon-font`
40
+
37
41
  If you just need the static CSS resources then you can find them inside the `dist` directory.
38
42
 
39
43
  Import the css like this:
@@ -42,6 +46,12 @@ Import the css like this:
42
46
  ... @use '~@festo-ui/web-essentials/dist/css/festo-web-essentials.min.css' ...;
43
47
  ```
44
48
 
49
+ Import the icon font separately:
50
+
51
+ ```javascript
52
+ import '@festo-ui/icon-font/icons.css';
53
+ ```
54
+
45
55
  ### Using the SCSS variables in your project
46
56
 
47
57
  If you want to use the variables (color or more) from the web essentials library, you can add the scss resources.
@@ -55,7 +65,6 @@ You can use the variables like this:
55
65
  @use '~@festo-ui/web-essentials/scss/variables';
56
66
 
57
67
  background: $hero; // background is carul now
58
- @extend .fwe-icon-menu-close; // add the menu-close icon as ::before element
59
68
  ```
60
69
 
61
70
  ## Using Web Essentials with local fonts