@djangocfg/ui-tools 2.1.123 → 2.1.125

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 (3) hide show
  1. package/package.json +8 -8
  2. package/src/tools/Gallery/components/compact/GalleryCompact.tsx +1 -1
  3. package/src/tools/Gallery/components/media/GalleryImage.tsx +7 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@djangocfg/ui-tools",
3
- "version": "2.1.123",
3
+ "version": "2.1.125",
4
4
  "description": "Heavy React tools with lazy loading - for Electron, Vite, CRA, Next.js apps",
5
5
  "keywords": [
6
6
  "ui-tools",
@@ -62,12 +62,12 @@
62
62
  "check": "tsc --noEmit"
63
63
  },
64
64
  "peerDependencies": {
65
- "@djangocfg/i18n": "^2.1.123",
66
- "@djangocfg/ui-core": "^2.1.123",
65
+ "@djangocfg/i18n": "^2.1.125",
66
+ "@djangocfg/ui-core": "^2.1.125",
67
67
  "lucide-react": "^0.545.0",
68
68
  "react": "^19.0.0",
69
69
  "react-dom": "^19.0.0",
70
- "tailwindcss": "^4.0.0",
70
+ "tailwindcss": "^4.1.18",
71
71
  "zustand": "^5.0.0",
72
72
  "consola": "^3.4.2"
73
73
  },
@@ -95,10 +95,10 @@
95
95
  "@maplibre/maplibre-gl-geocoder": "^1.7.0"
96
96
  },
97
97
  "devDependencies": {
98
- "@djangocfg/i18n": "^2.1.123",
98
+ "@djangocfg/i18n": "^2.1.125",
99
99
  "@djangocfg/playground": "workspace:*",
100
- "@djangocfg/typescript-config": "^2.1.123",
101
- "@djangocfg/ui-core": "^2.1.123",
100
+ "@djangocfg/typescript-config": "^2.1.125",
101
+ "@djangocfg/ui-core": "^2.1.125",
102
102
  "@types/mapbox__mapbox-gl-draw": "^1.4.8",
103
103
  "@types/node": "^24.7.2",
104
104
  "@types/react": "^19.1.0",
@@ -106,7 +106,7 @@
106
106
  "lucide-react": "^0.545.0",
107
107
  "react": "^19.0.0",
108
108
  "react-dom": "^19.0.0",
109
- "tailwindcss": "^4.0.0",
109
+ "tailwindcss": "^4.1.18",
110
110
  "tsup": "^8.5.0",
111
111
  "typescript": "^5.9.3"
112
112
  },
package/src/tools/Gallery/components/compact/GalleryCompact.tsx CHANGED
@@ -268,7 +268,7 @@ export const GalleryCompact = memo(function GalleryCompact({
268
268
  opts={{
269
269
  loop: true,
270
270
  }}
271
- className="absolute inset-0"
271
+ className="w-full h-full"
272
272
  >
273
273
  <CarouselContent className="-ml-0 h-full">
274
274
  {images.map((image, index) => {
package/src/tools/Gallery/components/media/GalleryImage.tsx CHANGED
@@ -26,7 +26,12 @@ export const GalleryImage = memo(function GalleryImage({
26
26
  const { isLoading, isLoaded, hasError } = useImageLoader(image.src, callbacks)
27
27
 
28
28
  const backgroundStyle = useMemo(() =>
29
- isLoaded ? { backgroundImage: `url(${image.src})` } : undefined
29
+ isLoaded ? {
30
+ backgroundImage: `url(${image.src})`,
31
+ backgroundSize: 'cover',
32
+ backgroundPosition: 'center',
33
+ backgroundRepeat: 'no-repeat',
34
+ } : undefined
30
35
  , [isLoaded, image.src])
31
36
 
32
37
  if (hasError) {
@@ -48,7 +53,7 @@ export const GalleryImage = memo(function GalleryImage({
48
53
  return (
49
54
  <div
50
55
  className={cn(
51
- 'w-full h-full bg-cover bg-center bg-no-repeat',
56
+ 'w-full h-full',
52
57
  isLoading && 'bg-muted animate-pulse',
53
58
  isLoaded && 'animate-in fade-in-0 duration-300',
54
59
  className