@lumx/core 4.5.2-alpha.3 → 4.5.2-alpha.4

package/js/components/Chip/Tests.d.ts

@@ -0,0 +1,11 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    chip: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/components/PopoverDialog/Tests.d.ts

@@ -0,0 +1,11 @@
+import { SetupOptions } from '../../../testing';
+/**
+ * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
+ */
+export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
+    props: any;
+    element: HTMLElement;
+    wrapper: Partial<import("../../../testing").SetupResult>;
+};
+declare const _default: (renderOptions: SetupOptions<any>) => void;
+export default _default;

package/js/types/jsx/PropsToOverride.d.ts

@@ -1,2 +1,2 @@
 /** list of generic props defined on JSX that need to be redefined for each framework */
-export type PropsToOverride = 'ref' | 'handleClick' | 'handleChange' | 'handleKeyPress' | 'handleClose';
+export type PropsToOverride = 'ref' | 'handleClick' | 'handleChange' | 'handleKeyPress' | 'handleClose' | 'handleBeforeClick' | 'handleAfterClick' | 'handleKeyDown';

package/package.json

@@ -7,7 +7,7 @@
     },
     "dependencies": {
         "@floating-ui/dom": "^1.7.5",
-        "@lumx/icons": "^4.5.2-alpha.3",
+        "@lumx/icons": "^4.5.2-alpha.4",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.23",
@@ -67,7 +67,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.5.2-alpha.3",
+    "version": "4.5.2-alpha.4",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@testing-library/dom": "^10.4.1",
@@ -78,7 +78,7 @@
         "glob": "^7.1.6",
         "jsdom": "^27.2.0",
         "postcss": "^8.5.6",
-        "rollup": "^4.56.0",
+        "rollup": "^4.59.0",
         "rollup-plugin-cleaner": "^1.0.0",
         "rollup-plugin-copy": "^3.5.0",
         "rollup-plugin-ts-paths-resolve": "^1.7.1",

package/stories/types.d.ts

@@ -1,4 +1,5 @@
 import type { CombinationsOptions } from './utils/combinations';
+import { ThemeVariablesOptions } from './utils/themeVariables';
 /** Storybook decorator function */
 type Decorator = (story: any, context: any) => any;
 /** Framework-specific decorators (injectable by React/Vue consumers) */
@@ -20,6 +21,8 @@ interface StoryDecorators {
     }) => Decorator;
     /** Decorator forcing a minimum screen size for Chromatic snapshots */
     withChromaticForceScreenSize?: () => Decorator;
+    /** Decorator for adding custom theming to a story */
+    withTheming?: (options: ThemeVariablesOptions) => Decorator;
 }
 /** A partial Storybook story object (args, argTypes, render, decorators, etc.) */
 type StoryOverride = Record<string, any>;

package/stories/utils/themeVariables.d.ts

@@ -0,0 +1,39 @@
+/** Property value - either a string or an object with a value property */
+export type Property = string | {
+    value: string;
+};
+/** Nested tree structure of properties (matches DESIGN_TOKENS structure) */
+export interface PropertyTree {
+    [key: string]: PropertyTree | Property;
+}
+/** Variable entry as [name, value] tuple */
+export type Entry = [key: string, value: string];
+/** Map of variable names to their values */
+export type Variables = Record<string, string>;
+/** Options for theming variables configuration */
+export interface ThemeVariablesOptions<P extends PropertyTree = PropertyTree> {
+    /** Property tree from DESIGN_TOKENS */
+    properties?: P;
+    /** Initial CSS variable values (either CSS string or property tree) */
+    values?: string | Partial<P>;
+}
+/** Result of theme data preparation */
+export interface ThemeData {
+    /** Initial style variables parsed from values option */
+    initialStyle: Variables;
+    /** Default style variables from properties tree */
+    defaultStyle: Variables;
+    /** Set of all variable names (union of initial and default) */
+    varNames: Set<string>;
+    /** Function that filters styles based on story args */
+    filteredStyles: (args: any) => () => Variables;
+}
+/**
+ * Prepare theme variable data for use in theming decorators.
+ * Converts property trees and CSS strings into filtered variable maps.
+ *
+ * @param options - Theming configuration (properties tree and initial values)
+ * @param args - Story args used for filtering (theme, emphasis, size, etc.)
+ * @returns Prepared theme data with initial/default styles and filtering function
+ */
+export declare function prepareThemeData(options: ThemeVariablesOptions): ThemeData;