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

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

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -926,7 +926,7 @@ template {
 }
 
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -12033,7 +12033,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);
@@ -12043,7 +12043,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 {
@@ -12059,7 +12059,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 {
@@ -12106,7 +12106,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);
@@ -12119,9 +12119,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 {
@@ -12385,7 +12388,7 @@ header.fwe-fixed-header {
 }
 
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -13142,7 +13145,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;
@@ -13558,28 +13561,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);
 }
@@ -13673,7 +13676,7 @@ a.fwe-btn.fwe-disabled {
 }
 
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -14123,40 +14126,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 {
@@ -14585,7 +14581,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -14816,7 +14812,7 @@ fieldset.fwe-progress-container label {
   }
 }
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -15552,7 +15548,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -15918,7 +15914,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);
@@ -15928,7 +15925,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;
@@ -15941,10 +15941,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;
@@ -15954,14 +15960,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);
 }
 
@@ -16051,7 +16066,7 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -16335,7 +16350,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 /*!
- * Festo UI - Web Essentials v11.0.0-dev.963 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v11.0.0-dev.969 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */