@festo-ui/web-essentials 5.0.0-dev.118 → 5.0.0-dev.120

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 (23) hide show
  1. package/dist/css/festo-web-essentials.css +61 -53
  2. package/dist/css/festo-web-essentials.css.map +1 -1
  3. package/dist/css/festo-web-essentials.min.css +2 -2
  4. package/dist/css/festo-web-essentials.min.css.map +1 -1
  5. package/dist/css/organisms/festo-web-essentials-organisms.css +49 -25
  6. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  7. package/dist/css/organisms/festo-web-essentials-organisms.min.css +1 -1
  8. package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
  9. package/dist/css/themes/flatpickr/festo.css +1 -1
  10. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  11. package/dist/scss/_mixins.scss +18 -15
  12. package/dist/scss/_scroll.scss +1 -1
  13. package/dist/scss/_tree.scss +1 -1
  14. package/dist/scss/festo-web-essentials.scss +1 -1
  15. package/dist/scss/organisms/_side-menu.scss +34 -20
  16. package/dist/scss/organisms/festo-web-essentials-organisms.scss +1 -0
  17. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  18. package/package.json +1 -1
  19. package/scss/_mixins.scss +18 -15
  20. package/scss/_scroll.scss +1 -1
  21. package/scss/_tree.scss +1 -1
  22. package/scss/organisms/_side-menu.scss +34 -20
  23. package/scss/organisms/festo-web-essentials-organisms.scss +1 -0
package/dist/css/festo-web-essentials.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v5.0.0-dev.118 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v5.0.0-dev.120 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -13834,19 +13834,21 @@ header.fwe-fixed-header {
13834
13834
  overflow-x: hidden;
13835
13835
  overflow-y: auto;
13836
13836
  }
