@mantine-bites/lightbox 1.0.0-beta.3 → 1.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/README.md +3 -0
  2. package/dist/styles.css +1 -1
  3. package/dist/styles.layer.css +1 -1
  4. package/dist/types/Lightbox.story.d.ts +4 -4
  5. package/dist/types/Lightbox.story.d.ts.map +1 -1
  6. package/package.json +1 -1
package/README.md CHANGED
@@ -2,6 +2,9 @@
2
2
 
3
3
  Full-screen image lightbox with thumbnails, controls, and carousel navigation.
4
4
 
5
+ > [!IMPORTANT]
6
+ > This plugin is in beta and is subject to BREAKING CHANGES. It is not yet recommended to use this in a production environment.
7
+
5
8
  ## Documentation
6
9
 
7
10
  [https://rilrom.github.io/mantine-bites/lightbox](https://rilrom.github.io/mantine-bites/lightbox)
package/dist/styles.css CHANGED
@@ -1 +1 @@
1
- .me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;position:relative;width:100dvw}.me_f5ce649a{flex:1;min-height:0;overflow:hidden}.me_9450faf9{align-items:center;display:flex;height:100%;justify-content:center;line-height:1}.me_9450faf9 img{max-height:100%;max-width:100%;object-fit:contain}.me_fe5b16c3{right:var(--mantine-spacing-md)}.me_7b66e144,.me_fe5b16c3{position:absolute;top:var(--mantine-spacing-md);z-index:1}.me_7b66e144{color:var(--lightbox-color);font-weight:500;left:var(--mantine-spacing-md);user-select:none}.me_411d1cbf{display:flex;gap:var(--mantine-spacing-xs);justify-content:center;overflow-x:auto;padding:var(--mantine-spacing-md)}.me_a9abc686{border:2px solid transparent;border-radius:var(--mantine-radius-sm);cursor:pointer;flex-shrink:0;font-size:0;height:48px;line-height:1;opacity:.5;overflow:hidden;transition:opacity .15s ease,border-color .15s ease;width:48px}.me_a9abc686[data-active]{border-color:var(--mantine-primary-color-filled);opacity:1}.me_a9abc686 img{display:block;height:100%;object-fit:cover;width:100%}.me_ff615a9f{align-items:center;background-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-1);display:flex;height:100%;justify-content:center;width:100%}
1
+ .me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;position:relative;width:100dvw}.me_f5ce649a{flex:1;min-height:0;overflow:hidden}.me_9450faf9{align-items:center;display:flex;height:100%;justify-content:center;line-height:1}.me_9450faf9 img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.me_fe5b16c3{right:var(--mantine-spacing-md)}.me_7b66e144,.me_fe5b16c3{position:absolute;top:var(--mantine-spacing-md);z-index:1}.me_7b66e144{color:var(--lightbox-color);font-weight:500;left:var(--mantine-spacing-md);user-select:none}.me_411d1cbf{display:flex;gap:var(--mantine-spacing-xs);justify-content:center;overflow-x:auto;padding:var(--mantine-spacing-md)}.me_a9abc686{border:2px solid transparent;border-radius:var(--mantine-radius-sm);cursor:pointer;flex-shrink:0;font-size:0;height:76px;line-height:1;opacity:.5;overflow:hidden;position:relative;transition:opacity .15s ease,border-color .15s ease;width:94px}.me_a9abc686[data-active]{border-color:var(--mantine-primary-color-filled);opacity:1}.me_a9abc686 img{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.me_ff615a9f{align-items:center;background-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-1);display:flex;height:100%;justify-content:center;position:relative;width:100%}
package/dist/styles.layer.css CHANGED
@@ -1 +1 @@
1
- @layer mantine {.me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;position:relative;width:100dvw}.me_f5ce649a{flex:1;min-height:0;overflow:hidden}.me_9450faf9{align-items:center;display:flex;height:100%;justify-content:center;line-height:1}.me_9450faf9 img{max-height:100%;max-width:100%;object-fit:contain}.me_fe5b16c3{right:var(--mantine-spacing-md)}.me_7b66e144,.me_fe5b16c3{position:absolute;top:var(--mantine-spacing-md);z-index:1}.me_7b66e144{color:var(--lightbox-color);font-weight:500;left:var(--mantine-spacing-md);user-select:none}.me_411d1cbf{display:flex;gap:var(--mantine-spacing-xs);justify-content:center;overflow-x:auto;padding:var(--mantine-spacing-md)}.me_a9abc686{border:2px solid transparent;border-radius:var(--mantine-radius-sm);cursor:pointer;flex-shrink:0;font-size:0;height:48px;line-height:1;opacity:.5;overflow:hidden;transition:opacity .15s ease,border-color .15s ease;width:48px}.me_a9abc686[data-active]{border-color:var(--mantine-primary-color-filled);opacity:1}.me_a9abc686 img{display:block;height:100%;object-fit:cover;width:100%}.me_ff615a9f{align-items:center;background-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-1);display:flex;height:100%;justify-content:center;width:100%}}
1
+ @layer mantine {.me_4f1afa9a{color:var(--mantine-color-white);display:flex;flex-direction:column;height:100dvh;position:relative;width:100dvw}.me_f5ce649a{flex:1;min-height:0;overflow:hidden}.me_9450faf9{align-items:center;display:flex;height:100%;justify-content:center;line-height:1}.me_9450faf9 img{height:auto;max-height:100%;max-width:100%;object-fit:contain;width:auto}.me_fe5b16c3{right:var(--mantine-spacing-md)}.me_7b66e144,.me_fe5b16c3{position:absolute;top:var(--mantine-spacing-md);z-index:1}.me_7b66e144{color:var(--lightbox-color);font-weight:500;left:var(--mantine-spacing-md);user-select:none}.me_411d1cbf{display:flex;gap:var(--mantine-spacing-xs);justify-content:center;overflow-x:auto;padding:var(--mantine-spacing-md)}.me_a9abc686{border:2px solid transparent;border-radius:var(--mantine-radius-sm);cursor:pointer;flex-shrink:0;font-size:0;height:76px;line-height:1;opacity:.5;overflow:hidden;position:relative;transition:opacity .15s ease,border-color .15s ease;width:94px}.me_a9abc686[data-active]{border-color:var(--mantine-primary-color-filled);opacity:1}.me_a9abc686 img{height:100%;max-height:100%;max-width:100%;object-fit:cover;width:100%}.me_ff615a9f{align-items:center;background-color:var(--mantine-color-dark-4);color:var(--mantine-color-dark-1);display:flex;height:100%;justify-content:center;position:relative;width:100%}}
package/dist/types/Lightbox.story.d.ts CHANGED
@@ -2,8 +2,8 @@ declare const _default: {
2
2
  title: string;
3
3
  };
