@odx/ui 3.4.2 → 3.4.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @odx/ui
 
+## 3.4.4
+
+### Patch Changes
+
+- 9f98096: fix: additional class for "expand" icon expanded state
+
+## 3.4.3
+
+### Patch Changes
+
+- a0b9ae3: Use browser native text decoration for links
+
 ## 3.4.2
 
 ### Patch Changes

package/core-theme.css

@@ -3838,7 +3838,7 @@ html body .odx-fs-italic {
 .odx-expandable-list-item:first-child > .odx-expandable-list-item__header .odx-list-item {
   --separator-color: transparent;
 }
-.odx-expandable-list-item--expanded > .odx-expandable-list-item__header .odx-expandable-list-item__action .odx-button .odx-icon {
+.odx-expandable-list-item__icon--expanded {
   transform: scaleY(-1);
 }
 
@@ -4334,41 +4334,20 @@ html body .odx-fs-italic {
   outline-color: transparent;
   pointer-events: none;
 }
-.odx-link::before {
-  transition-delay: 0ms;
-  transition-duration: var(--odx-v-transition-duration);
-  transition-property: width;
-  transition-timing-function: var(--odx-v-transition-easing-fn);
-  background-color: currentcolor;
-  bottom: 1px;
-  content: "";
-  height: 1px;
-  left: 50%;
-  position: absolute;
-  transform: translateX(-50%);
-  width: 0;
-}
 @media (hover: hover){
 .odx-link:hover {
   color: var(--odx-c-link-hover);
-}
-}
-@media (hover: hover){
-.odx-link:hover::before {
-  width: 98%;
+  text-decoration: underline;
 }
 }
 .odx-link:active {
   color: var(--odx-c-link-active);
 }
 .odx-link.is-disabled {
-  color: var(--odx-c-link-disabled) !important;
+  color: var(--odx-c-link-disabled);
   pointer-events: none;
   text-decoration: none;
 }
-.odx-link.is-disabled::before {
-  content: none;
-}
 
 .odx-list {
   display: block;

package/package.json

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

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

@@ -47,9 +47,7 @@
     --separator-color: transparent;
   }
 
-  &--expanded {
-    > #{$root}__header #{$root}__action .odx-button .odx-icon {
-      transform: scaleY(-1);
-    }
+  &__icon--expanded {
+    transform: scaleY(-1);
   }
 }

package/scss/components/link.component.scss

@@ -11,25 +11,9 @@
   position: relative;
   user-select: auto;
 
-  &::before {
-    @include motion.transition(width);
-
-    background-color: currentcolor;
-    bottom: 1px;
-    content: '';
-    height: 1px;
-    left: 50%;
-    position: absolute;
-    transform: translateX(-50%);
-    width: 0;
-  }
-
   &:hover {
     color: var(--odx-c-link-hover);
-
-    &::before {
-      width: 98%;
-    }
+    text-decoration: underline;
   }
 
   &:active {
@@ -37,12 +21,8 @@
   }
 
   &.is-disabled {
-    color: var(--odx-c-link-disabled) !important;
+    color: var(--odx-c-link-disabled);
     pointer-events: none;
     text-decoration: none;
-
-    &::before {
-      content: none;
-    }
   }
 }