@gpichot/spectacle-deck 1.7.0 → 1.8.0
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/index.cjs +9 -3
- package/index.mjs +9 -3
- package/layouts/FullImageLayout.d.ts +4 -1
- package/package.json +1 -1
package/index.cjs
CHANGED
|
@@ -1096,7 +1096,10 @@ function FullImageLayout({
|
|
|
1096
1096
|
children,
|
|
1097
1097
|
image,
|
|
1098
1098
|
position = "bottom",
|
|
1099
|
-
dim = 0.4
|
|
1099
|
+
dim = 0.4,
|
|
1100
|
+
fit = "cover",
|
|
1101
|
+
backgroundColor,
|
|
1102
|
+
margin
|
|
1100
1103
|
}) {
|
|
1101
1104
|
const [images, rest] = getMatchingMdxType(children, "Image");
|
|
1102
1105
|
const firstImage = images[0];
|
|
@@ -1121,8 +1124,11 @@ function FullImageLayout({
|
|
|
1121
1124
|
position: "absolute",
|
|
1122
1125
|
inset: 0,
|
|
1123
1126
|
backgroundImage: backgroundImage ? `url(${backgroundImage})` : void 0,
|
|
1124
|
-
backgroundSize:
|
|
1125
|
-
backgroundPosition: "center"
|
|
1127
|
+
backgroundSize: fit,
|
|
1128
|
+
backgroundPosition: "center",
|
|
1129
|
+
backgroundRepeat: "no-repeat",
|
|
1130
|
+
backgroundColor,
|
|
1131
|
+
margin
|
|
1126
1132
|
}
|
|
1127
1133
|
}
|
|
1128
1134
|
),
|
package/index.mjs
CHANGED
|
@@ -1038,7 +1038,10 @@ function FullImageLayout({
|
|
|
1038
1038
|
children,
|
|
1039
1039
|
image,
|
|
1040
1040
|
position = "bottom",
|
|
1041
|
-
dim = 0.4
|
|
1041
|
+
dim = 0.4,
|
|
1042
|
+
fit = "cover",
|
|
1043
|
+
backgroundColor,
|
|
1044
|
+
margin
|
|
1042
1045
|
}) {
|
|
1043
1046
|
const [images, rest] = getMatchingMdxType(children, "Image");
|
|
1044
1047
|
const firstImage = images[0];
|
|
@@ -1063,8 +1066,11 @@ function FullImageLayout({
|
|
|
1063
1066
|
position: "absolute",
|
|
1064
1067
|
inset: 0,
|
|
1065
1068
|
backgroundImage: backgroundImage ? `url(${backgroundImage})` : void 0,
|
|
1066
|
-
backgroundSize:
|
|
1067
|
-
backgroundPosition: "center"
|
|
1069
|
+
backgroundSize: fit,
|
|
1070
|
+
backgroundPosition: "center",
|
|
1071
|
+
backgroundRepeat: "no-repeat",
|
|
1072
|
+
backgroundColor,
|
|
1073
|
+
margin
|
|
1068
1074
|
}
|
|
1069
1075
|
}
|
|
1070
1076
|
),
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare function FullImageLayout({ children, image, position, dim, }: {
|
|
2
|
+
export declare function FullImageLayout({ children, image, position, dim, fit, backgroundColor, margin, }: {
|
|
3
3
|
children: React.ReactNode;
|
|
4
4
|
image?: string;
|
|
5
5
|
position?: "center" | "bottom" | "top";
|
|
6
6
|
dim?: number;
|
|
7
|
+
fit?: "cover" | "contain";
|
|
8
|
+
backgroundColor?: string;
|
|
9
|
+
margin?: string;
|
|
7
10
|
}): import("react/jsx-runtime").JSX.Element;
|