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

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

@@ -1,5 +1,5 @@
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (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.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (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.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -12532,42 +12532,60 @@ header.fwe-fixed-header {
 }
 
 .fwe-breadcrumb {
+  overflow: hidden;
+}
+.fwe-breadcrumb ol {
+  overflow: hidden;
   display: flex;
-  flex-wrap: wrap;
-  justify-items: center;
+  flex-wrap: nowrap;
+  white-space: nowrap;
   align-items: center;
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
-.fwe-breadcrumb .fwe-breadcrumb-item,
-.fwe-breadcrumb a {
+.fwe-breadcrumb li {
   display: flex;
+  overflow: hidden;
+  flex-shrink: 0;
   align-items: center;
   min-height: 24px;
   color: var(--fwe-text);
+  font-size: var(--fwe-font-size-md);
+  line-height: calc(var(--fwe-font-size-md) + 2px);
+}
+.fwe-breadcrumb li:last-child {
+  flex-shrink: 1;
+  min-width: 36px;
+}
+.fwe-breadcrumb li:last-child a {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.fwe-breadcrumb a {
+  display: block;
+  align-items: center;
+  color: var(--fwe-text);
   text-decoration: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
-  font-size: var(--fwe-font-size-md);
-  line-height: calc(var(--fwe-font-size-md) + 2px);
 }
-.fwe-breadcrumb .fwe-breadcrumb-item:focus,
 .fwe-breadcrumb a:focus {
   outline: none;
 }
-.fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child),
-.fwe-breadcrumb a:not(:last-child) {
-  cursor: pointer;
-}
-.fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child):hover,
-.fwe-breadcrumb a:not(:last-child):hover {
+.fwe-breadcrumb a:hover {
   color: var(--fwe-hero);
 }
-.fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child):active,
-.fwe-breadcrumb a:not(:last-child):active {
+.fwe-breadcrumb a:active {
   color: var(--fwe-hero-active);
 }
-.fwe-breadcrumb .fwe-breadcrumb-item:not(:last-child)::after,
-.fwe-breadcrumb a:not(:last-child)::after {
+.fwe-breadcrumb a[aria-current=page] {
+  font-weight: bold;
+  cursor: default;
+  pointer-events: none;
+}
+.fwe-breadcrumb li:not(:last-child)::after {
   content: "";
   margin-left: 4px;
   margin-right: 4px;
@@ -12575,11 +12593,19 @@ header.fwe-fixed-header {
   width: 16px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0id2hpdGUgYmFja2dyb3VuZCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Im0xMC43MDcgOC00LjM1MyA0LjM1NC0uNzA4LS43MDhMOS4yOTMgOCA1LjY0NiA0LjM1NGwuNzA4LS43MDhMMTAuNzA3IDh6Ii8+PC9zdmc+");
 }
-.fwe-breadcrumb .fwe-breadcrumb-item:last-child,
-.fwe-breadcrumb a:last-child {
-  font-weight: bold;
-  cursor: default;
-  pointer-events: none;
+.fwe-breadcrumb--mobile li {
+  display: none;
+}
+.fwe-breadcrumb--mobile li:nth-last-child(-n+2) {
+  display: flex;
+}
+.fwe-breadcrumb--mobile li:nth-last-child(2)::before {
+  content: "";
+  margin-left: 0px;
+  margin-right: 4px;
+  height: 16px;
+  width: 16px;
+  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0id2hpdGUgYmFja2dyb3VuZCIgdmlld0JveD0iMCAwIDE2IDE2Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAxNlYwaDE2djE2eiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Im0xMC43MDcgOC00LjM1MyA0LjM1NC0uNzA4LS43MDhMOS4yOTMgOCA1LjY0NiA0LjM1NGwuNzA4LS43MDhMMTAuNzA3IDh6Ii8+PC9zdmc+");
 }
 
 a {
@@ -13568,7 +13594,7 @@ a.fwe-btn.fwe-disabled {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -14424,7 +14450,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -14655,7 +14681,7 @@ fieldset.fwe-progress-container label {
   }
 }
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -15391,7 +15417,7 @@ fieldset.fwe-progress-container label {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -15889,7 +15915,7 @@ input[type=search]::-webkit-search-cancel-button {
   }
 }
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */
@@ -16173,7 +16199,7 @@ input[type=search]::-webkit-search-cancel-button {
 }
 
 /*!
- * Festo UI - Web Essentials v9.0.1-dev.766 (https://storybook.festo.design/)
+ * Festo UI - Web Essentials v9.0.1-dev.772 (https://storybook.festo.design/)
  * Copyright 2022 Festo SE & Co. KG
  * Licensed under Apache-2.0
  */