@lumx/core 4.1.1-alpha.1 → 4.1.1-alpha.3

package/lumx.css

@@ -1,5 +1,6 @@
 @charset "UTF-8";
-/** LUMX THEME */ /* stylelint-disable custom-property-pattern, max-line-length, scss/dollar-variable-pattern, length-zero-no-unit */
+/** LUMX THEME */
+/* stylelint-disable custom-property-pattern, max-line-length, scss/dollar-variable-pattern, length-zero-no-unit */
 /**
  * Do not edit directly
  * Generated on Mon, 13 Jan 2025 09:24:38 GMT
@@ -685,7 +686,8 @@
  * Warning: These will be removed in the next major version.
  */
 /* stylelint-disable custom-property-pattern */
-/** @deprecated: replaced with $lumx-progress-circular-size-map */ /**
+/** @deprecated: replaced with $lumx-progress-circular-size-map */
+/**
  * 1. https://github.com/philipwalton/flexbugs/blob/master/README.md#flexbug-3
  */
 /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -10883,6 +10885,19 @@ table {
   flex: 1 1 auto;
   min-height: 0;
 }
+.lumx-slideshow__wrapper--mode-scroll-snap {
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  scrollbar-width: none;
+}
+@media (prefers-reduced-motion: no-preference) {
+  .lumx-slideshow__wrapper--mode-scroll-snap {
+    scroll-behavior: smooth;
+  }
+}
+.lumx-slideshow__wrapper--mode-scroll-snap::-webkit-scrollbar {
+  display: none;
+}
 .lumx-slideshow__controls {
   margin-top: 16px;
 }
@@ -10897,6 +10912,7 @@ table {
   overflow: hidden;
   max-width: 100%;
   flex: 0 0 100%;
+  scroll-snap-align: start;
 }
 
 /* Slideshow item
@@ -12827,6 +12843,7 @@ table {
 }
 .lumx-user-block__name {
   outline: none;
+  overflow-wrap: break-word;
   font-size: 14px;
   font-weight: var(--lumx-typography-interface-subtitle1-font-weight);
   line-height: 20px;
@@ -12854,10 +12871,12 @@ table {
   font-size: 14px;
   font-weight: var(--lumx-typography-interface-body1-font-weight);
   line-height: 20px;
+  overflow-wrap: break-word;
 }
 .lumx-user-block--size-m .lumx-user-block__field::after {
   margin: 0 4px;
   content: "•";
+  word-break: break-all;
 }
 .lumx-user-block--size-m .lumx-user-block__field:last-child::after {
   display: none;

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/icons": "^4.1.1-alpha.1",
+        "@lumx/icons": "^4.1.1-alpha.3",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.23",
@@ -33,10 +33,11 @@
         "generate:design-tokens": "yarn node style-dictionary/index.cjs",
         "build": "rollup -c",
         "test": "vitest run",
+        "type-check": "yarn tsc -p tsconfig.json",
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.1.1-alpha.1",
+    "version": "4.1.1-alpha.3",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@testing-library/dom": "^10.4.1",
@@ -47,18 +48,18 @@
         "glob": "^7.1.6",
         "jsdom": "^27.2.0",
         "postcss": "^8.5.6",
-        "rollup": "^4.53.3",
+        "rollup": "^4.56.0",
         "rollup-plugin-cleaner": "^1.0.0",
         "rollup-plugin-copy": "^3.5.0",
         "rollup-plugin-ts-paths-resolve": "^1.7.1",
-        "sass": "^1.54.0",
+        "sass": "1.70.0",
         "style-dictionary": "^3.9.0",
         "tinycolor2": "^1.4.1",
         "typescript": "^5.4.3",
         "version-changelog": "^3.1.1",
-        "vite": "^6.3.5",
+        "vite": "^7.3.1",
         "vite-tsconfig-paths": "^5.1.4",
-        "vitest": "^3.0.0"
+        "vitest": "^4.0.18"
     },
     "stableVersion": "4.1.0"
 }

package/scss/components/slideshow/_index.scss

@@ -38,6 +38,20 @@
             flex: 1 1 auto;
             min-height: 0;
         }
+
+        &--mode-scroll-snap {
+            overflow-x: auto;
+            scroll-snap-type: x mandatory;
+            scrollbar-width: none;
+
+            @media (prefers-reduced-motion: no-preference) {
+                scroll-behavior: smooth;
+            }
+
+            &::-webkit-scrollbar {
+                display: none;
+            }
+        }
     }
 
     &__controls {
@@ -57,6 +71,7 @@
     overflow: hidden;
     max-width: 100%;
     flex: 0 0 100%;
+    scroll-snap-align: start;
 }
 
 /* Slideshow item
@@ -147,7 +162,7 @@
                 width: $item-size*2;
                 border-radius: $lumx-border-radius;
                 border-width: 0;
-                
+
                 &[data-focus-visible-added] {
                     @include lumx-state(lumx-base-const("state", "FOCUS"), lumx-base-const("emphasis", "LOW"), "primary");
                 }

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

@@ -52,6 +52,7 @@
 
     &__name {
         outline: none;
+        overflow-wrap: break-word;
 
         #{$self}--size-xs & {
             @include lumx-typography("body1");
@@ -83,11 +84,13 @@
 
     &__field {
         @include lumx-typography("body1");
+        overflow-wrap: break-word;
 
         #{$self}--size-m & {
             &::after {
                 margin: 0 math.div($lumx-spacing-unit, 2);
                 content: "•";
+                word-break: break-all;
             }
 
             &:last-child::after {