@appcorp/app-corp-vista 0.2.66 → 0.2.67

package/molecules/vista-header-v1/nav-bar.d.ts

@@ -6,6 +6,7 @@ interface Props {
     items: VistaHeaderV1Item[];
     loginVisible?: boolean;
     logoAlt: string;
+    logoContainerClassName?: string;
     logoSrc: string;
     menuOpen: boolean;
 }

package/molecules/vista-header-v1/nav-bar.js

@@ -11,12 +11,12 @@ var outline_1 = require("@heroicons/react/24/outline");
 var solid_1 = require("@heroicons/react/20/solid");
 var image_1 = __importDefault(require("next/image"));
 var NavBar = function (_a) {
-    var companyName = _a.companyName, handleMenuOpen = _a.handleMenuOpen, items = _a.items, _b = _a.loginVisible, loginVisible = _b === void 0 ? false : _b, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, menuOpen = _a.menuOpen;
+    var companyName = _a.companyName, handleMenuOpen = _a.handleMenuOpen, items = _a.items, _b = _a.loginVisible, loginVisible = _b === void 0 ? false : _b, logoAlt = _a.logoAlt, _c = _a.logoContainerClassName, logoContainerClassName = _c === void 0 ? '' : _c, logoSrc = _a.logoSrc, menuOpen = _a.menuOpen;
     return (react_1.default.createElement("div", { className: "shadow-md" },
-        react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-2 lg:px-8" },
+        react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-1 lg:px-8" },
             react_1.default.createElement("div", { className: "flex lg:flex-1" },
-                react_1.default.createElement("div", { className: "relative size-16" },
-                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "16vw", src: logoSrc, width: 0 }))),
+                react_1.default.createElement("div", { className: "relative w-36 h-20 ".concat(logoContainerClassName) },
+                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "26vw", src: logoSrc, width: 0 }))),
             react_1.default.createElement("div", { className: "flex lg:hidden" },
                 react_1.default.createElement("button", { className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700", onClick: function () { return handleMenuOpen(true); }, type: "button" },
                     react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),

package/organisms/vista-feature-v22/vista-feature-v22.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaFeatureV22Props } from '../../type/vista-feature-type';
+export declare const VistaFeatureV22: FC<VistaFeatureV22Props>;

package/organisms/vista-feature-v22/vista-feature-v22.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaFeatureV22 = void 0;
+var react_1 = __importDefault(require("react"));
+var image_1 = __importDefault(require("next/image"));
+var VistaFeatureV22 = function (_a) {
+    var description = _a.description, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, items = _a.items, _b = _a.revert, revert = _b === void 0 ? false : _b, subTitle = _a.subTitle, title = _a.title;
+    return (react_1.default.createElement("div", { className: "overflow-hidden bg-white py-20 sm:py-32" },
+        react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
+            react_1.default.createElement("div", { className: "mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2" },
+                react_1.default.createElement("div", { className: "lg:pt-4 lg:pr-8 w-full ".concat(revert ? 'order-2' : 'order-1') },
+                    react_1.default.createElement("div", { className: "lg:max-w-lg" },
+                        react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-primary" }, subTitle),
+                        react_1.default.createElement("p", { className: "mt-2 text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, title),
+                        react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-700" }, description),
+                        react_1.default.createElement("dl", { className: "mt-10 max-w-xl space-y-8 text-base/7 text-gray-600 lg:max-w-none" }, items.map(function (feature) { return (react_1.default.createElement("div", { key: feature.name, className: "flex flex-row gap-2" },
+                            react_1.default.createElement("div", { className: "size-5 ".concat(revert ? 'order-1' : 'order-2') },
+                                react_1.default.createElement(feature.icon, { "aria-hidden": "true", className: "size-5 text-primary mt-1" })),
+                            react_1.default.createElement("p", { className: "".concat(revert ? 'order-1' : 'order-2') },
+                                react_1.default.createElement("span", { className: 'font-semibold text-gray-900' },
+                                    feature.name,
+                                    ' '),
+                                react_1.default.createElement("span", { className: "inline" }, feature.description)))); })))),
+                react_1.default.createElement("div", { className: 'relative w-full lg:h-full md:h-80 mx-auto' },
+                    react_1.default.createElement(image_1.default, { alt: imageAlt, className: "object-cover rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-228 md:-ml-4 lg:-ml-0 ".concat(revert ? 'order-1 lg:-ml-80' : 'order-2'), height: 0, src: imageSrc, width: 0, fill: true, sizes: "50vw" }))))));
+};
+exports.VistaFeatureV22 = VistaFeatureV22;

package/organisms/vista-hero-v13/vista-hero-v13.d.ts

@@ -1,5 +1,3 @@
 import { FC } from 'react';
 import { VistaHeroV13Props } from '../../type/vista-hero-type';
-import "slick-carousel/slick/slick.css";
-import "slick-carousel/slick/slick-theme.css";
 export declare const VistaHeroV13: FC<VistaHeroV13Props>;

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

@@ -55,8 +55,8 @@ var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1
 var vista_button_type_1 = require("../../type/vista-button-type");
 var image_1 = __importDefault(require("next/image"));
 var vista_shimmer_v2_1 = require("../../atoms/vista-shimmer-v2/vista-shimmer-v2");
-require("slick-carousel/slick/slick.css");
-require("slick-carousel/slick/slick-theme.css");
+// import "slick-carousel/slick/slick.css";
+// import "slick-carousel/slick/slick-theme.css";
 var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
     loading: function () { return react_1.default.createElement(vista_shimmer_v2_1.VistaShimmerV2, null); },
     ssr: false,
@@ -93,7 +93,7 @@ var VistaHeroV13 = function (_a) {
                                     "Read more ",
                                     react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))) : (react_1.default.createElement("div", { className: 'min-h-16' })),
                         react_1.default.createElement("div", { className: "text-center" },
-                            react_1.default.createElement("h1", { className: "text-5xl text-shadow-lg text-shadow-primary font-semibold tracking-tight text-balance text-white sm:text-7xl" }, item.heading),
+                            react_1.default.createElement("h1", { className: "text-5xl text-shadow-lg text-shadow-primary font-semibold tracking-tight text-balance text-white" }, item.heading),
                             item.description && (react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-white sm:text-xl/8" }, item.description)),
                             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)]" },

package/package.json

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

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

@@ -73,3 +73,17 @@ export interface VistaFeatureV20Props {
 export interface VistaFeatureV21Props {
     id: string;
 }
+export interface VistaFeatureV22Item {
+    name: string;
+    description: string;
+    icon: ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref">>;
+}
+export interface VistaFeatureV22Props {
+    description: string;
+    imageAlt: string;
+    imageSrc: string;
+    items: VistaFeatureV22Item[];
+    revert?: boolean;
+    subTitle: string;
+    title: string;
+}

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

@@ -22,6 +22,7 @@ export interface VistaHeaderV1Props {
     items: VistaHeaderV1Item[];
     loginVisible?: boolean;
     logoAlt: string;
+    logoContainerClassName?: string;
     logoSrc: string;
     menuOpen: boolean;
 }