@festo-ui/web-essentials 11.0.0-dev.964 → 11.0.0-dev.969

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 (25) hide show
  1. package/dist/css/festo-web-essentials.css +57 -35
  2. package/dist/css/festo-web-essentials.css.map +1 -1
  3. package/dist/css/festo-web-essentials.min.css +12 -12
  4. package/dist/css/festo-web-essentials.min.css.map +1 -1
  5. package/dist/css/light/festo-web-essentials-light.css +48 -26
  6. package/dist/css/light/festo-web-essentials-light.css.map +1 -1
  7. package/dist/css/themes/flatpickr/festo.css +1 -1
  8. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  9. package/dist/scss/_badge.scss +1 -1
  10. package/dist/scss/_button.scss +3 -3
  11. package/dist/scss/_chips.scss +1 -1
  12. package/dist/scss/_list.scss +11 -5
  13. package/dist/scss/{_bottom-navigation.scss → _mobile-tab-bar.scss} +50 -47
  14. package/dist/scss/festo-web-essentials.scss +2 -2
  15. package/dist/scss/light/festo-web-essentials-light.scss +1 -1
  16. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  17. package/llm-doc/components.md +3 -3
  18. package/package.json +1 -1
  19. package/scss/_badge.scss +1 -1
  20. package/scss/_button.scss +3 -3
  21. package/scss/_chips.scss +1 -1
  22. package/scss/_list.scss +11 -5
  23. package/scss/{_bottom-navigation.scss → _mobile-tab-bar.scss} +50 -47
  24. package/scss/festo-web-essentials.scss +1 -1
  25. package/scss/light/festo-web-essentials-light.scss +1 -1
package/dist/css/light/festo-web-essentials-light.css CHANGED
@@ -2702,7 +2702,7 @@ ul.fwe-list-group {
2702
2702
  color: var(--fwe-text);
2703
2703
  }
2704
2704
  .fwe-list-group .fwe-list-group-item.fwe-disabled {
2705
- color: var(--fwe-text-disabled);
2705
+ color: var(--fwe-control-active);
2706
2706
  }
2707
2707
  .fwe-list-group .fwe-list-group-item.fwe-disabled::before {
2708
2708
  background-color: var(--fwe-control-hover);
@@ -2712,7 +2712,7 @@ ul.fwe-list-group {
2712
2712
  color: var(--fwe-text);
2713
2713
  }
2714
2714
  .fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover {
2715
- background-color: var(--fwe-sucanul);
2715
+ background-color: var(--fwe-background);
2716
2716
  }
2717
2717
  .fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover .fwe-list-group-item-body,
2718
2718
  .fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover .fwe-list-group-item-footer {
@@ -2728,7 +2728,7 @@ ul.fwe-list-group {
2728
2728
  }
2729
2729
  .fwe-list-group button.fwe-list-group-item:not(.fwe-disabled):hover {
2730
2730
  color: var(--fwe-hero);
2731
- background-color: var(--fwe-sucanul);
2731
+ background-color: var(--fwe-background);
2732
2732
  }
2733
2733
  .fwe-list-group.fwe-list-group-border .fwe-list-group-item,
2734
2734
  .fwe-list-group.fwe-list-group-border button.fwe-list-group-item {
@@ -2775,7 +2775,7 @@ ul.fwe-list-group {
2775
2775
  transform: scaleY(4);
2776
2776
  }
2777
2777
  .fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled {
2778
- color: var(--fwe-text-disabled);
2778
+ color: var(--fwe-control-active);
2779
2779
  }
2780
2780
  .fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled::before {
2781
2781
  background-color: var(--fwe-control-hover);
@@ -2788,9 +2788,12 @@ ul.fwe-list-group {
2788
2788
  width: auto;
2789
2789
  }
2790
2790
  .fwe-list-group.fwe-list-group-horizontal a.fwe-list-group-item:not(.fwe-disabled):hover,
2791
+ .fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
2792
+ background-color: var(--fwe-background);
2793
+ }
2791
2794
  .fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
2792
2795
  color: var(--fwe-hero);
2793
- background-color: unset;
2796
+ background-color: var(--fwe-background);
2794
2797
  }
2795
2798
 
2796
2799
  .fwe-list-group-header {
@@ -3811,7 +3814,7 @@ label.fwe-input-text.fwe-input-text-icon textarea {
3811
3814
  cursor: default;
3812
3815
  background: var(--fwe-control-disabled);
3813
3816
  border: 1px solid var(--fwe-control-disabled);
3814
- color: var(--fwe-text-disabled);
3817
+ color: var(--fwe-control-active);
3815
3818
  }
3816
3819
  .fwe-chip.fwe-disabled.fwe-filter.fwe-selected {
3817
3820
  cursor: default;
@@ -4227,28 +4230,28 @@ button.fwe-btn.fwe-disabled {
4227
4230
  background: var(--fwe-control-disabled);
4228
4231
  color: var(--fwe-text-disabled);
4229
4232
  }
4230
- a.fwe-btn.fwe-btn-primary, a.fwe-btn.fwe-btn-hero,
4231
- button.fwe-btn.fwe-btn-primary,
4232
- button.fwe-btn.fwe-btn-hero {
4233
+ a.fwe-btn.fwe-btn-hero, a.fwe-btn.fwe-btn-primary,
4234
+ button.fwe-btn.fwe-btn-hero,
4235
+ button.fwe-btn.fwe-btn-primary {
4233
4236
  color: var(--fwe-white);
4234
4237
  background: var(--fwe-hero);
4235
4238
  }
4236
- a.fwe-btn.fwe-btn-primary:hover, a.fwe-btn.fwe-btn-hero:hover,
4237
- button.fwe-btn.fwe-btn-primary:hover,
4238
- button.fwe-btn.fwe-btn-hero:hover {
4239
+ a.fwe-btn.fwe-btn-hero:hover, a.fwe-btn.fwe-btn-primary:hover,
4240
+ button.fwe-btn.fwe-btn-hero:hover,
4241
+ button.fwe-btn.fwe-btn-primary:hover {
4239
4242
  color: var(--fwe-white);
4240
4243
  background: var(--fwe-hero-hover);
4241
4244
  }
4242
- a.fwe-btn.fwe-btn-primary:active, a.fwe-btn.fwe-btn-hero:active,
4243
- button.fwe-btn.fwe-btn-primary:active,
4244
- button.fwe-btn.fwe-btn-hero:active {
4245
+ a.fwe-btn.fwe-btn-hero:active, a.fwe-btn.fwe-btn-primary:active,
4246
+ button.fwe-btn.fwe-btn-hero:active,
4247
+ button.fwe-btn.fwe-btn-primary:active {
4245
4248
  background: var(--fwe-hero-active);
4246
4249
  }
4247
- a.fwe-btn.fwe-btn-primary:disabled, a.fwe-btn.fwe-btn-primary.fwe-disabled, a.fwe-btn.fwe-btn-hero:disabled, a.fwe-btn.fwe-btn-hero.fwe-disabled,
4248
- button.fwe-btn.fwe-btn-primary:disabled,
4249
- button.fwe-btn.fwe-btn-primary.fwe-disabled,
4250
+ a.fwe-btn.fwe-btn-hero:disabled, a.fwe-btn.fwe-btn-hero.fwe-disabled, a.fwe-btn.fwe-btn-primary:disabled, a.fwe-btn.fwe-btn-primary.fwe-disabled,
4250
4251
  button.fwe-btn.fwe-btn-hero:disabled,
4251
- button.fwe-btn.fwe-btn-hero.fwe-disabled {
4252
+ button.fwe-btn.fwe-btn-hero.fwe-disabled,
4253
+ button.fwe-btn.fwe-btn-primary:disabled,
4254
+ button.fwe-btn.fwe-btn-primary.fwe-disabled {
4252
4255
  background: var(--fwe-control-disabled);
4253
4256
  color: var(--fwe-text-disabled);
4254
4257
  }
@@ -6580,7 +6583,8 @@ input[type=search]::-webkit-search-cancel-button {
6580
6583
  border-color: transparent;
6581
6584
  }
6582
6585
 
6583
- .fwe-bottom-navigation {
6586
+ .fwe-bottom-navigation,
6587
+ .fwe-mobile-tab-bar {
6584
6588
  width: 100%;
6585
6589
  display: flex;
6586
6590
  background: var(--fwe-white);
@@ -6590,7 +6594,10 @@ input[type=search]::-webkit-search-cancel-button {
6590
6594
  height: 84px;
6591
6595
  padding: 22px 16px;
6592
6596
  }
6593
- .fwe-bottom-navigation .fwe-bottom-navigation-button {
6597
+ .fwe-bottom-navigation .fwe-bottom-navigation-button,
6598
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button,
6599
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button,
6600
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button {
6594
6601
  cursor: pointer;
6595
6602
  -webkit-user-select: none;
6596
6603
  -moz-user-select: none;
@@ -6603,10 +6610,16 @@ input[type=search]::-webkit-search-cancel-button {
6603
6610
  color: var(--fwe-hero-gray);
6604
6611
  position: relative;
6605
6612
  }
6606
- .fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon {
6613
+ .fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon,
6614
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button .fwe-icon,
6615
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button .fwe-icon,
6616
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button .fwe-icon {
6607
6617
  line-height: 0px;
6608
6618
  }
6609
- .fwe-bottom-navigation .fwe-bottom-navigation-button :after {
6619
+ .fwe-bottom-navigation .fwe-bottom-navigation-button :after,
6620
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button :after,
6621
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button :after,
6622
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button :after {
6610
6623
  content: "";
6611
6624
  position: absolute;
6612
6625
  top: -23px;
@@ -6616,14 +6629,23 @@ input[type=search]::-webkit-search-cancel-button {
6616
6629
  background: var(--fwe-hero);
6617
6630
  transition: height 0.3s ease;
6618
6631
  }
6619
- .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected {
6632
+ .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected,
6633
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected,
6634
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected,
6635
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected {
6620
6636
  color: var(--fwe-hero);
6621
6637
  cursor: default;
6622
6638
  }
6623
- .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after {
6639
+ .fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after,
6640
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected :after,
6641
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected :after,
6642
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected :after {
6624
6643
  height: 4px;
6625
6644
  }
6626
- .fwe-bottom-navigation .fwe-bottom-navigation-button:active {
6645
+ .fwe-bottom-navigation .fwe-bottom-navigation-button:active,
6646
+ .fwe-bottom-navigation .fwe-mobile-tab-bar-button:active,
6647
+ .fwe-mobile-tab-bar .fwe-bottom-navigation-button:active,
6648
+ .fwe-mobile-tab-bar .fwe-mobile-tab-bar-button:active {
6627
6649
  color: var(--fwe-hero-active);
6628
6650
  }
6629
6651