@appcorp/app-corp-vista 0.2.19 → 0.2.21

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 (6) 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 +1 -1
  4. package/molecules/vista-radio-v1/vista-radio-v1.js +1 -1
  5. package/package.json +1 -1
  6. 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
@@ -85,7 +85,7 @@ var VistaHeaderV1 = function (_a) {
85
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" },
86
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),
87
87
  react_1.default.createElement("div", { className: "flex-auto" },
88
- 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" },
89
89
  name,
90
90
  react_1.default.createElement("span", { className: "absolute inset-0" })),
91
91
  react_1.default.createElement("p", { className: "mt-1 text-gray-600" }, description))));
package/molecules/vista-radio-v1/vista-radio-v1.js CHANGED
@@ -19,7 +19,7 @@ var VistaRadioV1 = function (_a) {
19
19
  .map(function (_a) {
20
20
  var id = _a.id, label = _a.label, value = _a.value;
21
21
  return (react_1.default.createElement("div", { key: id, className: "flex items-center" },
22
- react_1.default.createElement("input", { checked: selectedValue.toLowerCase() === value, className: "relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary checked:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden", id: id, name: id, onChange: function (e) {
22
+ react_1.default.createElement("input", { checked: selectedValue === value, className: "relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden checked:border-primary checked:bg-primary focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden", id: id, name: id, onChange: function (e) {
23
23
  return handleOnChange(id, e.target.value);
24
24
  }, type: "radio", value: value }),
25
25
  react_1.default.createElement("label", { htmlFor: id, className: "ml-3 block text-sm/6 font-medium text-gray-900 dark:text-white" }, label)));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.19",
3
+ "version": "0.2.21",
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;