13837
- .fwe-mobile-flyout-page::-webkit-scrollbar {
13838
- width: 14px;
13839
- }
13840
- .fwe-mobile-flyout-page::-webkit-scrollbar-track {
13841
- background: transparent;
13842
- }
13843
- .fwe-mobile-flyout-page::-webkit-scrollbar-thumb {
13844
- overflow: visible;
13845
- background-color: var(--fwe-control-scrollbar);
13846
- border: 3px solid rgba(242, 243, 245, 0);
13847
- -webkit-background-clip: padding-box;
13848
- background-clip: padding-box;
13849
- border-radius: 8px;
13837
+ @media (pointer: fine) {
13838
+ .fwe-mobile-flyout-page::-webkit-scrollbar {
13839
+ width: 14px;
13840
+ }
13841
+ .fwe-mobile-flyout-page::-webkit-scrollbar-track {
13842
+ background: transparent;
13843
+ }
13844
+ .fwe-mobile-flyout-page::-webkit-scrollbar-thumb {
13845
+ overflow: visible;
13846
+ background-color: var(--fwe-control-scrollbar);
13847
+ border: 3px solid rgba(242, 243, 245, 0);
13848
+ -webkit-background-clip: padding-box;
13849
+ background-clip: padding-box;
13850
+ border-radius: 8px;
13851
+ }
13850
13852
  }
13851
13853
  .fwe-mobile-flyout-page.fwe-opened {
13852
13854
  transform: translateX(0%);
@@ -15704,19 +15706,21 @@ fieldset.fwe-progress-container label {
15704
15706
  overflow-x: hidden;
15705
15707
  overflow-y: auto;
15706
15708
  }
15707
- .fwe-modal .fwe-modal-body::-webkit-scrollbar {
15708
- width: 14px;
15709
- }
15710
- .fwe-modal .fwe-modal-body::-webkit-scrollbar-track {
15711
- background: transparent;
15712
- }
15713
- .fwe-modal .fwe-modal-body::-webkit-scrollbar-thumb {
15714
- overflow: visible;
15715
- background-color: var(--fwe-control-scrollbar);
15716
- border: 3px solid rgba(242, 243, 245, 0);
15717
- -webkit-background-clip: padding-box;
15718
- background-clip: padding-box;
15719
- border-radius: 8px;
15709
+ @media (pointer: fine) {
15710
+ .fwe-modal .fwe-modal-body::-webkit-scrollbar {
15711
+ width: 14px;
15712
+ }
15713
+ .fwe-modal .fwe-modal-body::-webkit-scrollbar-track {
15714
+ background: transparent;
15715
+ }
15716
+ .fwe-modal .fwe-modal-body::-webkit-scrollbar-thumb {
15717
+ overflow: visible;
15718
+ background-color: var(--fwe-control-scrollbar);
15719
+ border: 3px solid rgba(242, 243, 245, 0);
15720
+ -webkit-background-clip: padding-box;
15721
+ background-clip: padding-box;
15722
+ border-radius: 8px;
15723
+ }
15720
15724
  }
15721
15725
  .fwe-modal-h1 {
15722
15726
  margin-top: 0;
@@ -16516,19 +16520,21 @@ fieldset.fwe-progress-container label {
16516
16520
  scrollbar-width: thin;
16517
16521
  scrollbar-color: var(--fwe-control-scrollbar) var(--fwe-gray-100);
16518
16522
  }
16519
- .fwe-scrollbar::-webkit-scrollbar {
16520
- width: 14px;
16521
- }
16522
- .fwe-scrollbar::-webkit-scrollbar-track {
16523
- background: transparent;
16524
- }
16525
- .fwe-scrollbar::-webkit-scrollbar-thumb {
16526
- overflow: visible;
16527
- background-color: var(--fwe-control-scrollbar);
16528
- border: 3px solid rgba(242, 243, 245, 0);
16529
- -webkit-background-clip: padding-box;
16530
- background-clip: padding-box;
16531
- border-radius: 8px;
16523
+ @media (pointer: fine) {
16524
+ .fwe-scrollbar::-webkit-scrollbar {
16525
+ width: 14px;
16526
+ }
16527
+ .fwe-scrollbar::-webkit-scrollbar-track {
16528
+ background: transparent;
16529
+ }
16530
+ .fwe-scrollbar::-webkit-scrollbar-thumb {
16531
+ overflow: visible;
16532
+ background-color: var(--fwe-control-scrollbar);
16533
+ border: 3px solid rgba(242, 243, 245, 0);
16534
+ -webkit-background-clip: padding-box;
16535
+ background-clip: padding-box;
16536
+ border-radius: 8px;
16537
+ }
16532
16538
  }
16533
16539
 
16534
16540
  /* stylelint-disable */
@@ -16985,19 +16991,21 @@ input[type=search]::-webkit-search-cancel-button {
16985
16991
  scrollbar-color: var(--fwe-control-scrollbar) var(--fwe-gray-100);
16986
16992
  position: relative;
16987
16993
  }
16988
- .fwe-tree::-webkit-scrollbar {
16989
- width: 14px;
16990
- }
16991
- .fwe-tree::-webkit-scrollbar-track {
16992
- background: transparent;
16993
- }
16994
- .fwe-tree::-webkit-scrollbar-thumb {
16995
- overflow: visible;
16996
- background-color: var(--fwe-control-scrollbar);
16997
- border: 3px solid rgba(242, 243, 245, 0);
16998
- -webkit-background-clip: padding-box;
16999
- background-clip: padding-box;
17000
- border-radius: 8px;
16994
+ @media (pointer: fine) {
16995
+ .fwe-tree::-webkit-scrollbar {
16996
+ width: 14px;
16997
+ }
16998
+ .fwe-tree::-webkit-scrollbar-track {
16999
+ background: transparent;
17000
+ }
17001
+ .fwe-tree::-webkit-scrollbar-thumb {
17002
+ overflow: visible;
17003
+ background-color: var(--fwe-control-scrollbar);
17004
+ border: 3px solid rgba(242, 243, 245, 0);
17005
+ -webkit-background-clip: padding-box;
17006
+ background-clip: padding-box;
17007
+ border-radius: 8px;
17008
+ }
17001
17009
  }
17002
17010
  .fwe-tree-node {
17003
17011
  position: relative;