@asantemedia-org/leybold-design-system 1.0.20 → 1.0.22

package/dist/index.esm.scss

@@ -1697,26 +1697,24 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   --text-xxl-line-height: 1;
 }
 
-.ProductCardDetails-module__productDetails___-sx2l [class*="cmp-card--type-product_details"]:not([class*="product_details__"]) {
+.ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-template-rows: auto;
 }
 @media (min-width: 992px) {
-  .ProductCardDetails-module__productDetails___-sx2l [class*="cmp-card--type-product_details"]:not([class*="product_details__"]) {
+  .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details {
     grid-template-columns: repeat(2, 1fr);
   }
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="product-info"] {
+.ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__product-info {
   position: relative;
   max-width: 480px;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header"]:not([class*="__title"]):not([class*="__product-code"]):not(
-          [class*="__product-image"]
-        ) {
+.ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header {
   margin-bottom: 1rem;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__title"] {
+.ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__title {
   font-size: 21px;
   font-weight: 700;
   margin-bottom: 1rem;
@@ -1724,23 +1722,23 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   color: #e2001a;
 }
 @media (min-width: 768px) {
-  .ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__title"] {
+  .ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__title {
     max-width: 325px;
   }
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__product-code"] {
+.ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__product-code {
   font-size: 0.875rem;
   color: #4a4e54;
   margin-bottom: 1rem;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="product_details__header__product-image"] {
+.ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__header__product-image {
   max-width: 100%;
   height: auto;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="spares-list"] {
+.ProductCardDetails-module__productDetails___-sx2l .cmp-card--type-product_details__spares-list {
   position: relative;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] {
+.ProductCardDetails-module__productDetails___-sx2l .folding-spares-list {
   display: grid;
   grid-template-columns: repeat(1, 1fr);
   grid-template-rows: auto;
@@ -1749,16 +1747,16 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   padding-left: 0;
 }
 @media (min-width: 992px) {
-  .ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] {
+  .ProductCardDetails-module__productDetails___-sx2l .folding-spares-list {
     grid-template-columns: repeat(2, 1fr);
   }
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-list"] li {
+.ProductCardDetails-module__productDetails___-sx2l .folding-spares-list li {
   list-style: none;
   margin-bottom: 0;
   font-size: 14px;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] {
+.ProductCardDetails-module__productDetails___-sx2l .folding-specification-list {
   margin-left: 0;
   padding-left: 0;
   display: grid;
@@ -1767,58 +1765,96 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   gap: 10px;
 }
 @media (min-width: 992px) {
-  .ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] {
+  .ProductCardDetails-module__productDetails___-sx2l .folding-specification-list {
     grid-template-columns: repeat(2, 1fr);
     grid-template-areas: "list-item-1 list-item-2";
   }
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li {
+.ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li {
   list-style: none;
   margin-bottom: 0.75rem;
   font-size: 14px;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li strong {
+.ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li strong {
   color: #383e42;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-list"] li > *:first-child {
+.ProductCardDetails-module__productDetails___-sx2l .folding-specification-list li > *:first-child {
   line-height: 2;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-specification-holder"] {
+.ProductCardDetails-module__productDetails___-sx2l .folding-specification-holder {
   margin-bottom: 1rem;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="folding-spares-holder"] {
+.ProductCardDetails-module__productDetails___-sx2l .folding-spares-holder {
   margin-bottom: 1rem;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section"]:not([class*="accordion-section__"]) {
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section {
   margin-bottom: 0.5rem;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section"]:not([class*="accordion-section__"]).ProductCardDetails-module__open___ZShRA {
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section.ProductCardDetails-module__open___ZShRA {
   border-color: #e2001a;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__header"] {
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 1rem 0;
   cursor: pointer;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__title"] {
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__title {
   font-size: 1rem;
   font-weight: 600;
   color: #383e42;
   margin: 0;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__icon"] {
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon {
   color: black !important;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__icon"] svg {
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__icon svg {
   color: inherit !important;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="accordion-section__content"] {
+.ProductCardDetails-module__productDetails___-sx2l .accordion-section__content {
   padding: 0 0 1rem 0;
 }
-.ProductCardDetails-module__productDetails___-sx2l [class*="spares-list"] ul li {
-  background-color: white;
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-top: 0.25rem;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__value {
+  font-weight: 600;
+  font-size: 0.95rem;
+  color: #4a4e54;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__unit {
+  font-size: 0.85rem;
+  color: #99a1ab;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown {
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: transparent;
+  border: none;
+  border-radius: 0;
+  padding: 0.25rem 1.75rem 0.25rem 0.5rem;
+  font-size: 0.85rem;
+  color: #e2001a;
+  cursor: pointer;
+  transition: border-color 0.2s ease, background-color 0.2s ease;
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 0.5rem center;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown:hover {
+  background-color: #dae0e3;
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(196, 38, 46, 0.15);
+}
+.ProductCardDetails-module__productDetails___-sx2l .facet-unit-selector__dropdown option {
+  padding: 0.5rem;
 }
 :root {
   --leybold-red: #e2001a;
@@ -1898,25 +1934,25 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
     transform: skewX(-10deg) translateX(200%);
   }
 }
-[class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]) {
+.cmpAlgoliaDynamicSearchWidget {
   position: relative;
   padding: 2rem 1rem;
 }
 @media (min-width: 768px) {
-  [class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]) {
+  .cmpAlgoliaDynamicSearchWidget {
     padding: 4rem 1rem;
   }
 }
-[class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]).isLoading [class*=cmpAlgoliaDynamicSearchWidget__placeholder] {
+.cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__placeholder {
   opacity: 1;
   z-index: 1;
 }
-[class*=cmpAlgoliaDynamicSearchWidget]:not([class*=cmpAlgoliaDynamicSearchWidget__]).isLoading [class*=cmpAlgoliaDynamicSearchWidget__container] {
+.cmpAlgoliaDynamicSearchWidget.isLoading .cmpAlgoliaDynamicSearchWidget__container {
   opacity: 0;
   z-index: -1;
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget__container] {
+.cmpAlgoliaDynamicSearchWidget__container {
   margin-left: auto;
   margin-right: auto;
   display: flex;
@@ -1926,91 +1962,91 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   transition: opacity 0.5s;
 }
 @media (min-width: 961px) {
-  [class*=cmpAlgoliaDynamicSearchWidget__container] {
+  .cmpAlgoliaDynamicSearchWidget__container {
     max-width: 1280px;
   }
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) {
+.cmpAlgoliaDynamicSearchWidget__header {
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
 }
 @media screen and (min-width: 768px) {
-  [class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) {
+  .cmpAlgoliaDynamicSearchWidget__header {
     flex-direction: row;
     justify-content: space-between;
     align-items: flex-start;
   }
 }
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h1,
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h2,
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h3,
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h4,
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h5,
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) h6,
-[class*=cmpAlgoliaDynamicSearchWidget__header]:not([class*=__text]) p {
+.cmpAlgoliaDynamicSearchWidget__header h1,
+.cmpAlgoliaDynamicSearchWidget__header h2,
+.cmpAlgoliaDynamicSearchWidget__header h3,
+.cmpAlgoliaDynamicSearchWidget__header h4,
+.cmpAlgoliaDynamicSearchWidget__header h5,
+.cmpAlgoliaDynamicSearchWidget__header h6,
+.cmpAlgoliaDynamicSearchWidget__header p {
   margin: 0;
   color: #546672;
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget__header__text] {
+.cmpAlgoliaDynamicSearchWidget__header__text {
   display: flex;
   flex-direction: column;
   gap: 1rem;
 }
 @media screen and (min-width: 768px) {
-  [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
+  .cmpAlgoliaDynamicSearchWidget__header__text {
     max-width: 75%;
   }
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget__cards] {
+.cmpAlgoliaDynamicSearchWidget__cards {
   display: grid;
   gap: 1rem;
   grid-template-columns: 1fr;
 }
 @media (min-width: 768px) {
-  [class*=cmpAlgoliaDynamicSearchWidget__cards] {
+  .cmpAlgoliaDynamicSearchWidget__cards {
     grid-template-columns: repeat(2, 1fr);
   }
 }
 @media (min-width: 961px) {
-  [class*=cmpAlgoliaDynamicSearchWidget__cards] {
+  .cmpAlgoliaDynamicSearchWidget__cards {
     grid-template-columns: repeat(3, 1fr);
   }
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget][class*=isQueryContent] [class*=cmpAlgoliaDynamicSearchWidget__cards] {
+.cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
   grid-template-columns: repeat(2, 1fr);
 }
 @media (min-width: 961px) {
-  [class*=cmpAlgoliaDynamicSearchWidget][class*=isQueryContent] [class*=cmpAlgoliaDynamicSearchWidget__cards] {
+  .cmpAlgoliaDynamicSearchWidget.isQueryContent .cmpAlgoliaDynamicSearchWidget__cards {
     grid-template-columns: repeat(4, 1fr);
   }
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleSilverGradientBackground] {
+.cmpAlgoliaDynamicSearchWidget.hasStyleSilverGradientBackground {
   background: #3f6a98;
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] {
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground {
   background: #546672;
 }
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] {
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text {
   color: white;
 }
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h1,
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h2,
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h3,
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h4,
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h5,
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] h6,
-[class*=cmpAlgoliaDynamicSearchWidget][class*=hasStyleGreyBackground] [class*=cmpAlgoliaDynamicSearchWidget__header__text] p {
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h1,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h2,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h3,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h4,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h5,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text h6,
+.cmpAlgoliaDynamicSearchWidget.hasStyleGreyBackground .cmpAlgoliaDynamicSearchWidget__header__text p {
   color: white;
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget__placeholder] {
+.cmpAlgoliaDynamicSearchWidget__placeholder {
   opacity: 0;
   position: absolute;
   top: 0;
@@ -2023,7 +2059,7 @@ h3.ProductCardHorizontal-module__productTitle___xBuu7 {
   transition: opacity 0.5s;
 }
 
-[class*=cmpAlgoliaDynamicSearchWidget__placeholder__loading]::before {
+.cmpAlgoliaDynamicSearchWidget__placeholder__loading::before {
   content: "";
   position: absolute;
   background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);