@lumx/core 4.0.1-alpha.1 → 4.0.1-alpha.11

package/js/types/JSXElement.d.ts

@@ -0,0 +1,2 @@
+import type React from 'react';
+export type JSXElement = boolean | number | string | React.JSX.Element | Iterable<JSXElement> | undefined | null;

package/js/types/index.d.ts

@@ -5,6 +5,7 @@ export type { HasClassName } from './HasClassName';
 export type { HasCloseMode } from './HasCloseMode';
 export type { HasTheme } from './HasTheme';
 export type { GenericProps } from './GenericProps';
+export type { JSXElement } from './JSXElement';
 export type { HeadingElement } from './HeadingElement';
 export type { Point } from './Point';
 export type { Predicate } from './Predicate';

package/js/utils/events/keyboard.d.ts

@@ -1,24 +1,26 @@
-import type { KeyboardEvent as ReactKeyboardEvent } from 'react';
-type KeyboardEventHandler<E extends KeyboardEvent | ReactKeyboardEvent> = (event: E) => void;
+type KeyboardEvent = {
+    key: string;
+};
+type KeyboardEventHandler<E extends KeyboardEvent> = (event: E) => void;
 /**
  * Make sure the pressed key is the enter key before calling the callback.
  *
  * @param  handler The handler to call on enter/return press.
  * @return The decorated function.
  */
-export declare function onEnterPressed<E extends KeyboardEvent | ReactKeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
+export declare function onEnterPressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
 /**
  * Make sure the pressed key is the escape key before calling the callback.
  *
  * @param  handler The handler to call on enter/return press.
  * @return The decorated function.
  */
-export declare function onEscapePressed<E extends KeyboardEvent | ReactKeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
+export declare function onEscapePressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
 /**
  * Handle button key pressed (Enter + Space).
  *
  * @param  handler The handler to call.
  * @return The decorated function.
  */
-export declare function onButtonPressed<E extends KeyboardEvent | ReactKeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
+export declare function onButtonPressed<E extends KeyboardEvent>(handler: KeyboardEventHandler<E>): KeyboardEventHandler<E>;
 export {};

package/js/utils/theme/invertTheme.d.ts

@@ -0,0 +1,3 @@
+import { Theme } from '@lumx/core/js/constants';
+/** Invert the color of the given theme. */
+export declare const invertTheme: (theme: Theme) => Theme;

package/lumx.css

@@ -10883,19 +10883,6 @@ 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;
 }
@@ -10910,7 +10897,6 @@ table {
   overflow: hidden;
   max-width: 100%;
   flex: 0 0 100%;
-  scroll-snap-align: start;
 }
 
 /* Slideshow item

package/package.json

@@ -6,6 +6,7 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
+        "@lumx/icons": "^4.0.1-alpha.11",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.21",
@@ -35,16 +36,20 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.0.1-alpha.1",
+    "version": "4.0.1-alpha.11",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
-        "@types/react": "^17.0.2",
+        "@testing-library/dom": "^10.4.1",
+        "@testing-library/jest-dom": "^6.6.3",
+        "@types/react": "^18.3.24",
         "autoprefixer": "^9.7.4",
         "glob": "^7.1.6",
+        "jsdom": "^27.2.0",
         "postcss": "^8.5.6",
         "rollup": "^4.53.3",
         "rollup-plugin-cleaner": "^1.0.0",
         "rollup-plugin-copy": "^3.5.0",
+        "rollup-plugin-ts-paths-resolve": "^1.7.1",
         "sass": "^1.54.0",
         "style-dictionary": "^3.9.0",
         "tinycolor2": "^1.4.1",

package/scss/components/slideshow/_index.scss

@@ -38,20 +38,6 @@
             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 {
@@ -71,7 +57,6 @@
     overflow: hidden;
     max-width: 100%;
     flex: 0 0 100%;
-    scroll-snap-align: start;
 }
 
 /* Slideshow item
@@ -162,7 +147,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");
                 }