@odx/ui 3.9.0 → 3.9.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @odx/ui
 
+## 3.9.1
+
+### Patch Changes
+
+- c1ecb13: css fix for list item header
+
 ## 3.9.0
 
 ### Minor Changes

package/core-theme.css

@@ -5918,9 +5918,6 @@ html body .odx-fs-italic {
   overflow: hidden;
   text-align: center;
 }
-.odx-rich-list-item-header__icon {
-  position: relative;
-}
 
 .odx-rich-list-item {
   padding-right: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
@@ -5932,11 +5929,11 @@ html body .odx-fs-italic {
   padding-top: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
   padding-bottom: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
 }
-.odx-rich-list-item.is-disabled .odx-rich-list-item-header__title,
-.odx-rich-list-item.is-disabled .odx-rich-list-item-header .odx-avatar {
+.odx-rich-list-item.is-disabled .odx-rich-list-item-header {
   color: var(--odx-c-text-disabled);
 }
 .odx-rich-list-item.is-disabled .odx-rich-list-item-header .odx-avatar {
+  color: var(--odx-c-text-disabled);
   filter: saturate(0);
 }
 .odx-rich-list-item__header {
@@ -5955,8 +5952,16 @@ html body .odx-fs-italic {
 .odx-rich-list-item--empty .odx-rich-list-item__expand-button {
   display: none;
 }
+.odx-rich-list-item__icon {
+  transition-delay: 0ms;
+  transition-duration: var(--odx-v-transition-duration);
+  transition-property: transform;
+  transition-timing-function: var(--odx-v-transition-easing-fn);
+  position: relative;
+  transform: rotate(0);
+}
 .odx-rich-list-item--expanded .odx-rich-list-item__icon {
-  transform: scaleY(-1);
+  transform: rotateX(180deg);
 }
 
 :root {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@odx/ui",
-  "version": "3.9.0",
+  "version": "3.9.1",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "peerDependencies": {

package/scss/components/rich-list-item-header.component.scss

@@ -22,8 +22,4 @@
     overflow: hidden;
     text-align: center;
   }
-
-  &__icon {
-    position: relative;
-  }
 }

package/scss/components/rich-list-item.component.scss

@@ -18,13 +18,13 @@
   display: block;
 
   &.is-disabled {
-    .odx-rich-list-item-header__title,
-    .odx-rich-list-item-header .odx-avatar {
+    .odx-rich-list-item-header {
       color: var(--odx-c-text-disabled);
-    }
 
-    .odx-rich-list-item-header .odx-avatar {
-      filter: saturate(0);
+      .odx-avatar {
+        color: var(--odx-c-text-disabled);
+        filter: saturate(0);
+      }
     }
   }
 
@@ -46,9 +46,14 @@
     }
   }
 
-  &--expanded {
-    #{$root}__icon {
-      transform: scaleY(-1);
+  &__icon {
+    @include motion.transition(transform);
+
+    position: relative;
+    transform: rotate(0);
+
+    #{$root}--expanded & {
+      transform: rotateX(180deg);
     }
   }
 }