@festo-ui/web-essentials 9.0.1-dev.772 → 9.0.1-dev.775

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

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -927,7 +927,7 @@ template {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -12388,7 +12388,7 @@ header.fwe-fixed-header {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -13594,7 +13594,7 @@ a.fwe-btn.fwe-disabled {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -13939,11 +13939,15 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
   font-weight: var(--fwe-font-weight-bold);
 }
 .fwe-select-wrapper .fwe-select {
+  text-align: left;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
   cursor: pointer;
   order: 2;
   height: 33px;
-  padding-bottom: 4px;
-  padding-top: 4px;
+  padding-inline: unset;
+  padding: 4px 24px 4px 0px;
   width: 100%;
   font-size: var(--fwe-font-size-base);
   -webkit-appearance: none;
@@ -13955,14 +13959,14 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
   border: none;
   border-bottom: 1px solid var(--fwe-control-border);
 }
-.fwe-select-wrapper .fwe-select:hover:not(:disabled) {
+.fwe-select-wrapper .fwe-select:hover:not(:disabled), .fwe-select-wrapper .fwe-select:focus:not(:disabled) {
   color: var(--fwe-hero);
   border-color: var(--fwe-hero);
 }
-.fwe-select-wrapper .fwe-select:hover:not(:disabled) option {
+.fwe-select-wrapper .fwe-select:hover:not(:disabled) option, .fwe-select-wrapper .fwe-select:focus:not(:disabled) option {
   color: var(--fwe-text);
 }
-.fwe-select-wrapper .fwe-select:hover:user-invalid {
+.fwe-select-wrapper .fwe-select:hover.fwe-invalid, .fwe-select-wrapper .fwe-select:hover:user-invalid, .fwe-select-wrapper .fwe-select:focus.fwe-invalid, .fwe-select-wrapper .fwe-select:focus:user-invalid {
   border-color: var(--fwe-red);
 }
 .fwe-select-wrapper .fwe-select:disabled {
@@ -13975,14 +13979,14 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
 .fwe-select-wrapper .fwe-select::-ms-expand {
   display: none;
 }
-.fwe-select-wrapper .fwe-select:user-invalid {
+.fwe-select-wrapper .fwe-select.fwe-invalid, .fwe-select-wrapper .fwe-select:user-invalid {
   box-shadow: none;
   border-color: var(--fwe-red);
 }
-.fwe-select-wrapper .fwe-select:user-invalid ~ .fwe-select-invalid {
+.fwe-select-wrapper .fwe-select.fwe-invalid ~ .fwe-select-invalid, .fwe-select-wrapper .fwe-select:user-invalid ~ .fwe-select-invalid {
   display: block;
 }
-.fwe-select-wrapper .fwe-select:user-invalid ~ .fwe-select-description {
+.fwe-select-wrapper .fwe-select.fwe-invalid ~ .fwe-select-description, .fwe-select-wrapper .fwe-select:user-invalid ~ .fwe-select-description {
   display: none;
 }
 .fwe-select-wrapper .fwe-select-invalid {
@@ -13990,6 +13994,54 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
   color: var(--fwe-red);
 }
 
+.fwe-options-container {
+  max-width: 100%;
+  background-color: var(--fwe-white);
+  padding: 16px 0px;
+  margin: 0;
+  box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2);
+  list-style: none;
+}
+.fwe-options-container:focus {
+  outline: none;
+}
+.fwe-options-container--multi-select {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  padding: 24px 12px;
+}
+
+.fwe-combobox-option {
+  padding: 8px 16px;
+  cursor: pointer;
+  position: relative;
+}
+.fwe-combobox-option:hover, .fwe-combobox-option:focus, .fwe-combobox-option.fwe-focus {
+  background-color: var(--fwe-background);
+  color: var(--fwe-hero);
+}
+.fwe-combobox-option:active, .fwe-combobox-option.fwe-selected {
+  color: var(--fwe-hero);
+}
+.fwe-combobox-option:active::before, .fwe-combobox-option.fwe-selected::before {
+  content: "";
+  width: 4px;
+  height: 100%;
+  background-color: var(--fwe-hero);
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+.fwe-combobox-option.fwe-disabled {
+  color: var(--fwe-text-disabled);
+  cursor: default;
+}
+.fwe-combobox-option.fwe-disabled:hover {
+  background-color: transparent;
+  color: var(--fwe-text-disabled);
+}
+
 .fwe-badge {
   display: inline-block;
   border-radius: 2px;
@@ -14450,7 +14502,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -14681,7 +14733,7 @@ fieldset.fwe-progress-container label {
   }
 }
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -15417,7 +15469,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -15915,7 +15967,7 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -16199,7 +16251,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.775 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */