@appcorp/app-corp-vista 0.2.79 → 0.2.80
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.
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
'use client';
|
|
2
1
|
"use strict";
|
|
3
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
@@ -6,32 +5,34 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
6
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
6
|
exports.VistaHeroV5 = void 0;
|
|
8
7
|
var react_1 = __importDefault(require("react"));
|
|
9
|
-
var
|
|
8
|
+
var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
|
|
9
|
+
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
10
|
+
var VistaHeroV5 = function (_a) {
|
|
11
|
+
var bannerAlt = _a.bannerAlt, bannerSrc = _a.bannerSrc, ctas = _a.ctas, description = _a.description, subTitle = _a.subTitle, subTitleCta = _a.subTitleCta, title = _a.title;
|
|
10
12
|
return (react_1.default.createElement("div", { className: "bg-gray-900" },
|
|
11
13
|
react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
|
|
12
|
-
react_1.default.createElement("img", { alt:
|
|
14
|
+
react_1.default.createElement("img", { alt: bannerAlt, src: bannerSrc, className: "absolute inset-0 -z-10 size-full object-cover" }),
|
|
13
15
|
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" },
|
|
14
16
|
react_1.default.createElement("div", { style: {
|
|
15
17
|
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%)',
|
|
16
18
|
}, className: "relative left-[calc(50%-11rem)] aspect-1155/678 w-144.5 -translate-x-1/2 rotate-30 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-288.75" })),
|
|
17
19
|
react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
|
|
18
20
|
react_1.default.createElement("div", { className: "mx-auto max-w-2xl py-32 sm:py-48 lg:py-56" },
|
|
19
|
-
react_1.default.createElement("div", { className: "hidden sm:mb-8 sm:flex sm:justify-center" },
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
react_1.default.createElement("
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
21
|
+
react_1.default.createElement("div", { className: "hidden sm:mb-8 sm:flex sm:justify-center" }, subTitle && subTitleCta && (react_1.default.createElement("div", { className: "relative rounded-full px-3 py-1 text-sm/6 text-gray-400 ring-1 ring-white/10 hover:ring-white/20" },
|
|
22
|
+
subTitle,
|
|
23
|
+
' ',
|
|
24
|
+
react_1.default.createElement("a", { href: "#", className: "font-semibold text-primary" },
|
|
25
|
+
react_1.default.createElement("span", { "aria-hidden": "true", className: "absolute inset-0" }),
|
|
26
|
+
subTitleCta,
|
|
27
|
+
" ",
|
|
28
|
+
react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))),
|
|
27
29
|
react_1.default.createElement("div", { className: "text-center" },
|
|
28
|
-
react_1.default.createElement("h1", { className: "text-5xl font-semibold tracking-tight text-balance text-white sm:text-7xl" },
|
|
29
|
-
react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-gray-400 sm:text-xl/8" },
|
|
30
|
-
react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" },
|
|
31
|
-
|
|
32
|
-
react_1.default.createElement(
|
|
33
|
-
|
|
34
|
-
react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192")))))),
|
|
30
|
+
react_1.default.createElement("h1", { className: "text-5xl font-semibold tracking-tight text-balance text-white sm:text-7xl" }, title),
|
|
31
|
+
react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-gray-400 sm:text-xl/8" }, description),
|
|
32
|
+
react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" }, ctas.map(function (_a) {
|
|
33
|
+
var handleOnClick = _a.handleOnClick, label = _a.label, variant = _a.variant;
|
|
34
|
+
return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { key: label, handleOnClick: handleOnClick, label: label, variant: variant, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG }));
|
|
35
|
+
}))))),
|
|
35
36
|
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)]" },
|
|
36
37
|
react_1.default.createElement("div", { style: {
|
|
37
38
|
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
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { VISTA_BUTTON_VARIANT } from "./vista-button-type";
|
|
1
|
+
import { VISTA_BUTTON_VARIANT, VistaButtonV1Props } from "./vista-button-type";
|
|
2
2
|
export interface VistaHeroV13CtaItem {
|
|
3
3
|
className?: string;
|
|
4
4
|
enabled: boolean;
|
|
@@ -17,6 +17,13 @@ export interface VistaHeroV13Item {
|
|
|
17
17
|
subTitleUrl?: string;
|
|
18
18
|
}
|
|
19
19
|
export interface VistaHeroV5Props {
|
|
20
|
+
bannerAlt: string;
|
|
21
|
+
bannerSrc: string;
|
|
22
|
+
ctas: VistaButtonV1Props[];
|
|
23
|
+
description: string;
|
|
24
|
+
subTitle?: string;
|
|
25
|
+
subTitleCta?: string;
|
|
26
|
+
title: string;
|
|
20
27
|
}
|
|
21
28
|
export interface VistaHeroV13Props {
|
|
22
29
|
containerClassName?: string;
|