@asdp/ferryui 0.1.13 → 0.1.15
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.d.mts +8 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +10 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +10 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -223,6 +223,14 @@ interface CardPromoProps {
|
|
|
223
223
|
* custom className
|
|
224
224
|
*/
|
|
225
225
|
className?: string;
|
|
226
|
+
/**
|
|
227
|
+
* custom image className
|
|
228
|
+
*/
|
|
229
|
+
imageClassName?: string;
|
|
230
|
+
/**
|
|
231
|
+
* custom description className
|
|
232
|
+
*/
|
|
233
|
+
descriptionClassName?: string;
|
|
226
234
|
}
|
|
227
235
|
declare const CardPromo: React$1.FC<CardPromoProps>;
|
|
228
236
|
|
package/dist/index.d.ts
CHANGED
|
@@ -223,6 +223,14 @@ interface CardPromoProps {
|
|
|
223
223
|
* custom className
|
|
224
224
|
*/
|
|
225
225
|
className?: string;
|
|
226
|
+
/**
|
|
227
|
+
* custom image className
|
|
228
|
+
*/
|
|
229
|
+
imageClassName?: string;
|
|
230
|
+
/**
|
|
231
|
+
* custom description className
|
|
232
|
+
*/
|
|
233
|
+
descriptionClassName?: string;
|
|
226
234
|
}
|
|
227
235
|
declare const CardPromo: React$1.FC<CardPromoProps>;
|
|
228
236
|
|
package/dist/index.js
CHANGED
|
@@ -350,7 +350,9 @@ var CardPromo = ({
|
|
|
350
350
|
onClick,
|
|
351
351
|
showButton = false,
|
|
352
352
|
buttonText = "Lihat Detail",
|
|
353
|
-
className
|
|
353
|
+
className,
|
|
354
|
+
imageClassName,
|
|
355
|
+
descriptionClassName
|
|
354
356
|
}) => {
|
|
355
357
|
const classes = useStyles3();
|
|
356
358
|
const ariaLabel = totalCards ? `Card ${index + 1} of ${totalCards}` : `Promo card ${index + 1}`;
|
|
@@ -363,7 +365,7 @@ var CardPromo = ({
|
|
|
363
365
|
onClick,
|
|
364
366
|
style: { cursor: onClick ? "pointer" : "default" },
|
|
365
367
|
children: [
|
|
366
|
-
/* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.imageContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
368
|
+
/* @__PURE__ */ jsxRuntime.jsx("div", { className: reactComponents.mergeClasses(classes.imageContainer, imageClassName), children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
367
369
|
"img",
|
|
368
370
|
{
|
|
369
371
|
className: classes.image,
|
|
@@ -375,7 +377,7 @@ var CardPromo = ({
|
|
|
375
377
|
/* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Row, { className: classes.infoWrapper, children: [
|
|
376
378
|
/* @__PURE__ */ jsxRuntime.jsxs(reactGridSystem.Col, { className: classes.info, xs: 12, sm: 12, md: 12, lg: showButton ? 8 : 12, xl: showButton ? 8 : 12, xxl: showButton ? 8 : 12, xxxl: showButton ? 8 : 12, children: [
|
|
377
379
|
/* @__PURE__ */ jsxRuntime.jsx(reactComponents.Subtitle2, { className: classes.title, children: title }),
|
|
378
|
-
/* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: classes.title, children: description })
|
|
380
|
+
/* @__PURE__ */ jsxRuntime.jsx(reactComponents.Body1, { className: reactComponents.mergeClasses(classes.title, descriptionClassName), children: description })
|
|
379
381
|
] }),
|
|
380
382
|
showButton && /* @__PURE__ */ jsxRuntime.jsx(reactGridSystem.Col, { className: classes.buttonWrapper, xs: 12, sm: 12, md: 12, lg: showButton ? 4 : 0, xl: showButton ? 4 : 0, xxl: showButton ? 4 : 0, xxxl: showButton ? 4 : 0, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
381
383
|
reactComponents.Button,
|
|
@@ -401,14 +403,17 @@ var useStyles4 = reactComponents.makeStyles({
|
|
|
401
403
|
margin: 0,
|
|
402
404
|
padding: 0,
|
|
403
405
|
backgroundColor: "transparent",
|
|
404
|
-
border: "none"
|
|
406
|
+
border: "none",
|
|
407
|
+
height: "450px",
|
|
408
|
+
borderRadius: reactComponents.tokens.borderRadiusXLarge
|
|
405
409
|
},
|
|
406
410
|
bannerImage: {
|
|
407
411
|
width: "100%",
|
|
408
412
|
height: "auto",
|
|
409
413
|
objectFit: "cover",
|
|
410
414
|
display: "block",
|
|
411
|
-
cursor: "pointer"
|
|
415
|
+
cursor: "pointer",
|
|
416
|
+
borderRadius: reactComponents.tokens.borderRadiusXLarge
|
|
412
417
|
}
|
|
413
418
|
});
|
|
414
419
|
var CardBanner = ({
|