yet-another-react-lightbox - npm Package Compare versions

Comparing version 3.17.1 to 3.17.2

dist/index.d.ts

@@ -10,14 +10,14 @@ import * as React from 'react';
 
-declare const clsx: (...classes: (string | boolean | undefined)[]) => string;
-declare const cssClass: (name: string) => string;
-declare const cssVar: (name: string) => string;
-declare const composePrefix: (base: string, prefix?: string) => string;
-declare const makeComposePrefix: (base: string) => (prefix?: string) => string;
-declare const label: (labels: Labels | undefined, lbl: string) => string;
-declare const cleanup: (...cleaners: (() => void)[]) => () => void;
-declare const makeUseContext: <T>(name: string, contextName: string, context: React.Context<T | null>) => () => NonNullable<T>;
-declare const hasWindow: () => boolean;
+declare function clsx(...classes: (string | boolean | undefined)[]): string;
+declare function cssClass(name: string): string;
+declare function cssVar(name: string): string;
+declare function composePrefix(base: string, prefix?: string): string;
+declare function makeComposePrefix(base: string): (prefix?: string) => string;
+declare function label(labels: Labels | undefined, defaultLabel: string): string;
+declare function cleanup(...cleaners: (() => void)[]): () => void;
+declare function makeUseContext<T>(name: string, contextName: string, context: React.Context<T | null>): () => NonNullable<T>;
+declare function hasWindow(): boolean;
 declare function round(value: number, decimals?: number): number;
-declare const isImageSlide: (slide: Slide) => slide is SlideImage;
-declare const isImageFitCover: (image: SlideImage, imageFit?: LightboxProps["carousel"]["imageFit"]) => boolean;
+declare function isImageSlide(slide: Slide): slide is SlideImage;
+declare function isImageFitCover(image: SlideImage, imageFit?: LightboxProps["carousel"]["imageFit"]): boolean;
 declare function parseInt(value: string | number): number;
@@ -35,7 +35,7 @@ declare function parseLengthPercentage(input: LengthOrPercentage): {
 };
-declare const devicePixelRatio: () => number;
-declare const getSlideIndex: (index: number, slidesCount: number) => number;
-declare const hasSlides: (slides: Slide[]) => slides is [SlideImage, ...SlideImage[]];
-declare const getSlide: (slides: [Slide, ...Slide[]], index: number) => SlideImage;
-declare const getSlideIfPresent: (slides: Slide[], index: number) => SlideImage | undefined;
+declare function devicePixelRatio(): number;
+declare function getSlideIndex(index: number, slidesCount: number): number;
+declare function hasSlides(slides: Slide[]): slides is [Slide, ...Slide[]];
+declare function getSlide(slides: [Slide, ...Slide[]], index: number): SlideImage;
+declare function getSlideIfPresent(slides: Slide[], index: number): SlideImage | undefined;
 declare function addToolbarButton(toolbar: ToolbarSettings, key: string, button: React.ReactNode): ToolbarSettings;
@@ -42,0 +42,0 @@ declare function stopNavigationEventsPropagation(): {

dist/plugins/inline/index.js

@@ -1,2 +0,2 @@
-import { clsx, cssClass, createModule } from '../../index.js';
+import { clsx, cssClass, cssVar, createModule } from '../../index.js';
 import * as React from 'react';
@@ -6,3 +6,3 @@ import { ACTION_CLOSE, MODULE_NO_SCROLL, MODULE_PORTAL, PLUGIN_INLINE } from '../../types.js';
 function InlineContainer({ inline: { className, style, ...rest } = {}, styles, children }) {
-    return (React.createElement("div", { className: clsx(cssClass("root"), cssClass("relative"), className), style: { ...styles.root, ...style }, ...rest }, children));
+    return (React.createElement("div", { className: clsx(cssClass("root"), cssClass("relative"), className), style: { [cssVar("controller_overscroll_behavior")]: "contain auto", ...styles.root, ...style }, ...rest }, children));
 }
@@ -9,0 +9,0 @@

dist/types.d.ts

@@ -228,3 +228,3 @@ import * as React from 'react';
     focus: boolean;
-    /** controller `touch-action` */
+    /** @deprecated for internal use only */
     touchAction: "none" | "pan-y";
@@ -231,0 +231,0 @@ /** if `true`, set ARIA attributes on the controller div */

package.json

 {
   "name": "yet-another-react-lightbox",
-  "version": "3.17.1",
+  "version": "3.17.2",
   "description": "Modern React lightbox component",
@@ -5,0 +5,0 @@ "author": "Igor Danchenko",

No alert changes

Improved metrics

Total package byte prevSize

219815

increased by0.17%

Lines of code

4122

increased by0.81%

Published versions last year

32

increased by3.23%

No dependency changes