@appcorp/app-corp-vista 0.2.31 → 0.2.34

package/organisms/vista-hero-v13/vista-hero-v13.js

@@ -18,13 +18,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaHeroV13 = void 0;
 var react_1 = __importDefault(require("react"));
 var react_slick_1 = __importDefault(require("react-slick"));
+var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
+var vista_button_type_1 = require("../../type/vista-button-type");
 // import "slick-carousel/slick/slick.css";
 // import "slick-carousel/slick/slick-theme.css";
 var VistaHeroV13 = function (_a) {
     var items = _a.items;
     var settings = {
         autoplay: true,
-        autoplaySpeed: 2000,
+        autoplaySpeed: 7000,
         cssEase: "linear",
         infinite: true,
         initialSlide: 1,
@@ -54,11 +56,7 @@ var VistaHeroV13 = function (_a) {
                         react_1.default.createElement("div", { className: "text-center" },
                             react_1.default.createElement("h1", { className: "text-5xl font-semibold tracking-tight text-balance text-white sm:text-7xl" }, item.heading),
                             react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-gray-400 sm:text-xl/8" }, item.description),
-                            react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" },
-                                react_1.default.createElement("a", { href: "#", className: "rounded-md bg-primary px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" }, "Get started"),
-                                react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-white" },
-                                    "Learn more ",
-                                    react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192")))))),
+                            react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" }, item.ctas.map(function (cta) { return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: cta.handleOnClick, key: cta.order, label: cta.label, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: cta.variant })); }))))),
                 react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" },
                     react_1.default.createElement("div", { style: {
                             clipPath: 'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.2.31",
+  "version": "0.2.34",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-hero-type.d.ts

@@ -1,10 +1,20 @@
+import { VISTA_BUTTON_VARIANT } from "./vista-button-type";
+export interface VistaHeroV13CtaItem {
+    className?: string;
+    enabled: boolean;
+    handleOnClick: () => void;
+    label: string;
+    order: number;
+    variant: VISTA_BUTTON_VARIANT;
+}
 export interface VistaHeroV13Item {
-    bannerSrc: string;
     bannerAlt: string;
+    bannerSrc: string;
+    ctas: VistaHeroV13CtaItem[];
+    description: string;
+    heading: string;
     subTitle?: string;
     subTitleUrl?: string;
-    heading: string;
-    description: string;
 }
 export interface VistaHeroV13Props {
     items: VistaHeroV13Item[];