@deriv-web-design/ui 0.1.10 → 0.1.11
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/block-registry.json +6 -2
- package/components.manifest.json +1 -1
- package/dist/index.css +25 -6
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +5 -2
- package/dist/index.d.ts +5 -2
- package/dist/index.js +8 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -593,8 +593,11 @@ interface HeroProps extends HTMLAttributes<HTMLElement> {
|
|
|
593
593
|
*/
|
|
594
594
|
productImage?: ReactNode | string;
|
|
595
595
|
/**
|
|
596
|
-
*
|
|
597
|
-
*
|
|
596
|
+
* Secondary foreground image. Accepts a ReactNode or image URL string.
|
|
597
|
+
* In the Showcase variant it sits below `productImage`, cropped to a 1:1 box.
|
|
598
|
+
* In the Split variant it is a small layer anchored to the hero's lower
|
|
599
|
+
* inline-end and painted behind `heroImage` so the subject overlaps it; it
|
|
600
|
+
* keeps its natural aspect ratio (no crop) and is hidden below 992px.
|
|
598
601
|
*/
|
|
599
602
|
floatingImage?: ReactNode | string;
|
|
600
603
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -593,8 +593,11 @@ interface HeroProps extends HTMLAttributes<HTMLElement> {
|
|
|
593
593
|
*/
|
|
594
594
|
productImage?: ReactNode | string;
|
|
595
595
|
/**
|
|
596
|
-
*
|
|
597
|
-
*
|
|
596
|
+
* Secondary foreground image. Accepts a ReactNode or image URL string.
|
|
597
|
+
* In the Showcase variant it sits below `productImage`, cropped to a 1:1 box.
|
|
598
|
+
* In the Split variant it is a small layer anchored to the hero's lower
|
|
599
|
+
* inline-end and painted behind `heroImage` so the subject overlaps it; it
|
|
600
|
+
* keeps its natural aspect ratio (no crop) and is hidden below 992px.
|
|
598
601
|
*/
|
|
599
602
|
floatingImage?: ReactNode | string;
|
|
600
603
|
}
|
package/dist/index.js
CHANGED
|
@@ -1927,6 +1927,14 @@ var Hero = ({
|
|
|
1927
1927
|
...props,
|
|
1928
1928
|
children: [
|
|
1929
1929
|
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__overlay", "aria-hidden": "true" }),
|
|
1930
|
+
floatingImage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
1931
|
+
Visual,
|
|
1932
|
+
{
|
|
1933
|
+
src: floatingImage,
|
|
1934
|
+
className: "hero__floating-image",
|
|
1935
|
+
alt: ""
|
|
1936
|
+
}
|
|
1937
|
+
),
|
|
1930
1938
|
heroImage && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Visual, { src: heroImage, className: "hero__image-slot", alt: "" }),
|
|
1931
1939
|
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__inner", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__content", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "hero__left", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__body", children: [
|
|
1932
1940
|
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "hero__text", children: [
|