@appcorp/app-corp-vista 0.2.18 → 0.2.20

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.
Files changed (5) hide show
  1. package/molecules/vista-contact-v3/vista-contact-v3.js +20 -23
  2. package/molecules/vista-footer-v10/vista-footer-v10.js +1 -1
  3. package/molecules/vista-header-v1/vista-header-v1.js +5 -4
  4. package/package.json +1 -1
  5. package/type/vista-contact-type.d.ts +5 -1
package/molecules/vista-contact-v3/vista-contact-v3.js CHANGED
@@ -7,7 +7,7 @@ exports.VistaContactV3 = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var outline_1 = require("@heroicons/react/24/outline");
9
9
  var VistaContactV3 = function (_a) {
10
- var id = _a.id;
10
+ var address = _a.address, description = _a.description, email = _a.email, phone = _a.phone, title = _a.title;
11
11
  return (react_1.default.createElement("div", { className: "relative isolate bg-white" },
12
12
  react_1.default.createElement("div", { className: "mx-auto grid max-w-7xl grid-cols-1 lg:grid-cols-2" },
13
13
  react_1.default.createElement("div", { className: "relative px-6 pt-24 pb-20 sm:pt-32 lg:static lg:px-8 lg:py-48" },
@@ -21,53 +21,50 @@ var VistaContactV3 = function (_a) {
21
21
  react_1.default.createElement("svg", { x: "100%", y: -1, className: "overflow-visible fill-gray-50" },
22
22
  react_1.default.createElement("path", { d: "M-470.5 0h201v201h-201Z", strokeWidth: 0 })),
23
23
  react_1.default.createElement("rect", { fill: "url(#83fd4e5a-9d52-42fc-97b6-718e5d7ee527)", width: "100%", height: "100%", strokeWidth: 0 }))),
24
- react_1.default.createElement("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl" }, "Get in touch"),
25
- react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-600" }, "Proin volutpat consequat porttitor cras nullam gravida at. Orci molestie a eu arcu. Sed ut tincidunt integer elementum id sem. Arcu sed malesuada et magna."),
24
+ react_1.default.createElement("h2", { className: "text-4xl font-semibold tracking-tight text-pretty text-primary sm:text-5xl" }, title),
25
+ react_1.default.createElement("p", { className: "mt-6 text-lg/8 text-gray-600" }, description),
26
26
  react_1.default.createElement("dl", { className: "mt-10 space-y-4 text-base/7 text-gray-600" },
27
- react_1.default.createElement("div", { className: "flex gap-x-4" },
27
+ address && address.length > 1 && (react_1.default.createElement("div", { className: "flex gap-x-4" },
28
28
  react_1.default.createElement("dt", { className: "flex-none" },
29
29
  react_1.default.createElement("span", { className: "sr-only" }, "Address"),
30
30
  react_1.default.createElement(outline_1.BuildingOffice2Icon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
31
- react_1.default.createElement("dd", null,
32
- "545 Mavis Island",
33
- react_1.default.createElement("br", null),
34
- "Chicago, IL 99191")),
35
- react_1.default.createElement("div", { className: "flex gap-x-4" },
31
+ react_1.default.createElement("dd", null, address.map(function (text) { return (react_1.default.createElement("p", { key: text }, text)); })))),
32
+ phone && (react_1.default.createElement("div", { className: "flex gap-x-4" },
36
33
  react_1.default.createElement("dt", { className: "flex-none" },
37
34
  react_1.default.createElement("span", { className: "sr-only" }, "Telephone"),
38
35
  react_1.default.createElement(outline_1.PhoneIcon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
39
36
  react_1.default.createElement("dd", null,
40
- react_1.default.createElement("a", { href: "tel:+1 (555) 234-5678", className: "hover:text-gray-900" }, "+1 (555) 234-5678"))),
41
- react_1.default.createElement("div", { className: "flex gap-x-4" },
37
+ react_1.default.createElement("a", { href: "tel:+1 (555) 234-5678", className: "hover:text-gray-900" }, phone)))),
38
+ email && (react_1.default.createElement("div", { className: "flex gap-x-4" },
42
39
  react_1.default.createElement("dt", { className: "flex-none" },
43
40
  react_1.default.createElement("span", { className: "sr-only" }, "Email"),
44
41
  react_1.default.createElement(outline_1.EnvelopeIcon, { "aria-hidden": "true", className: "h-7 w-6 text-gray-400" })),
45
42
  react_1.default.createElement("dd", null,
46
- react_1.default.createElement("a", { href: "mailto:hello@example.com", className: "hover:text-gray-900" }, "hello@example.com")))))),
43
+ react_1.default.createElement("a", { href: "mailto:".concat(email), className: "hover:text-gray-900" }, email))))))),
47
44
  react_1.default.createElement("form", { action: "#", method: "POST", className: "px-6 pt-20 pb-24 sm:pb-32 lg:px-8 lg:py-48" },
48
45
  react_1.default.createElement("div", { className: "mx-auto max-w-xl lg:mr-0 lg:max-w-lg" },
49
46
  react_1.default.createElement("div", { className: "grid grid-cols-1 gap-x-8 gap-y-6 sm:grid-cols-2" },
50
47
  react_1.default.createElement("div", null,
51
- react_1.default.createElement("label", { htmlFor: "first-name", className: "block text-sm/6 font-semibold text-gray-900" }, "First name"),
48
+ react_1.default.createElement("label", { htmlFor: "first-name", className: "block text-sm/6 font-semibold text-primary" }, "First name"),
52
49
  react_1.default.createElement("div", { className: "mt-2.5" },
53
- react_1.default.createElement("input", { id: "first-name", name: "first-name", type: "text", autoComplete: "given-name", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600" }))),
50
+ react_1.default.createElement("input", { id: "first-name", name: "first-name", type: "text", autoComplete: "given-name", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
54
51
  react_1.default.createElement("div", null,
55
- react_1.default.createElement("label", { htmlFor: "last-name", className: "block text-sm/6 font-semibold text-gray-900" }, "Last name"),
52
+ react_1.default.createElement("label", { htmlFor: "last-name", className: "block text-sm/6 font-semibold text-primary" }, "Last name"),
56
53
  react_1.default.createElement("div", { className: "mt-2.5" },
57
- react_1.default.createElement("input", { id: "last-name", name: "last-name", type: "text", autoComplete: "family-name", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600" }))),
54
+ react_1.default.createElement("input", { id: "last-name", name: "last-name", type: "text", autoComplete: "family-name", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
58
55
  react_1.default.createElement("div", { className: "sm:col-span-2" },
59
- react_1.default.createElement("label", { htmlFor: "email", className: "block text-sm/6 font-semibold text-gray-900" }, "Email"),
56
+ react_1.default.createElement("label", { htmlFor: "email", className: "block text-sm/6 font-semibold text-primary" }, "Email"),
60
57
  react_1.default.createElement("div", { className: "mt-2.5" },
61
- react_1.default.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600" }))),
58
+ react_1.default.createElement("input", { id: "email", name: "email", type: "email", autoComplete: "email", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
62
59
  react_1.default.createElement("div", { className: "sm:col-span-2" },
63
- react_1.default.createElement("label", { htmlFor: "phone-number", className: "block text-sm/6 font-semibold text-gray-900" }, "Phone number"),
60
+ react_1.default.createElement("label", { htmlFor: "phone-number", className: "block text-sm/6 font-semibold text-primary" }, "Phone number"),
64
61
  react_1.default.createElement("div", { className: "mt-2.5" },
65
- react_1.default.createElement("input", { id: "phone-number", name: "phone-number", type: "tel", autoComplete: "tel", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600" }))),
62
+ react_1.default.createElement("input", { id: "phone-number", name: "phone-number", type: "tel", autoComplete: "tel", className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary" }))),
66
63
  react_1.default.createElement("div", { className: "sm:col-span-2" },
67
- react_1.default.createElement("label", { htmlFor: "message", className: "block text-sm/6 font-semibold text-gray-900" }, "Message"),
64
+ react_1.default.createElement("label", { htmlFor: "message", className: "block text-sm/6 font-semibold text-primary" }, "Message"),
68
65
  react_1.default.createElement("div", { className: "mt-2.5" },
69
- react_1.default.createElement("textarea", { id: "message", name: "message", rows: 4, className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-indigo-600", defaultValue: '' })))),
66
+ react_1.default.createElement("textarea", { id: "message", name: "message", rows: 4, className: "block w-full rounded-md bg-white px-3.5 py-2 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 focus:outline-primary", defaultValue: '' })))),
70
67
  react_1.default.createElement("div", { className: "mt-8 flex justify-end" },
71
- react_1.default.createElement("button", { type: "submit", className: "rounded-md bg-indigo-600 px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600" }, "Send message")))))));
68
+ react_1.default.createElement("button", { type: "submit", className: "rounded-md bg-primary px-3.5 py-2.5 text-center text-sm font-semibold text-white shadow-xs hover:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary" }, "Send message")))))));
72
69
  };
73
70
  exports.VistaContactV3 = VistaContactV3;
package/molecules/vista-footer-v10/vista-footer-v10.js CHANGED
@@ -14,7 +14,7 @@ var VistaFooterV10 = function (_a) {
14
14
  react_1.default.createElement("div", { className: "mt-16 grid grid-cols-4 gap-8 xl:col-span-2 xl:mt-0" }, items.map(function (_a) {
15
15
  var name = _a.name, subMenuItems = _a.subMenuItems;
16
16
  return (react_1.default.createElement("div", { key: name },
17
- react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-gray-900" }, name),
17
+ react_1.default.createElement("h3", { className: "text-sm/6 font-semibold text-primary" }, name),
18
18
  react_1.default.createElement("ul", { role: "list", className: "mt-6 space-y-4" }, subMenuItems.map(function (item) { return (react_1.default.createElement("li", { key: item.name },
19
19
  react_1.default.createElement("a", { href: item.href, className: "text-sm/6 text-gray-600 hover:text-gray-900" }, item.name))); }))));
20
20
  }))),
package/molecules/vista-header-v1/vista-header-v1.js CHANGED
@@ -73,18 +73,19 @@ var VistaHeaderV1 = function (_a) {
73
73
  react_1.default.createElement(outline_1.Bars3Icon, { "aria-hidden": "true", className: "size-6" }))),
74
74
  react_1.default.createElement(react_2.PopoverGroup, { className: "hidden lg:flex lg:gap-x-12" }, items.map(function (_a) {
75
75
  var name = _a.name, href = _a.href, megaMenu = _a.megaMenu, cta = _a.cta;
76
+ var multiGrid = megaMenu && megaMenu.length > 5 ? true : false;
76
77
  if (megaMenu && (megaMenu === null || megaMenu === void 0 ? void 0 : megaMenu.length) > 1) {
77
- return (react_1.default.createElement(react_2.Popover, { key: name, className: "relative" },
78
+ return (react_1.default.createElement(react_2.Popover, { key: name, className: "" },
78
79
  react_1.default.createElement(react_2.PopoverButton, { className: "flex items-center gap-x-1 text-sm/6 font-semibold text-gray-900" },
79
80
  name,
80
81
  react_1.default.createElement(solid_1.ChevronDownIcon, { "aria-hidden": "true", className: "size-5 flex-none text-gray-400" })),
81
- react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute left-1/2 z-10 mt-3 w-screen max-w-md -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in" },
82
- react_1.default.createElement("div", { className: "p-4" }, megaMenu.map(function (_a) {
82
+ react_1.default.createElement(react_2.PopoverPanel, { transition: true, className: "absolute left-1/2 z-10 mt-3 w-screen ".concat(multiGrid ? 'max-w-7xl' : 'max-w-md', " -translate-x-1/2 overflow-hidden rounded-3xl bg-white shadow-lg ring-1 ring-gray-900/5 transition data-closed:translate-y-1 data-closed:opacity-0 data-enter:duration-200 data-enter:ease-out data-leave:duration-150 data-leave:ease-in") },
83
+ react_1.default.createElement("div", { className: "".concat(multiGrid ? 'grid grid-cols-2 gap-4' : 'p-4') }, megaMenu.map(function (_a) {
83
84
  var name = _a.name, href = _a.href, description = _a.description, icon = _a.icon;
84
85
  return (react_1.default.createElement("div", { key: name, className: "group relative flex items-center gap-x-6 rounded-lg p-4 text-sm/6 hover:bg-gray-50" },
85
86
  react_1.default.createElement("div", { className: "flex size-11 flex-none items-center justify-center rounded-lg bg-gray-50 group-hover:bg-white" }, icon),
86
87
  react_1.default.createElement("div", { className: "flex-auto" },
87
- react_1.default.createElement("a", { href: href, className: "block font-semibold text-gray-900" },
88
+ react_1.default.createElement("a", { href: href, className: "block font-semibold text-primary" },
88
89
  name,
89
90
  react_1.default.createElement("span", { className: "absolute inset-0" })),
90
91
  react_1.default.createElement("p", { className: "mt-1 text-gray-600" }, description))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.18",
3
+ "version": "0.2.20",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
6
6
  "build:next": "next build",
package/type/vista-contact-type.d.ts CHANGED
@@ -5,7 +5,11 @@ export interface VistaContactV2Props {
5
5
  id: string;
6
6
  }
7
7
  export interface VistaContactV3Props {
8
- id: string;
8
+ address?: string[];
9
+ description: string;
10
+ email?: string;
11
+ phone?: string;
12
+ title: string;
9
13
  }
10
14
  export interface VistaContactV4Props {
11
15
  id: string;