@lumx/core 4.3.2-alpha.23 → 4.3.2-alpha.25

package/js/components/Thumbnail/Stories.d.ts

@@ -1,13 +1,12 @@
 import type { SetupStoriesOptions } from '@lumx/core/stories/types';
 import { AspectRatio } from '../../constants';
-import { ThumbnailVariant } from './types';
+import { ThumbnailObjectFit, ThumbnailVariant } from './types';
 /**
  * Setup Thumbnail stories for a specific framework (React or Vue).
  * This function creates all the stories with the appropriate decorators.
  */
-export declare function setup({ component, render, decorators: { withNestedProps }, overrides, }: SetupStoriesOptions<{
-    overrides: 'Simple' | 'FillHeightAndRatio' | 'ObjectFit';
-    decorators: 'withNestedProps';
+export declare function setup({ component, render, decorators: { withNestedProps, withWrapper, withCombinations }, }: SetupStoriesOptions<{
+    decorators: 'withNestedProps' | 'withWrapper' | 'withCombinations';
 }>): {
     meta: {
         component: any;
@@ -76,7 +75,7 @@ export declare function setup({ component, render, decorators: { withNestedProps
             imgRef?: import("../../types").CommonRef;
             ref?: import("../../types").CommonRef;
             isLoading?: boolean | undefined;
-            objectFit?: import("./types").ThumbnailObjectFit | undefined;
+            objectFit?: ThumbnailObjectFit | undefined;
             size?: import("./types").ThumbnailSize | undefined;
             loading?: "eager" | "lazy" | undefined;
             loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement> | undefined;
@@ -95,7 +94,10 @@ export declare function setup({ component, render, decorators: { withNestedProps
     };
     /** Simple thumbnail taking the size of the original image */
     Simple: {
-        [x: string]: any;
+        args: {
+            image: string;
+        };
+        decorators: ((story: any, context: any) => any)[];
     };
     /** Loading state */
     IsLoading: {
@@ -151,7 +153,11 @@ export declare function setup({ component, render, decorators: { withNestedProps
     };
     /** Combinations of fillHeight and ratios */
     FillHeightAndRatio: {
-        [x: string]: any;
+        args: {
+            image: string;
+            fillHeight: boolean;
+        };
+        decorators: ((story: any, context: any) => any)[];
     };
     /** Simple thumbnail with svg image */
     WithSvgImages: {
@@ -162,7 +168,11 @@ export declare function setup({ component, render, decorators: { withNestedProps
             'focusPoint.x': number;
         };
     };
+    /** Thumbnail letter-boxing */
     ObjectFit: {
-        [x: string]: any;
+        args: {
+            size: "xl";
+        };
+        decorators: ((story: any, context: any) => any)[];
     };
 };

package/js/types/index.d.ts

@@ -25,4 +25,5 @@ export type { HasChecked } from './HasChecked';
 export type { HasDisabled } from './HasDisabled';
 export type { AriaAttributes } from './AriaAttributes';
 export type { Selector } from './Selector';
+export type { PropsToOverride } from './jsx/PropsToOverride';
 export type { PartialBy, PartialExcept } from './PartialBy';

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

@@ -0,0 +1,2 @@
+/** list of generic props defined on JSX that need to be redefined for each framework */
+export type PropsToOverride = 'ref' | 'onClick' | 'onChange' | 'onKeyPress';

package/package.json

@@ -6,7 +6,7 @@
         "url": "https://github.com/lumapps/design-system/issues"
     },
     "dependencies": {
-        "@lumx/icons": "^4.3.2-alpha.23",
+        "@lumx/icons": "^4.3.2-alpha.25",
         "classnames": "^2.3.2",
         "focus-visible": "^5.0.2",
         "lodash": "4.17.23",
@@ -66,7 +66,7 @@
         "update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
     },
     "sideEffects": false,
-    "version": "4.3.2-alpha.23",
+    "version": "4.3.2-alpha.25",
     "devDependencies": {
         "@rollup/plugin-typescript": "^12.3.0",
         "@testing-library/dom": "^10.4.1",

package/stories/types.d.ts

@@ -12,11 +12,7 @@ interface StoryDecorators {
     /** manages nested props */
     withNestedProps?: () => Decorator;
     /** Decorator wrapping story in a resizable box */
-    withResizableBox?: (options?: {
-        width?: number | string;
-        height?: number | string;
-        [key: string]: any;
-    }) => Decorator;
+    withResizableBox?: (options?: Record<string, any>) => Decorator;
 }
 /** A partial Storybook story object (args, argTypes, render, decorators, etc.) */
 type StoryOverride = Record<string, any>;