@lumx/core 4.1.1-alpha.0 → 4.1.1-alpha.2

package/js/types/AriaAttributes.d.ts

@@ -0,0 +1,2 @@
+import type { AriaAttributes } from 'react';
+export type { AriaAttributes };

package/js/types/HasAriaDisabled.d.ts

@@ -0,0 +1,5 @@
+import { Booleanish } from './Booleanish';
+export interface HasAriaDisabled {
+    /** Similar to `disabled` but does not block pointer events or focus */
+    'aria-disabled'?: Booleanish;
+}

package/js/types/index.d.ts

@@ -19,3 +19,5 @@ export type { ObjectValues } from './ObjectValues';
 export type { HasRequiredLinkHref } from './HasRequiredLinkHref';
 export type { HasPolymorphicAs } from './HasPolymorphicAs';
 export type { CommonRef } from './CommonRef';
+export type { HasAriaDisabled } from './HasAriaDisabled';
+export type { AriaAttributes } from './AriaAttributes';

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
@@ -12797,6 +12813,7 @@ table {
 .lumx-user-block {
   display: flex;
   align-items: center;
+  min-width: 0;
 }
 .lumx-user-block--orientation-vertical {
   flex-direction: column;
@@ -12819,13 +12836,12 @@ table {
 .lumx-user-block__wrapper {
   display: flex;
   flex-direction: column;
+  min-width: 0;
 }
 .lumx-user-block--orientation-vertical .lumx-user-block__wrapper {
   align-items: center;
 }
 .lumx-user-block__name {
-  width: -moz-fit-content;
-  width: fit-content;
   outline: none;
   font-size: 14px;
   font-weight: var(--lumx-typography-interface-subtitle1-font-weight);

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/icons": "^4.1.1-alpha.0",
+        "@lumx/icons": "^4.1.1-alpha.2",
         "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.0",
+    "version": "4.1.1-alpha.2",
     "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

@@ -9,6 +9,7 @@
 
     display: flex;
     align-items: center;
+    min-width: 0;
 
     &--orientation-vertical {
         flex-direction: column;
@@ -42,6 +43,7 @@
     &__wrapper {
         display: flex;
         flex-direction: column;
+        min-width: 0;
 
         #{$self}--orientation-vertical & {
             align-items: center;
@@ -49,14 +51,12 @@
     }
 
     &__name {
-        width: fit-content;
         outline: none;
 
         #{$self}--size-xs & {
             @include lumx-typography("body1");
         }
 
-
         @include lumx-typography("subtitle1");
 
         #{$self}--orientation-vertical & {