@festo-ui/web-essentials 7.0.0-dev.342 → 7.0.0-dev.350

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

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v7.0.0-dev.342 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v7.0.0-dev.350 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -12917,9 +12917,16 @@ template {
 .fwe-toolbar .fwe-toolbar-actions {
   padding-top: 24px;
 }
-.fwe-toolbar .fwe-toolbar-actions a,
+.fwe-toolbar .fwe-toolbar-actions a {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .fwe-toolbar .fwe-toolbar-actions button {
   display: block;
+}
+.fwe-toolbar .fwe-toolbar-actions a,
+.fwe-toolbar .fwe-toolbar-actions button {
   height: 60px;
   width: 60px;
   line-height: 60px;
@@ -15228,6 +15235,10 @@ label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-checkmark {
   border-color: var(--fwe-control-disabled);
   cursor: not-allowed;
 }
+label.fwe-checkbox input[type=checkbox]:disabled:checked ~ .fwe-checkbox-checkmark {
+  background-color: var(--fwe-control-disabled);
+  border-color: var(--fwe-control-disabled);
+}
 label.fwe-checkbox input[type=checkbox]:disabled {
   cursor: not-allowed;
 }
@@ -15262,7 +15273,6 @@ label.fwe-switch {
   align-items: center;
   white-space: nowrap;
   vertical-align: middle;
-  width: 100%;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
@@ -15338,7 +15348,7 @@ label.fwe-switch input[type=checkbox]:disabled ~ .fwe-switch-track {
   cursor: not-allowed;
 }
 label.fwe-switch input[type=checkbox]:disabled:checked ~ .fwe-switch-track {
-  background-color: var(--fwe-control-disabled);
+  background-color: var(--fwe-hero-bg);
   cursor: not-allowed;
 }
 label.fwe-switch input[type=checkbox]:disabled {
@@ -15483,60 +15493,13 @@ a.fwe-btn.fwe-disabled {
   pointer-events: none;
 }
 
-input[type=range].fwe-slider-input.fwe-slider-lg::-webkit-slider-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-webkit-slider-thumb {
-  width: 16px;
-  height: 16px;
-  margin-top: -6px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg::-moz-range-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-moz-range-thumb {
-  width: 16px;
-  height: 16px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg::-ms-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-ms-thumb {
-  width: 12px;
-  height: 12px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg::-webkit-slider-runnable-track, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-webkit-slider-runnable-track {
-  height: 2px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg::-moz-range-track, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-moz-range-track {
-  height: 2px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg::-moz-range-progress, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-moz-range-progress {
-  height: 2px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg::-ms-track, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-ms-track {
-  height: 2px;
-  border-width: 32px 0;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg:hover:not(:disabled)::-webkit-slider-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:hover:not(:disabled)::-webkit-slider-thumb {
-  margin-top: -14px;
-  height: 32px;
-  width: 32px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg:hover:not(:disabled)::-moz-range-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:hover:not(:disabled)::-moz-range-thumb {
-  height: 32px;
-  width: 32px;
-}
-input[type=range].fwe-slider-input.fwe-slider-lg:hover:not(:disabled)::-ms-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:hover:not(:disabled)::-ms-thumb {
-  box-shadow: 0px 0px 0px 8px var(--fwe-hero);
-}
-input[type=range].fwe-slider-input.fwe-slider-lg:active:not(:disabled)::-webkit-slider-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:active:not(:disabled)::-webkit-slider-thumb {
-  box-shadow: 0px 0px 0px 16px rgba(0, 145, 220, 0.3);
-}
-input[type=range].fwe-slider-input.fwe-slider-lg:active:not(:disabled)::-moz-range-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:active:not(:disabled)::-moz-range-thumb {
-  box-shadow: 0px 0px 0px 16px rgba(0, 145, 220, 0.3);
-}
-input[type=range].fwe-slider-input.fwe-slider-lg:active:not(:disabled)::-ms-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:active:not(:disabled)::-ms-thumb {
-  box-shadow: 0px 0px 0px 8px var(--fwe-hero), 0px 0px 0px 24px rgba(0, 145, 220, 0.3) !important;
-}
-
 label.fwe-slider span {
   margin-bottom: 4px;
   display: inline-block;
   font-size: var(--fwe-font-size-md);
   color: var(--fwe-text-light);
 }
+
 input[type=range].fwe-slider-input {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -15544,8 +15507,8 @@ input[type=range].fwe-slider-input {
   width: 100%;
   background: transparent;
   padding: 0px;
-  padding-top: 8px;
-  padding-bottom: 8px;
+  padding-top: 16px;
+  padding-bottom: 16px;
   cursor: pointer;
 }
 @-moz-document url-prefix() {
@@ -15663,6 +15626,7 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
   background: var(--fwe-control);
   border: 1px solid var(--fwe-control);
 }
+
 .fwe-waiting-container {
   width: 100%;
   height: 100%;
@@ -15883,6 +15847,7 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
 }
 .fwe-select-wrapper .fwe-select:invalid {
   box-shadow: none;
+  border-color: var(--fwe-red);
 }
 .fwe-select-wrapper .fwe-select:invalid ~ .fwe-select-invalid {
   display: block;
@@ -17667,7 +17632,7 @@ input[type=search]::-webkit-search-cancel-button {
   display: flex;
   background: var(--fwe-white);
   align-items: flex-start;
-  justify-content: space-between;
+  justify-content: space-around;
   border-top: 1px solid var(--fwe-border);
   height: 84px;
   padding: 22px 16px;