@odx/ui 4.6.5 → 4.7.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @odx/ui
 
+## 4.7.1
+
+### Patch Changes
+
+- ca03318: Style fix for nested Accordion items
+
+## 4.7.0
+
+### Minor Changes
+
+- f28cb4c: Arrea header can now contain a back button
+
 ## 4.6.5
 
 ### Patch Changes

package/core-theme.css

@@ -2275,10 +2275,13 @@ html body .odx-fs-italic {
   background-color: var(--blue-700-5);
 }
 }
-.odx-accordion-item--expanded .odx-accordion-item__panel {
+.odx-accordion-item--expanded > .odx-accordion-item__panel {
   font-weight: var(--odx-typography-font-weight-medium);
   letter-spacing: var(--odx-typography-font-weight-medium-letter-spacing);
 }
+.odx-accordion-item--expanded > .odx-accordion-item__panel .odx-accordion-item__icon {
+  transform: rotateX(180deg);
+}
 .odx-accordion-item__icon {
   transition-delay: 0ms;
   transition-duration: var(--odx-v-transition-duration);
@@ -2286,9 +2289,6 @@ html body .odx-fs-italic {
   transition-timing-function: var(--odx-v-transition-easing-fn);
   transform: rotate(0deg);
 }
-.odx-accordion-item--expanded .odx-accordion-item__icon {
-  transform: rotateX(180deg);
-}
 .odx-accordion-item__slot {
   padding-top: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
   padding-right: calc(var(--odx-vertical-rythm-base-size) * 0.3334);
@@ -2793,7 +2793,8 @@ html body .odx-fs-italic {
   white-space: nowrap;
   color: var(--odx-area-header-subtitle-color);
 }
-.odx-area-header .odx-avatar, .odx-area-header__content {
+.odx-area-header .odx-avatar,
+.odx-area-header [odxNavigationBack], .odx-area-header__content {
   align-self: center;
 }
 .odx-area-header__content {

package/package.json

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

package/scss/components/accordion-item.component.scss

@@ -28,8 +28,12 @@
       background-color: var(--blue-700-5);
     }
 
-    #{$root}--expanded & {
+    #{$root}--expanded > & {
       @include typography.font-weight(medium);
+
+      #{$root}__icon {
+        transform: rotateX(180deg);
+      }
     }
   }
 
@@ -37,10 +41,6 @@
     @include motion.transition(transform);
 
     transform: rotate(0deg);
-
-    #{$root}--expanded & {
-      transform: rotateX(180deg);
-    }
   }
 
   &__slot {

package/scss/components/area-header.component.scss

@@ -67,6 +67,7 @@
   }
 
   .odx-avatar,
+  [odxNavigationBack],
   &__content {
     align-self: center;
   }