blixify-ui-web 0.1.26 → 0.1.28
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.
- package/lib/components/design/banner/index.d.ts +10 -0
- package/lib/components/design/banner/index.d.ts.map +1 -0
- package/lib/components/design/banner/index.js +58 -0
- package/lib/components/design/banner/index.js.map +1 -0
- package/lib/components/design/blogSection/index.d.ts +33 -0
- package/lib/components/design/blogSection/index.d.ts.map +1 -0
- package/lib/components/design/blogSection/index.js +88 -0
- package/lib/components/design/blogSection/index.js.map +1 -0
- package/lib/components/design/faq/index.d.ts +15 -0
- package/lib/components/design/faq/index.d.ts.map +1 -0
- package/lib/components/design/faq/index.js +72 -0
- package/lib/components/design/faq/index.js.map +1 -0
- package/lib/components/design/footerSection/index.d.ts +24 -0
- package/lib/components/design/footerSection/index.d.ts.map +1 -0
- package/lib/components/design/footerSection/index.js +85 -0
- package/lib/components/design/footerSection/index.js.map +1 -0
- package/lib/components/design/heroSection/index.d.ts +15 -0
- package/lib/components/design/heroSection/index.d.ts.map +1 -0
- package/lib/components/design/heroSection/index.js +90 -0
- package/lib/components/design/heroSection/index.js.map +1 -0
- package/lib/components/design/iconList/index.d.ts +17 -0
- package/lib/components/design/iconList/index.d.ts.map +1 -0
- package/lib/components/design/iconList/index.js +74 -0
- package/lib/components/design/iconList/index.js.map +1 -0
- package/lib/components/design/leftContent/index.d.ts +16 -0
- package/lib/components/design/leftContent/index.d.ts.map +1 -0
- package/lib/components/design/leftContent/index.js +92 -0
- package/lib/components/design/leftContent/index.js.map +1 -0
- package/lib/components/design/logoCloud/index.d.ts +17 -0
- package/lib/components/design/logoCloud/index.d.ts.map +1 -0
- package/lib/components/design/logoCloud/index.js +68 -0
- package/lib/components/design/logoCloud/index.js.map +1 -0
- package/lib/components/design/rightContent/index.d.ts +16 -0
- package/lib/components/design/rightContent/index.d.ts.map +1 -0
- package/lib/components/design/rightContent/index.js +92 -0
- package/lib/components/design/rightContent/index.js.map +1 -0
- package/lib/components/design/sectionList/index.d.ts +15 -0
- package/lib/components/design/sectionList/index.d.ts.map +1 -0
- package/lib/components/design/sectionList/index.js +67 -0
- package/lib/components/design/sectionList/index.js.map +1 -0
- package/lib/components/index.d.ts +10 -4
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +25 -9
- package/lib/components/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Component, ReactElement } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
interface Props {
|
|
4
|
+
content: string | ReactElement;
|
|
5
|
+
}
|
|
6
|
+
export declare class Banner extends Component<Props> {
|
|
7
|
+
render(): JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/banner/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,OAAO,EAAE,MAAM,GAAG,YAAY,CAAC;CAChC;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1C,MAAM;CAaP"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.Banner = void 0;
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
|
+
require("../../../index.css");
|
|
44
|
+
var Banner = /** @class */ (function (_super) {
|
|
45
|
+
__extends(Banner, _super);
|
|
46
|
+
function Banner() {
|
|
47
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
48
|
+
}
|
|
49
|
+
Banner.prototype.render = function () {
|
|
50
|
+
return (react_1.default.createElement("div", { className: "relative bg-primary-600 w-full z-50" },
|
|
51
|
+
react_1.default.createElement("div", { className: "max-w-7xl mx-auto py-3 px-3 sm:px-6 lg:px-8" },
|
|
52
|
+
react_1.default.createElement("div", { className: "pr-16 sm:text-center sm:px-16" },
|
|
53
|
+
react_1.default.createElement("p", { className: "text-xs sm:text-sm text-white" }, this.props.content)))));
|
|
54
|
+
};
|
|
55
|
+
return Banner;
|
|
56
|
+
}(react_1.Component));
|
|
57
|
+
exports.Banner = Banner;
|
|
58
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/design/banner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAM5B;IAA4B,0BAAgB;IAA5C;;IAcA,CAAC;IAbC,uBAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAC,qCAAqC;YAClD,uCAAK,SAAS,EAAC,6CAA6C;gBAC1D,uCAAK,SAAS,EAAC,+BAA+B;oBAC5C,qCAAG,SAAS,EAAC,+BAA+B,IACzC,IAAI,CAAC,KAAK,CAAC,OAAO,CACjB,CACA,CACF,CACF,CACP,CAAC;IACJ,CAAC;IACH,aAAC;AAAD,CAAC,AAdD,CAA4B,iBAAS,GAcpC;AAdY,wBAAM"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Component } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
import { LinkProps } from "../../structure/link";
|
|
4
|
+
interface CategoryData {
|
|
5
|
+
name: string;
|
|
6
|
+
href: string;
|
|
7
|
+
}
|
|
8
|
+
interface AuthorData {
|
|
9
|
+
name: string;
|
|
10
|
+
href: string;
|
|
11
|
+
imageUrl: string;
|
|
12
|
+
}
|
|
13
|
+
interface PostData {
|
|
14
|
+
title: string;
|
|
15
|
+
href?: string;
|
|
16
|
+
category?: CategoryData;
|
|
17
|
+
description: string;
|
|
18
|
+
date?: string;
|
|
19
|
+
dateTime?: string;
|
|
20
|
+
imageUrl: string;
|
|
21
|
+
readingTime?: string;
|
|
22
|
+
author?: AuthorData;
|
|
23
|
+
}
|
|
24
|
+
interface Props extends LinkProps {
|
|
25
|
+
postList: PostData[];
|
|
26
|
+
title: string;
|
|
27
|
+
description: string;
|
|
28
|
+
}
|
|
29
|
+
export declare class BlogSection extends Component<Props> {
|
|
30
|
+
render(): JSX.Element;
|
|
31
|
+
}
|
|
32
|
+
export {};
|
|
33
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/blogSection/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,UAAU,YAAY;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,qBAAa,WAAY,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC/C,MAAM;CAyFP"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.BlogSection = void 0;
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
|
+
require("../../../index.css");
|
|
44
|
+
var link_1 = require("../../structure/link");
|
|
45
|
+
var BlogSection = /** @class */ (function (_super) {
|
|
46
|
+
__extends(BlogSection, _super);
|
|
47
|
+
function BlogSection() {
|
|
48
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
49
|
+
}
|
|
50
|
+
BlogSection.prototype.render = function () {
|
|
51
|
+
var _this = this;
|
|
52
|
+
var _a;
|
|
53
|
+
return (react_1.default.createElement("div", { className: "relative bg-gray-50" },
|
|
54
|
+
react_1.default.createElement("div", { className: "absolute inset-0" },
|
|
55
|
+
react_1.default.createElement("div", { className: "h-1/3 bg-white sm:h-2/3" })),
|
|
56
|
+
react_1.default.createElement("div", { className: "relative mx-auto max-w-7xl" },
|
|
57
|
+
react_1.default.createElement("div", { className: "mx-auto grid max-w-lg gap-5 md:max-w-none md:grid-cols-2 lg:grid-cols-3" }, (_a = this.props.postList) === null || _a === void 0 ? void 0 : _a.map(function (post) {
|
|
58
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j;
|
|
59
|
+
return (react_1.default.createElement("div", { key: post.title, className: "flex flex-col overflow-hidden rounded-lg shadow-lg" },
|
|
60
|
+
react_1.default.createElement("div", { className: "flex-shrink-0" },
|
|
61
|
+
react_1.default.createElement("img", { className: "h-48 w-full object-cover", src: post.imageUrl, alt: "" })),
|
|
62
|
+
react_1.default.createElement("div", { className: "flex flex-1 flex-col justify-between bg-white p-6" },
|
|
63
|
+
react_1.default.createElement("div", { className: "flex-1" },
|
|
64
|
+
react_1.default.createElement("p", { className: "text-sm font-medium text-indigo-600" },
|
|
65
|
+
react_1.default.createElement(link_1.Link, { href: (_b = (_a = post.category) === null || _a === void 0 ? void 0 : _a.href) !== null && _b !== void 0 ? _b : "", linkType: _this.props.linkType, custom: _this.props.custom, className: "hover:underline" }, (_c = post.category) === null || _c === void 0 ? void 0 : _c.name)),
|
|
66
|
+
react_1.default.createElement(link_1.Link, { href: (_d = post.href) !== null && _d !== void 0 ? _d : "", linkType: _this.props.linkType, custom: _this.props.custom, className: "mt-2 block" },
|
|
67
|
+
react_1.default.createElement("p", { className: "text-xl font-semibold text-gray-900" }, post.title),
|
|
68
|
+
react_1.default.createElement("p", { className: "mt-3 text-base text-gray-500" }, post.description))),
|
|
69
|
+
post.author && (react_1.default.createElement("div", { className: "mt-6 flex items-center" },
|
|
70
|
+
react_1.default.createElement("div", { className: "flex-shrink-0" },
|
|
71
|
+
react_1.default.createElement(link_1.Link, { href: (_e = post.author) === null || _e === void 0 ? void 0 : _e.href, linkType: _this.props.linkType, custom: _this.props.custom },
|
|
72
|
+
react_1.default.createElement("span", { className: "sr-only" }, (_f = post.author) === null || _f === void 0 ? void 0 : _f.name),
|
|
73
|
+
react_1.default.createElement("img", { className: "h-10 w-10 rounded-full", src: (_g = post.author) === null || _g === void 0 ? void 0 : _g.imageUrl, alt: "" }))),
|
|
74
|
+
react_1.default.createElement("div", { className: "ml-3" },
|
|
75
|
+
react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900" },
|
|
76
|
+
react_1.default.createElement(link_1.Link, { href: (_h = post.author) === null || _h === void 0 ? void 0 : _h.href, className: "hover:underline", linkType: _this.props.linkType, custom: _this.props.custom }, (_j = post.author) === null || _j === void 0 ? void 0 : _j.name)),
|
|
77
|
+
react_1.default.createElement("div", { className: "flex space-x-1 text-sm text-gray-500" },
|
|
78
|
+
react_1.default.createElement("time", { dateTime: post.dateTime }, post.date),
|
|
79
|
+
react_1.default.createElement("span", { "aria-hidden": "true" }, "\u00B7"),
|
|
80
|
+
react_1.default.createElement("span", null,
|
|
81
|
+
post.readingTime,
|
|
82
|
+
" read"))))))));
|
|
83
|
+
})))));
|
|
84
|
+
};
|
|
85
|
+
return BlogSection;
|
|
86
|
+
}(react_1.Component));
|
|
87
|
+
exports.BlogSection = BlogSection;
|
|
88
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/design/blogSection/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
interface FaqData {
|
|
4
|
+
question: string;
|
|
5
|
+
answer: string;
|
|
6
|
+
}
|
|
7
|
+
interface Props {
|
|
8
|
+
faqList: FaqData[];
|
|
9
|
+
}
|
|
10
|
+
export declare class FAQContent extends Component<Props> {
|
|
11
|
+
renderFAQs: () => any;
|
|
12
|
+
render(): JSX.Element;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/faq/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,OAAO;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,KAAK;IACb,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,UAAU,YAyBR;IAEF,MAAM;CAOP"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.FAQContent = void 0;
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
|
+
require("../../../index.css");
|
|
44
|
+
var FAQContent = /** @class */ (function (_super) {
|
|
45
|
+
__extends(FAQContent, _super);
|
|
46
|
+
function FAQContent() {
|
|
47
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
48
|
+
_this.renderFAQs = function () {
|
|
49
|
+
var faqView = [];
|
|
50
|
+
_this.props.faqList.map(function (eachFAQ, index) {
|
|
51
|
+
var containerClassName = "w-full";
|
|
52
|
+
if (index < _this.props.faqList.length - 1) {
|
|
53
|
+
containerClassName += " border-gray-200 border-b-2";
|
|
54
|
+
}
|
|
55
|
+
faqView.push(react_1.default.createElement("dl", { className: containerClassName, key: index },
|
|
56
|
+
react_1.default.createElement("div", { className: "pt-6 pb-8 md:grid md:grid-cols-12 md:gap-8" },
|
|
57
|
+
react_1.default.createElement("dt", { className: "text-base font-medium text-gray-900 md:col-span-5" }, eachFAQ.question),
|
|
58
|
+
react_1.default.createElement("dd", { className: "mt-2 md:mt-0 md:col-span-7" },
|
|
59
|
+
react_1.default.createElement("p", { className: "text-base text-gray-500" }, eachFAQ.answer)))));
|
|
60
|
+
return null;
|
|
61
|
+
});
|
|
62
|
+
return faqView;
|
|
63
|
+
};
|
|
64
|
+
return _this;
|
|
65
|
+
}
|
|
66
|
+
FAQContent.prototype.render = function () {
|
|
67
|
+
return (react_1.default.createElement("div", { className: "max-w-7xl mx-auto align-middle min-w-full overflow-x-auto shadow overflow-hidden bg-white px-4 py-3 flex flex-col items-center justify-between border-t border-gray-200 sm:px-6 sm:rounded-lg" }, this.renderFAQs()));
|
|
68
|
+
};
|
|
69
|
+
return FAQContent;
|
|
70
|
+
}(react_1.Component));
|
|
71
|
+
exports.FAQContent = FAQContent;
|
|
72
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/design/faq/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAW5B;IAAgC,8BAAgB;IAAhD;QAAA,qEAmCC;QAlCC,gBAAU,GAAG;YACX,IAAM,OAAO,GAAQ,EAAE,CAAC;YAExB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;gBACpC,IAAI,kBAAkB,GAAG,QAAQ,CAAC;gBAClC,IAAI,KAAK,GAAG,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;oBACzC,kBAAkB,IAAI,6BAA6B,CAAC;iBACrD;gBAED,OAAO,CAAC,IAAI,CACV,sCAAI,SAAS,EAAE,kBAAkB,EAAE,GAAG,EAAE,KAAK;oBAC3C,uCAAK,SAAS,EAAC,4CAA4C;wBACzD,sCAAI,SAAS,EAAC,mDAAmD,IAC9D,OAAO,CAAC,QAAQ,CACd;wBACL,sCAAI,SAAS,EAAC,4BAA4B;4BACxC,qCAAG,SAAS,EAAC,yBAAyB,IAAE,OAAO,CAAC,MAAM,CAAK,CACxD,CACD,CACH,CACN,CAAC;gBACF,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YAEH,OAAO,OAAO,CAAC;QACjB,CAAC,CAAC;;IASJ,CAAC;IAPC,2BAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAC,+LAA+L,IAC3M,IAAI,CAAC,UAAU,EAAE,CACd,CACP,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAnCD,CAAgC,iBAAS,GAmCxC;AAnCY,gCAAU"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Component, ReactElement } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
import { LinkProps } from "../../structure/link";
|
|
4
|
+
interface FooterSubList {
|
|
5
|
+
name: string;
|
|
6
|
+
link: string;
|
|
7
|
+
}
|
|
8
|
+
interface FooterList {
|
|
9
|
+
title: string;
|
|
10
|
+
subList: FooterSubList[];
|
|
11
|
+
}
|
|
12
|
+
interface Props extends LinkProps {
|
|
13
|
+
caption: string;
|
|
14
|
+
footerList: FooterList[];
|
|
15
|
+
logoCloud?: ReactElement;
|
|
16
|
+
}
|
|
17
|
+
export declare class FooterSection extends Component<Props> {
|
|
18
|
+
renderChildData: (data: any) => any;
|
|
19
|
+
renderFooterData: () => any;
|
|
20
|
+
renderLink: (nav: any, title: any) => JSX.Element;
|
|
21
|
+
render(): JSX.Element;
|
|
22
|
+
}
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/footerSection/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAQ,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEvD,UAAU,aAAa;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,aAAa,EAAE,CAAC;CAC1B;AAED,UAAU,KAAM,SAAQ,SAAS;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,CAAC;IACjD,eAAe,qBAOb;IAEF,gBAAgB,YAgBd;IAEF,UAAU,QAAS,GAAG,SAAS,GAAG,iBAahC;IAEF,MAAM;CAuBP"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.FooterSection = void 0;
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
|
+
require("../../../index.css");
|
|
44
|
+
var link_1 = require("../../structure/link");
|
|
45
|
+
var FooterSection = /** @class */ (function (_super) {
|
|
46
|
+
__extends(FooterSection, _super);
|
|
47
|
+
function FooterSection() {
|
|
48
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
49
|
+
_this.renderChildData = function (data) {
|
|
50
|
+
var childView = [];
|
|
51
|
+
data === null || data === void 0 ? void 0 : data.map(function (child) {
|
|
52
|
+
childView.push(react_1.default.createElement("li", null, _this.renderLink(child.link, child.name)));
|
|
53
|
+
return null;
|
|
54
|
+
});
|
|
55
|
+
return childView;
|
|
56
|
+
};
|
|
57
|
+
_this.renderFooterData = function () {
|
|
58
|
+
var listView = [];
|
|
59
|
+
_this.props.footerList.map(function (data) {
|
|
60
|
+
listView.push(react_1.default.createElement("div", { className: "mt-12 md:mt-0" },
|
|
61
|
+
react_1.default.createElement("h3", { className: "text-sm font-semibold tracking-wider uppercase" }, data.title),
|
|
62
|
+
react_1.default.createElement("ul", { className: "mt-4 space-y-4" }, _this.renderChildData(data.subList))));
|
|
63
|
+
return null;
|
|
64
|
+
});
|
|
65
|
+
return listView;
|
|
66
|
+
};
|
|
67
|
+
_this.renderLink = function (nav, title) {
|
|
68
|
+
return (react_1.default.createElement(link_1.Link, { href: nav, linkType: _this.props.linkType, custom: _this.props.custom, className: "hover:underline" },
|
|
69
|
+
react_1.default.createElement("p", { className: "cursor-pointer text-base underline text-gray-500 hover:text-primary-600" }, title)));
|
|
70
|
+
};
|
|
71
|
+
return _this;
|
|
72
|
+
}
|
|
73
|
+
FooterSection.prototype.render = function () {
|
|
74
|
+
return (react_1.default.createElement("footer", { className: "w-full bg-white border-t" },
|
|
75
|
+
react_1.default.createElement("div", { className: "max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8" },
|
|
76
|
+
react_1.default.createElement("div", { className: "xl:grid xl:grid-cols-3 xl:gap-8" },
|
|
77
|
+
react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-0 md:gap-8 xl:col-span-2" }, this.renderFooterData()),
|
|
78
|
+
this.props.logoCloud && (react_1.default.createElement("div", { className: "mt-12 space-y-4 xl:col-span-1 xl:mt-0" }, this.props.logoCloud))),
|
|
79
|
+
react_1.default.createElement("div", { className: "mt-12 border-t border-gray-200 pt-8" },
|
|
80
|
+
react_1.default.createElement("p", { className: "text-base text-gray-400 xl:text-center" }, this.props.caption)))));
|
|
81
|
+
};
|
|
82
|
+
return FooterSection;
|
|
83
|
+
}(react_1.Component));
|
|
84
|
+
exports.FooterSection = FooterSection;
|
|
85
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/design/footerSection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,6CAAuD;AAkBvD;IAAmC,iCAAgB;IAAnD;QAAA,qEAkEC;QAjEC,qBAAe,GAAG,UAAC,IAAI;YACrB,IAAI,SAAS,GAAQ,EAAE,CAAC;YACxB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,UAAC,KAAK;gBACd,SAAS,CAAC,IAAI,CAAC,0CAAK,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,CAAM,CAAC,CAAC;gBACnE,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,OAAO,SAAS,CAAC;QACnB,CAAC,CAAC;QAEF,sBAAgB,GAAG;YACjB,IAAI,QAAQ,GAAQ,EAAE,CAAC;YACvB,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAC,IAAI;gBAC7B,QAAQ,CAAC,IAAI,CACX,uCAAK,SAAS,EAAC,eAAe;oBAC5B,sCAAI,SAAS,EAAC,gDAAgD,IAC3D,IAAI,CAAC,KAAK,CACR;oBACL,sCAAI,SAAS,EAAC,gBAAgB,IAC3B,KAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAChC,CACD,CACP,CAAC;gBACF,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;QAEF,gBAAU,GAAG,UAAC,GAAQ,EAAE,KAAU;YAChC,OAAO,CACL,8BAAC,WAAI,IACH,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM,EACzB,SAAS,EAAC,iBAAiB;gBAE3B,qCAAG,SAAS,EAAC,yEAAyE,IACnF,KAAK,CACJ,CACC,CACR,CAAC;QACJ,CAAC,CAAC;;IAyBJ,CAAC;IAvBC,8BAAM,GAAN;QACE,OAAO,CACL,0CAAQ,SAAS,EAAC,0BAA0B;YAC1C,uCAAK,SAAS,EAAC,uDAAuD;gBACpE,uCAAK,SAAS,EAAC,iCAAiC;oBAC9C,uCAAK,SAAS,EAAC,8DAA8D,IAC1E,IAAI,CAAC,gBAAgB,EAAE,CACpB;oBACL,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,CACvB,uCAAK,SAAS,EAAC,uCAAuC,IACnD,IAAI,CAAC,KAAK,CAAC,SAAS,CACjB,CACP,CACG;gBACN,uCAAK,SAAS,EAAC,qCAAqC;oBAClD,qCAAG,SAAS,EAAC,wCAAwC,IAClD,IAAI,CAAC,KAAK,CAAC,OAAO,CACjB,CACA,CACF,CACC,CACV,CAAC;IACJ,CAAC;IACH,oBAAC;AAAD,CAAC,AAlED,CAAmC,iBAAS,GAkE3C;AAlEY,sCAAa"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Component, ReactElement } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
interface Props {
|
|
4
|
+
size: string;
|
|
5
|
+
title: string;
|
|
6
|
+
content: string;
|
|
7
|
+
image?: any;
|
|
8
|
+
callToAction?: ReactElement;
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare class HeroSection extends Component<Props> {
|
|
12
|
+
render(): JSX.Element;
|
|
13
|
+
}
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/heroSection/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,WAAY,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC/C,MAAM;CAuFP"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
41
|
+
exports.HeroSection = void 0;
|
|
42
|
+
var react_1 = __importStar(require("react"));
|
|
43
|
+
require("../../../index.css");
|
|
44
|
+
var HeroSection = /** @class */ (function (_super) {
|
|
45
|
+
__extends(HeroSection, _super);
|
|
46
|
+
function HeroSection() {
|
|
47
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
48
|
+
}
|
|
49
|
+
HeroSection.prototype.render = function () {
|
|
50
|
+
var contentClassName = "";
|
|
51
|
+
var titleClassName = "";
|
|
52
|
+
if (this.props.size === "small") {
|
|
53
|
+
contentClassName =
|
|
54
|
+
"mt-4 text-base leading-7 text-gray-500 whitespace-pre-line";
|
|
55
|
+
titleClassName =
|
|
56
|
+
"text-3xl text-gray-900 font-extrabold tracking-tight sm:text-4xl";
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
contentClassName = "mt-6 text-xl text-gray-500 text-justify";
|
|
60
|
+
titleClassName =
|
|
61
|
+
"text-4xl font-extrabold text-gray-900 tracking-tight sm:text-5xl";
|
|
62
|
+
}
|
|
63
|
+
var defaultClassName = "overflow-hidden lg:relative lg:py-48";
|
|
64
|
+
if (this.props.className) {
|
|
65
|
+
defaultClassName += " ".concat(this.props.className);
|
|
66
|
+
}
|
|
67
|
+
return (react_1.default.createElement("div", { className: defaultClassName },
|
|
68
|
+
react_1.default.createElement("div", { className: "mx-auto max-w-md sm:max-w-3xl lg:max-w-7xl lg:grid lg:grid-cols-2 lg:gap-24" },
|
|
69
|
+
react_1.default.createElement("div", null,
|
|
70
|
+
react_1.default.createElement("div", null,
|
|
71
|
+
react_1.default.createElement("div", { className: "mt-6 lg:mt-0 sm:max-w-xl" },
|
|
72
|
+
react_1.default.createElement("h1", { className: titleClassName }, this.props.title),
|
|
73
|
+
react_1.default.createElement("p", { className: contentClassName }, this.props.content)),
|
|
74
|
+
this.props.callToAction && (react_1.default.createElement("div", { className: "mt-4 sm:max-w-lg sm:w-full sm:flex" }, this.props.callToAction))))),
|
|
75
|
+
react_1.default.createElement("div", { className: "sm:mx-auto sm:max-w-3xl sm:px-6" },
|
|
76
|
+
react_1.default.createElement("div", { className: "py-12 sm:relative sm:mt-12 sm:py-16 lg:absolute lg:inset-y-0 lg:right-0 lg:w-1/2" },
|
|
77
|
+
react_1.default.createElement("div", { className: "hidden sm:block" },
|
|
78
|
+
react_1.default.createElement("div", { className: "absolute inset-y-0 left-1/2 w-screen bg-gray-50 rounded-l-3xl lg:left-80 lg:right-0 lg:w-full" }),
|
|
79
|
+
react_1.default.createElement("svg", { className: "absolute top-8 right-1/2 -mr-3 lg:m-0 lg:left-0", width: "404", height: "392", fill: "none", viewBox: "0 0 404 392" },
|
|
80
|
+
react_1.default.createElement("defs", null,
|
|
81
|
+
react_1.default.createElement("pattern", { id: "837c3e70-6c3a-44e6-8854-cc48c737b659", x: "0", y: "0", width: "20", height: "20", patternUnits: "userSpaceOnUse" },
|
|
82
|
+
react_1.default.createElement("rect", { x: "0", y: "0", width: "4", height: "4", className: "text-gray-200", fill: "currentColor" }))),
|
|
83
|
+
react_1.default.createElement("rect", { width: "404", height: "392", fill: "url(#837c3e70-6c3a-44e6-8854-cc48c737b659)" }))),
|
|
84
|
+
react_1.default.createElement("div", { className: "relative -mr-40 sm:mx-auto sm:max-w-3xl lg:max-w-none lg:h-full lg:pl-12" },
|
|
85
|
+
react_1.default.createElement("img", { className: "w-full rounded-md lg:h-full lg:w-auto lg:max-w-screen-sm object-cover", src: this.props.image, alt: "" }))))));
|
|
86
|
+
};
|
|
87
|
+
return HeroSection;
|
|
88
|
+
}(react_1.Component));
|
|
89
|
+
exports.HeroSection = HeroSection;
|
|
90
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/design/heroSection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAW5B;IAAiC,+BAAgB;IAAjD;;IAwFA,CAAC;IAvFC,4BAAM,GAAN;QACE,IAAI,gBAAgB,GAAG,EAAE,CAAC;QAC1B,IAAI,cAAc,GAAG,EAAE,CAAC;QAExB,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,EAAE;YAC/B,gBAAgB;gBACd,4DAA4D,CAAC;YAC/D,cAAc;gBACZ,kEAAkE,CAAC;SACtE;aAAM;YACL,gBAAgB,GAAG,yCAAyC,CAAC;YAC7D,cAAc;gBACZ,kEAAkE,CAAC;SACtE;QAED,IAAI,gBAAgB,GAAG,sCAAsC,CAAC;QAC9D,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;SAChD;QAED,OAAO,CACL,uCAAK,SAAS,EAAE,gBAAgB;YAC9B,uCAAK,SAAS,EAAC,6EAA6E;gBAC1F;oBACE;wBACE,uCAAK,SAAS,EAAC,0BAA0B;4BACvC,sCAAI,SAAS,EAAE,cAAc,IAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM;4BACtD,qCAAG,SAAS,EAAE,gBAAgB,IAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAK,CACpD;wBAEL,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,CAC1B,uCAAK,SAAS,EAAC,oCAAoC,IAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CACpB,CACP,CACG,CACF,CACF;YACN,uCAAK,SAAS,EAAC,iCAAiC;gBAC9C,uCAAK,SAAS,EAAC,kFAAkF;oBAC/F,uCAAK,SAAS,EAAC,iBAAiB;wBAC9B,uCAAK,SAAS,EAAC,+FAA+F,GAAO;wBACrH,uCACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,aAAa;4BAErB;gCACE,2CACE,EAAE,EAAC,sCAAsC,EACzC,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,YAAY,EAAC,gBAAgB;oCAE7B,wCACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,GAAG,EACT,MAAM,EAAC,GAAG,EACV,SAAS,EAAC,eAAe,EACzB,IAAI,EAAC,cAAc,GACnB,CACM,CACL;4BACP,wCACE,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,IAAI,EAAC,4CAA4C,GACjD,CACE,CACF;oBACN,uCAAK,SAAS,EAAC,0EAA0E;wBACvF,uCACE,SAAS,EAAC,uEAAuE,EACjF,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACrB,GAAG,EAAC,EAAE,GACN,CACE,CACF,CACF,CACF,CACP,CAAC;IACJ,CAAC;IACH,kBAAC;AAAD,CAAC,AAxFD,CAAiC,iBAAS,GAwFzC;AAxFY,kCAAW"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component, ReactElement } from "react";
|
|
2
|
+
import "../../../index.css";
|
|
3
|
+
interface IconData {
|
|
4
|
+
name: string;
|
|
5
|
+
content: string;
|
|
6
|
+
icon: ReactElement;
|
|
7
|
+
}
|
|
8
|
+
interface Props {
|
|
9
|
+
iconList: IconData[];
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare class IconList extends Component<Props> {
|
|
13
|
+
renderSectionContent: () => any;
|
|
14
|
+
render(): JSX.Element;
|
|
15
|
+
}
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/design/iconList/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,QAAQ;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,UAAU,KAAK;IACb,QAAQ,EAAE,QAAQ,EAAE,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,oBAAoB,YAsBlB;IAEF,MAAM;CAQP"}
|