@lumx/core 3.11.4-alpha.0 → 3.12.1-alpha.0

package/package.json

@@ -40,17 +40,17 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "3.11.4-alpha.0",
+    "version": "3.12.1-alpha.0",
     "devDependencies": {
-        "@babel/core": "^7.18.13",
+        "@babel/core": "^7.26.10",
         "@babel/plugin-proposal-class-properties": "^7.18.6",
-        "@babel/plugin-proposal-export-default-from": "^7.18.10",
+        "@babel/plugin-proposal-export-default-from": "^7.25.9",
         "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
-        "@babel/plugin-proposal-object-rest-spread": "^7.18.9",
-        "@babel/plugin-proposal-optional-chaining": "^7.18.9",
-        "@babel/plugin-proposal-private-property-in-object": "^7.18.6",
-        "@babel/preset-env": "^7.18.10",
-        "@babel/preset-typescript": "^7.18.6",
+        "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+        "@babel/plugin-proposal-optional-chaining": "^7.21.0",
+        "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+        "@babel/preset-env": "^7.26.9",
+        "@babel/preset-typescript": "^7.26.0",
         "autoprefixer": "^9.7.4",
         "clean-webpack-plugin": "^3.0.0",
         "copy-webpack-plugin": "^5.1.1",

package/scss/components/input-label/_index.scss

@@ -20,4 +20,13 @@
     &--theme-dark {
         @include lumx-input-label(lumx-base-const("theme", "DARK"));
     }
+
+    /** When there is a custom typography, we create a more specific selector so that it overrides the typo added by the mixin `lumx-input-label` */
+    &--has-custom-typography {
+        @each $key, $style in $lumx-typography-interface {
+            &.#{$lumx-base-prefix}-typography-#{$key} {
+                @include lumx-typography($key);
+            }
+        }
+    }
 }

package/scss/components/link/_index.scss

@@ -5,18 +5,17 @@
 .#{$lumx-base-prefix}-link {
     @include lumx-link;
 
-    &__left-icon {
-        margin-right: $lumx-spacing-unit-tiny;
-    }
-
-    &__right-icon {
-        margin-left: $lumx-spacing-unit-tiny;
-    }
-
     &:disabled,
     &[aria-disabled="true"] {
         @include lumx-state-disabled-input;
     }
+
+    // Fix icon alignment
+    & .#{$lumx-base-prefix}-icon {
+        &, & svg {
+            display: inline;
+        }
+    }
 }
 
 /* Link colors

package/scss/components/link/_mixins.scss

@@ -1,6 +1,5 @@
 @mixin lumx-link-base() {
-    display: inline-flex;
-    align-items: center;
+    display: inline;
     padding: 0;
     text-align: inherit;
     text-decoration: none;
@@ -10,6 +9,7 @@
     outline: none;
 
     &:hover,
+    &[data-lumx-hover],
     &[data-focus-visible-added] {
         text-decoration: underline;
     }
@@ -17,6 +17,12 @@
 
 @mixin lumx-link-color($color, $variant) {
     color: lumx-color-variant($color, $variant);
+
+    &[data-focus-visible-added],
+    &:focus-visible {
+        outline: 1px auto lumx-color-variant($color, $variant);
+        outline-offset: 2px;
+    }
 }
 
 @mixin lumx-link($color: "primary", $variant: "N") {

package/scss/components/user-block/_index.scss

@@ -14,6 +14,12 @@
         flex-direction: column;
     }
 
+    &--orientation-horizontal {
+        #{$self}__after {
+            margin: 0 0 0 $lumx-spacing-unit-big;
+        }
+    }
+
     &__avatar {
         #{$self}--orientation-horizontal#{$self}--size-xs & {
             margin-right: $lumx-spacing-unit;
@@ -109,7 +115,8 @@
     }
 
     &__action,
-    &__actions {
+    &__actions,
+    &__after  {
         margin-top: $lumx-spacing-unit * 2;
     }
 }