4
4
  export default _default;
5
- export declare function Default(): import("react/jsx-runtime").JSX.Element;
6
- export declare function WithLoop(): import("react/jsx-runtime").JSX.Element;
7
- export declare function WithPlaceholderThumbnails(): import("react/jsx-runtime").JSX.Element;
8
- export declare function WithCustomCounter(): import("react/jsx-runtime").JSX.Element;
5
+ export declare const Default: () => import("react/jsx-runtime").JSX.Element;
6
+ export declare const WithLoop: () => import("react/jsx-runtime").JSX.Element;
7
+ export declare const WithPlaceholderThumbnails: () => import("react/jsx-runtime").JSX.Element;
8
+ export declare const WithCustomCounter: () => import("react/jsx-runtime").JSX.Element;
9
9
  //# sourceMappingURL=Lightbox.story.d.ts.map
package/dist/types/Lightbox.story.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../src/Lightbox.story.tsx"],"names":[],"mappings":";;;AAKA,wBAAqC;AAyCrC,wBAAgB,OAAO,4CAmBtB;AAED,wBAAgB,QAAQ,4CA2BvB;AAED,wBAAgB,yBAAyB,4CAwDxC;AAED,wBAAgB,iBAAiB,4CAuBhC"}
1
+ {"version":3,"file":"Lightbox.story.d.ts","sourceRoot":"","sources":["../../src/Lightbox.story.tsx"],"names":[],"mappings":";;;AAUA,wBAAqC;AA6ErC,eAAO,MAAM,OAAO,+CAqBnB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CA6BpB,CAAC;AAEF,eAAO,MAAM,yBAAyB,+CA2ErC,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAyB7B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mantine-bites/lightbox",
3
- "version": "1.0.0-beta.3",
3
+ "version": "1.0.0-beta.4",
4
4
  "description": "full-screen image lightbox with thumbnails, controls, and carousel navigation",
5
5
  "license": "MIT",
6
6
  "type": "module",