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

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

@@ -2702,7 +2702,7 @@ ul.fwe-list-group {
   color: var(--fwe-text);
 }
 .fwe-list-group .fwe-list-group-item.fwe-disabled {
-  color: var(--fwe-text-disabled);
+  color: var(--fwe-control-active);
 }
 .fwe-list-group .fwe-list-group-item.fwe-disabled::before {
   background-color: var(--fwe-control-hover);
@@ -2712,7 +2712,7 @@ ul.fwe-list-group {
   color: var(--fwe-text);
 }
 .fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover {
-  background-color: var(--fwe-sucanul);
+  background-color: var(--fwe-background);
 }
 .fwe-list-group a.fwe-list-group-item:not(.fwe-disabled):hover .fwe-list-group-item-body,
 .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 {
 }
 .fwe-list-group button.fwe-list-group-item:not(.fwe-disabled):hover {
   color: var(--fwe-hero);
-  background-color: var(--fwe-sucanul);
+  background-color: var(--fwe-background);
 }
 .fwe-list-group.fwe-list-group-border .fwe-list-group-item,
 .fwe-list-group.fwe-list-group-border button.fwe-list-group-item {
@@ -2775,7 +2775,7 @@ ul.fwe-list-group {
   transform: scaleY(4);
 }
 .fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled {
-  color: var(--fwe-text-disabled);
+  color: var(--fwe-control-active);
 }
 .fwe-list-group.fwe-list-group-horizontal .fwe-list-group-item.fwe-disabled::before {
   background-color: var(--fwe-control-hover);
@@ -2788,9 +2788,12 @@ ul.fwe-list-group {
   width: auto;
 }
 .fwe-list-group.fwe-list-group-horizontal a.fwe-list-group-item:not(.fwe-disabled):hover,
+.fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
+  background-color: var(--fwe-background);
+}
 .fwe-list-group.fwe-list-group-horizontal button.fwe-list-group-item:not(.fwe-disabled):hover {
   color: var(--fwe-hero);
-  background-color: unset;
+  background-color: var(--fwe-background);
 }
 
 .fwe-list-group-header {
@@ -3811,7 +3814,7 @@ label.fwe-input-text.fwe-input-text-icon textarea {
   cursor: default;
   background: var(--fwe-control-disabled);
   border: 1px solid var(--fwe-control-disabled);
-  color: var(--fwe-text-disabled);
+  color: var(--fwe-control-active);
 }
 .fwe-chip.fwe-disabled.fwe-filter.fwe-selected {
   cursor: default;
@@ -4227,28 +4230,28 @@ button.fwe-btn.fwe-disabled {
   background: var(--fwe-control-disabled);
   color: var(--fwe-text-disabled);
 }
-a.fwe-btn.fwe-btn-primary, a.fwe-btn.fwe-btn-hero,
-button.fwe-btn.fwe-btn-primary,
-button.fwe-btn.fwe-btn-hero {
+a.fwe-btn.fwe-btn-hero, a.fwe-btn.fwe-btn-primary,
+button.fwe-btn.fwe-btn-hero,
+button.fwe-btn.fwe-btn-primary {
   color: var(--fwe-white);
   background: var(--fwe-hero);
 }
-a.fwe-btn.fwe-btn-primary:hover, a.fwe-btn.fwe-btn-hero:hover,
-button.fwe-btn.fwe-btn-primary:hover,
-button.fwe-btn.fwe-btn-hero:hover {
+a.fwe-btn.fwe-btn-hero:hover, a.fwe-btn.fwe-btn-primary:hover,
+button.fwe-btn.fwe-btn-hero:hover,
+button.fwe-btn.fwe-btn-primary:hover {
   color: var(--fwe-white);
   background: var(--fwe-hero-hover);
 }
-a.fwe-btn.fwe-btn-primary:active, a.fwe-btn.fwe-btn-hero:active,
-button.fwe-btn.fwe-btn-primary:active,
-button.fwe-btn.fwe-btn-hero:active {
+a.fwe-btn.fwe-btn-hero:active, a.fwe-btn.fwe-btn-primary:active,
+button.fwe-btn.fwe-btn-hero:active,
+button.fwe-btn.fwe-btn-primary:active {
   background: var(--fwe-hero-active);
 }
-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,
-button.fwe-btn.fwe-btn-primary:disabled,
-button.fwe-btn.fwe-btn-primary.fwe-disabled,
+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,
 button.fwe-btn.fwe-btn-hero:disabled,
-button.fwe-btn.fwe-btn-hero.fwe-disabled {
+button.fwe-btn.fwe-btn-hero.fwe-disabled,
+button.fwe-btn.fwe-btn-primary:disabled,
+button.fwe-btn.fwe-btn-primary.fwe-disabled {
   background: var(--fwe-control-disabled);
   color: var(--fwe-text-disabled);
 }
@@ -4792,40 +4795,33 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
 
 .fwe-badge {
   display: inline-block;
-  border-radius: 2px;
-  font-size: var(--fwe-font-size-md);
-  padding-left: 6px;
-  padding-right: 6px;
   color: var(--fwe-white);
-  max-height: 19px;
-  height: 19px;
-  line-height: 17px;
   background-color: var(--fwe-hero);
+  border-radius: 2px;
+  max-height: 18px;
+  height: 18px;
+  line-height: 18px;
+  padding: 0 4px;
   font-weight: var(--fwe-font-weight-bold);
+  font-size: var(--fwe-font-size-md);
 }
 .fwe-badge.fwe-badge-sm {
   font-size: var(--fwe-font-size-small);
-  max-height: 17px;
-  height: 17px;
-  line-height: 16px;
+  max-height: 18px;
+  height: 18px;
+  line-height: 18px;
 }
-.fwe-badge.fwe-badge-md {
+.fwe-badge.fwe-badge-md, .fwe-badge.fwe-badge-lg {
   font-size: var(--fwe-font-size-base);
   max-height: 22px;
   height: 22px;
-  line-height: 20px;
-}
-.fwe-badge.fwe-badge-lg {
-  font-size: var(--fwe-font-size-xl);
-  max-height: 32px;
-  height: 32px;
-  line-height: 30px;
+  line-height: 22px;
 }
 .fwe-badge.fwe-badge-xl {
-  font-size: var(--fwe-font-size-xxl);
-  max-height: 44px;
-  height: 44px;
-  line-height: 42px;
+  font-size: var(--fwe-font-size-xl);
+  max-height: 34px;
+  height: 34px;
+  line-height: 34px;
 }
 
 .fwe-badge-caerul {
@@ -6587,7 +6583,8 @@ input[type=search]::-webkit-search-cancel-button {
   border-color: transparent;
 }
 
-.fwe-bottom-navigation {
+.fwe-bottom-navigation,
+.fwe-mobile-tab-bar {
   width: 100%;
   display: flex;
   background: var(--fwe-white);
@@ -6597,7 +6594,10 @@ input[type=search]::-webkit-search-cancel-button {
   height: 84px;
   padding: 22px 16px;
 }
-.fwe-bottom-navigation .fwe-bottom-navigation-button {
+.fwe-bottom-navigation .fwe-bottom-navigation-button,
+.fwe-bottom-navigation .fwe-mobile-tab-bar-button,
+.fwe-mobile-tab-bar .fwe-bottom-navigation-button,
+.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button {
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -6610,10 +6610,16 @@ input[type=search]::-webkit-search-cancel-button {
   color: var(--fwe-hero-gray);
   position: relative;
 }
-.fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon {
+.fwe-bottom-navigation .fwe-bottom-navigation-button .fwe-icon,
+.fwe-bottom-navigation .fwe-mobile-tab-bar-button .fwe-icon,
+.fwe-mobile-tab-bar .fwe-bottom-navigation-button .fwe-icon,
+.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button .fwe-icon {
   line-height: 0px;
 }
-.fwe-bottom-navigation .fwe-bottom-navigation-button :after {
+.fwe-bottom-navigation .fwe-bottom-navigation-button :after,
+.fwe-bottom-navigation .fwe-mobile-tab-bar-button :after,
+.fwe-mobile-tab-bar .fwe-bottom-navigation-button :after,
+.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button :after {
   content: "";
   position: absolute;
   top: -23px;
@@ -6623,14 +6629,23 @@ input[type=search]::-webkit-search-cancel-button {
   background: var(--fwe-hero);
   transition: height 0.3s ease;
 }
-.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected {
+.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected,
+.fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected,
+.fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected,
+.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected {
   color: var(--fwe-hero);
   cursor: default;
 }
-.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after {
+.fwe-bottom-navigation .fwe-bottom-navigation-button.fwe-selected :after,
+.fwe-bottom-navigation .fwe-mobile-tab-bar-button.fwe-selected :after,
+.fwe-mobile-tab-bar .fwe-bottom-navigation-button.fwe-selected :after,
+.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button.fwe-selected :after {
   height: 4px;
 }
-.fwe-bottom-navigation .fwe-bottom-navigation-button:active {
+.fwe-bottom-navigation .fwe-bottom-navigation-button:active,
+.fwe-bottom-navigation .fwe-mobile-tab-bar-button:active,
+.fwe-mobile-tab-bar .fwe-bottom-navigation-button:active,
+.fwe-mobile-tab-bar .fwe-mobile-tab-bar-button:active {
   color: var(--fwe-hero-active);
 }