@festo-ui/web-essentials 7.2.0-dev.423 → 7.2.0-dev.427

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

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v7.2.0-dev.423 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v7.2.0-dev.427 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -2113,6 +2113,50 @@ button.fwe-btn.fwe-btn-lg i[class*=" fwe-icon-"]:before, .fwe-chip.fwe-chip-lg i
   content: "\eae7";
 }
 
+.fwe-icon-arrange:before {
+  content: "\eae8";
+}
+
+.fwe-icon-cloud-failure:before {
+  content: "\eae9";
+}
+
+.fwe-icon-cloud-ready:before {
+  content: "\eaeb";
+}
+
+.fwe-icon-cloud-sync:before {
+  content: "\eaed";
+}
+
+.fwe-icon-crop:before {
+  content: "\eaee";
+}
+
+.fwe-icon-decentral-drive:before {
+  content: "\eaef";
+}
+
+.fwe-icon-feature-tag:before {
+  content: "\eaf0";
+}
+
+.fwe-icon-hide:before {
+  content: "\eaf1";
+}
+
+.fwe-icon-repeat-audio:before {
+  content: "\eaf2";
+}
+
+.fwe-icon-data-variable:before {
+  content: "\eaea";
+}
+
+.fwe-icon-method:before {
+  content: "\eaec";
+}
+
 .fwe-color-black {
   color: var(--fwe-black) !important;
 }
@@ -14904,16 +14948,9 @@ label.fwe-input-text.fwe-input-text-icon textarea {
 
 .fwe-chip.fwe-chip-lg, .fwe-chip-container.fwe-chip-container-lg .fwe-chip {
   font-size: var(--fwe-font-size-base);
-  line-height: 22px;
   border-radius: 16px;
-  padding: 3px 16px 5px 16px;
-}
-.fwe-chip.fwe-chip-lg i[class^=fwe-icon-], .fwe-chip-container.fwe-chip-container-lg .fwe-chip i[class^=fwe-icon-],
-.fwe-chip.fwe-chip-lg i[class*=" fwe-icon-"],
-.fwe-chip-container.fwe-chip-container-lg .fwe-chip i[class*=" fwe-icon-"],
-.fwe-chip.fwe-chip-lg .fwe-svg-icon,
-.fwe-chip-container.fwe-chip-container-lg .fwe-chip .fwe-svg-icon {
-  margin-bottom: -3px;
+  padding: 0px 16px;
+  height: 32px;
 }
 .fwe-selected.fwe-category.fwe-chip.fwe-chip-lg, .fwe-chip-container.fwe-chip-container-lg .fwe-selected.fwe-category.fwe-chip {
   padding-right: 30px;
@@ -14937,14 +14974,14 @@ label.fwe-input-text.fwe-input-text-icon textarea {
   gap: 8px;
 }
 .fwe-chip {
+  height: 24px;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   position: relative;
   display: flex;
-  align-items: flex-end;
+  align-items: center;
   font-size: var(--fwe-font-size-md);
-  line-height: calc(var(--fwe-font-size-md) + 7px);
   text-align: center;
   border-radius: 12px;
   cursor: pointer;
@@ -14952,14 +14989,14 @@ label.fwe-input-text.fwe-input-text-icon textarea {
   color: var(--fwe-text);
   border: 1px solid var(--fwe-control);
   box-sizing: border-box;
-  padding: 0px 12px 1px 12px;
+  padding: 0px 12px;
 }
 .fwe-chip i[class^=fwe-icon-],
 .fwe-chip i[class*=" fwe-icon-"],
 .fwe-chip .fwe-svg-icon {
-  margin-bottom: -1px;
   margin-left: -4px;
   margin-right: 8px;
+  line-height: 1;
 }
 .fwe-chip:hover {
   background: var(--fwe-control-hover);
@@ -16614,10 +16651,10 @@ fieldset.fwe-progress-container label {
   grid-auto-flow: column;
 }
 .fwe-segment-label {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 32px;
   width: 100%;
-  line-height: 28px;
   white-space: nowrap;
   padding: 0 24px;
   font-size: var(--fwe-font-size-base);
@@ -16815,10 +16852,15 @@ fieldset.fwe-progress-container label {
   flex-wrap: nowrap;
   height: 24px;
   width: 32px;
+  margin-right: 0px;
 }
 .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button i::before {
   display: inline-flex;
 }
+.fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button .fwe-svg-icon {
+  margin-right: 8px;
+  margin-left: 8px;
+}
 .fwe-popover.fwe-popover-menu .fwe-list-group .fwe-list-group-item button span {
   display: inline-flex;
   height: 24px;