@cntrl-site/components 0.1.14-alpha.0 → 0.1.14-alpha.1
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.
- package/dist/index.js +2 -2
- package/dist/index.mjs +2 -2
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2416,7 +2416,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
|
|
|
2416
2416
|
...slider.direction === "vert" && thumbnail.fit !== "fit" ? { width: scalingValue(activeSizeValue, isEditor) } : {},
|
|
2417
2417
|
...thumbnail.fit === "cover" ? { width: scalingValue(activeSizeValue, isEditor), height: scalingValue(activeSizeValue, isEditor) } : {},
|
|
2418
2418
|
...getFitDimensions(),
|
|
2419
|
-
transition: isActive ? "all 0.
|
|
2419
|
+
transition: isActive ? "all 0.3s ease-out" : "none",
|
|
2420
2420
|
opacity: isActive ? thumbnail.activeState.opacity / 100 : thumbnail.opacity / 100,
|
|
2421
2421
|
["--thumb-hover"]: thumbnail.activeState.opacity / 100
|
|
2422
2422
|
},
|
|
@@ -2449,7 +2449,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
|
|
|
2449
2449
|
style: {
|
|
2450
2450
|
objectFit: thumbnail.fit === "cover" ? "cover" : "contain",
|
|
2451
2451
|
...thumbnail.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
|
|
2452
|
-
...thumbnail.fit === "cover"
|
|
2452
|
+
...thumbnail.fit === "cover" ? { width: "100%", height: "100%" } : {}
|
|
2453
2453
|
}
|
|
2454
2454
|
}
|
|
2455
2455
|
)
|
package/dist/index.mjs
CHANGED
|
@@ -2414,7 +2414,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
|
|
|
2414
2414
|
...slider.direction === "vert" && thumbnail.fit !== "fit" ? { width: scalingValue(activeSizeValue, isEditor) } : {},
|
|
2415
2415
|
...thumbnail.fit === "cover" ? { width: scalingValue(activeSizeValue, isEditor), height: scalingValue(activeSizeValue, isEditor) } : {},
|
|
2416
2416
|
...getFitDimensions(),
|
|
2417
|
-
transition: isActive ? "all 0.
|
|
2417
|
+
transition: isActive ? "all 0.3s ease-out" : "none",
|
|
2418
2418
|
opacity: isActive ? thumbnail.activeState.opacity / 100 : thumbnail.opacity / 100,
|
|
2419
2419
|
["--thumb-hover"]: thumbnail.activeState.opacity / 100
|
|
2420
2420
|
},
|
|
@@ -2447,7 +2447,7 @@ const Lightbox = ({ isOpen, onClose, content, lightboxStyles, settings, portalId
|
|
|
2447
2447
|
style: {
|
|
2448
2448
|
objectFit: thumbnail.fit === "cover" ? "cover" : "contain",
|
|
2449
2449
|
...thumbnail.fit === "fit" ? { maxWidth: "100%", maxHeight: "100%", objectFit: "contain" } : {},
|
|
2450
|
-
...thumbnail.fit === "cover"
|
|
2450
|
+
...thumbnail.fit === "cover" ? { width: "100%", height: "100%" } : {}
|
|
2451
2451
|
}
|
|
2452
2452
|
}
|
|
2453
2453
|
)
|