@appcorp/app-corp-vista 0.2.14 → 0.2.15

package/organisms/vista-promo-section-v4/vista-promo-section-v4.d.ts

@@ -1,2 +1,3 @@
-import React from 'react';
-export declare const VistaPromoSectionV4: () => React.JSX.Element;
+import { FC } from 'react';
+import { VistaPromoSectionV4Props } from '../../type/vista-promo-section-type';
+export declare const VistaPromoSectionV4: FC<VistaPromoSectionV4Props>;

package/organisms/vista-promo-section-v4/vista-promo-section-v4.js

@@ -5,18 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaPromoSectionV4 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaPromoSectionV4 = function () {
+var VistaPromoSectionV4 = function (_a) {
+    var bannerAlt = _a.bannerAlt, bannerSrc = _a.bannerSrc, buttonLabel = _a.buttonLabel, descriptions = _a.descriptions, title = _a.title;
     return (react_1.default.createElement("div", { className: "bg-white" },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8" },
             react_1.default.createElement("div", { className: "relative overflow-hidden rounded-lg" },
                 react_1.default.createElement("div", { className: "absolute inset-0" },
-                    react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-feature-section-01.jpg", className: "size-full object-cover" })),
-                react_1.default.createElement("div", { className: "relative bg-gray-900/75 px-6 py-32 sm:px-12 sm:py-40 lg:px-16" },
+                    react_1.default.createElement("img", { alt: bannerAlt, className: "size-full object-cover", src: bannerSrc })),
+                react_1.default.createElement("div", { className: "relative bg-gray-primary/60 px-6 py-32 sm:px-12 sm:py-40 lg:px-16" },
                     react_1.default.createElement("div", { className: "relative mx-auto flex max-w-3xl flex-col items-center text-center" },
-                        react_1.default.createElement("h2", { className: "text-3xl font-bold tracking-tight text-white sm:text-4xl" },
-                            react_1.default.createElement("span", { className: "block sm:inline" }, "Level up"),
-                            react_1.default.createElement("span", { className: "block sm:inline" }, "your desk")),
-                        react_1.default.createElement("p", { className: "mt-3 text-xl text-white" }, "Make your desk beautiful and organized. Post a picture to social media and watch it get more likes than life-changing announcements. Reflect on the shallow nature of existence. At least you have a really nice desk setup."),
-                        react_1.default.createElement("a", { href: "#", className: "mt-8 block w-full rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto" }, "Shop Workspace")))))));
+                        react_1.default.createElement("h2", { className: "text-3xl font-bold tracking-tight text-white sm:text-4xl" }, title),
+                        descriptions.map(function (text, ind) { return (react_1.default.createElement("p", { key: ind, className: "mt-3 text-xl text-white" }, text)); }),
+                        buttonLabel && (react_1.default.createElement("a", { href: "#", className: "mt-8 block w-full rounded-md border border-transparent bg-white px-8 py-3 text-base font-medium text-gray-900 hover:bg-gray-100 sm:w-auto" }, buttonLabel))))))));
 };
 exports.VistaPromoSectionV4 = VistaPromoSectionV4;

package/package.json

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

package/type/vista-promo-section-type.d.ts

@@ -8,7 +8,11 @@ export interface VistaPromoSectionV3Props {
     id: string;
 }
 export interface VistaPromoSectionV4Props {
-    id: string;
+    bannerAlt: string;
+    bannerSrc: string;
+    buttonLabel?: string;
+    descriptions: string[];
+    title: string;
 }
 export interface VistaPromoSectionV5Props {
     id: string;