trepur_components 1.0.4 → 1.0.6
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/dist/src/lib/components/Accordion/{index.d.ts → Accordion.d.ts} +0 -0
- package/dist/src/lib/components/Accordion/{index.js → Accordion.js} +3 -4
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -0
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +16 -0
- package/dist/src/lib/components/AlertBar/AlertBar.js +64 -0
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -0
- package/dist/src/lib/components/AlertBar/style.module.css +65 -0
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.d.ts +11 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +21 -0
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css +53 -0
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.d.ts +9 -0
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js +19 -0
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css +17 -0
- package/dist/src/lib/components/BreadcrumbsBordered/style.module.css.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.d.ts +12 -0
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +52 -0
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +48 -0
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -0
- package/dist/src/lib/components/Button/Button.d.ts +17 -0
- package/dist/src/lib/components/Button/Button.js +33 -0
- package/dist/src/lib/components/Button/Button.js.map +1 -0
- package/dist/src/lib/components/Button/style.module.css +127 -0
- package/dist/src/lib/components/Button/style.module.css.map +1 -0
- package/dist/src/lib/components/Card/Card.d.ts +31 -0
- package/dist/src/lib/components/Card/Card.js +66 -0
- package/dist/src/lib/components/Card/Card.js.map +1 -0
- package/dist/src/lib/components/Card/style.module.css +184 -0
- package/dist/src/lib/components/Card/style.module.css.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.d.ts +10 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +13 -0
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css +36 -0
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -0
- package/dist/src/lib/components/Carousel/Carousel.d.ts +59 -0
- package/dist/src/lib/components/Carousel/Carousel.js +123 -0
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -0
- package/dist/src/lib/components/Carousel/style.module.css +59 -0
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -0
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +16 -0
- package/dist/src/lib/components/Collapsible/Collapsible.js +68 -0
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -0
- package/dist/src/lib/components/Collapsible/style.module.css +122 -0
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -0
- package/dist/src/lib/components/Column/Column.d.ts +12 -0
- package/dist/src/lib/components/Column/Column.js +84 -0
- package/dist/src/lib/components/Column/Column.js.map +1 -0
- package/dist/src/lib/components/Column/style.module.css +244 -0
- package/dist/src/lib/components/Column/style.module.css.map +1 -0
- package/dist/src/lib/components/Container/Container.d.ts +9 -0
- package/dist/src/lib/components/Container/Container.js +9 -0
- package/dist/src/lib/components/Container/Container.js.map +1 -0
- package/dist/src/lib/components/Container/style.module.css +5 -0
- package/dist/src/lib/components/Container/style.module.css.map +1 -0
- package/dist/src/lib/components/Footer/Footer.d.ts +11 -0
- package/dist/src/lib/components/Footer/Footer.js +14 -0
- package/dist/src/lib/components/Footer/Footer.js.map +1 -0
- package/dist/src/lib/components/Footer/style.module.css +89 -0
- package/dist/src/lib/components/Footer/style.module.css.map +1 -0
- package/dist/src/lib/components/Form/Form.d.ts +15 -0
- package/dist/src/lib/components/Form/Form.js +20 -0
- package/dist/src/lib/components/Form/Form.js.map +1 -0
- package/dist/src/lib/components/Form/style.module.css +4 -0
- package/dist/src/lib/components/Form/style.module.css.map +1 -0
- package/dist/src/lib/components/FyreCard/FyreCard.d.ts +13 -0
- package/dist/src/lib/components/FyreCard/FyreCard.js +18 -0
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -0
- package/dist/src/lib/components/FyreCard/style.module.css +37 -0
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Greeting/Greeting.d.ts +10 -0
- package/dist/src/lib/components/Greeting/Greeting.js +21 -0
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.d.ts +6 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +29 -0
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css +90 -0
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Icon/Icon.d.ts +19 -0
- package/dist/src/lib/components/Icon/Icon.js +37 -0
- package/dist/src/lib/components/Icon/Icon.js.map +1 -0
- package/dist/src/lib/components/Icon/style.module.css +219 -0
- package/dist/src/lib/components/Icon/style.module.css.map +1 -0
- package/dist/src/lib/components/Image/Image.d.ts +16 -0
- package/dist/src/lib/components/Image/Image.js +54 -0
- package/dist/src/lib/components/Image/Image.js.map +1 -0
- package/dist/src/lib/components/Image/style.module.css +70 -0
- package/dist/src/lib/components/Image/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLink/ImageLink.d.ts +15 -0
- package/dist/src/lib/components/ImageLink/ImageLink.js +19 -0
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -0
- package/dist/src/lib/components/ImageLink/style.module.css +111 -0
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -0
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.d.ts +9 -0
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js +12 -0
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css +14 -0
- package/dist/src/lib/components/ImageLinkList/style.module.css.map +1 -0
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +15 -0
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +45 -0
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -0
- package/dist/src/lib/components/InformationIcon/style.module.css +90 -0
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Input/Input.d.ts +31 -0
- package/dist/src/lib/components/Input/Input.js +26 -0
- package/dist/src/lib/components/Input/Input.js.map +1 -0
- package/dist/src/lib/components/Input/style.module.css +88 -0
- package/dist/src/lib/components/Input/style.module.css.map +1 -0
- package/dist/src/lib/components/Jumbotron/Jumbotron.d.ts +9 -0
- package/dist/src/lib/components/Jumbotron/Jumbotron.js +10 -0
- package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -0
- package/dist/src/lib/components/Jumbotron/style.module.css +5 -0
- package/dist/src/lib/components/Jumbotron/style.module.css.map +1 -0
- package/dist/src/lib/components/Nav/Nav.d.ts +22 -0
- package/dist/src/lib/components/Nav/Nav.js +62 -0
- package/dist/src/lib/components/Nav/Nav.js.map +1 -0
- package/dist/src/lib/components/Nav/style.module.css +299 -0
- package/dist/src/lib/components/Nav/style.module.css.map +1 -0
- package/dist/src/lib/components/NavItem/NavItem.d.ts +15 -0
- package/dist/src/lib/components/NavItem/NavItem.js +22 -0
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -0
- package/dist/src/lib/components/NavItem/style.module.css +133 -0
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -0
- package/dist/src/lib/components/NewsCard/NewsCard.d.ts +14 -0
- package/dist/src/lib/components/NewsCard/NewsCard.js +21 -0
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -0
- package/dist/src/lib/components/NewsCard/style.module.css +34 -0
- package/dist/src/lib/components/NewsCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Profile/Profile.d.ts +18 -0
- package/dist/src/lib/components/Profile/Profile.js +36 -0
- package/dist/src/lib/components/Profile/Profile.js.map +1 -0
- package/dist/src/lib/components/Profile/style.module.css +110 -0
- package/dist/src/lib/components/Profile/style.module.css.map +1 -0
- package/dist/src/lib/components/Row/Row.d.ts +8 -0
- package/dist/src/lib/components/Row/Row.js +9 -0
- package/dist/src/lib/components/Row/Row.js.map +1 -0
- package/dist/src/lib/components/Row/style.module.css +5 -0
- package/dist/src/lib/components/Row/style.module.css.map +1 -0
- package/dist/src/lib/components/Search/Search.d.ts +13 -0
- package/dist/src/lib/components/Search/Search.js +24 -0
- package/dist/src/lib/components/Search/Search.js.map +1 -0
- package/dist/src/lib/components/Search/style.module.css +48 -0
- package/dist/src/lib/components/Search/style.module.css.map +1 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +21 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +64 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -0
- package/dist/src/lib/components/SocialBlock/style.module.css +88 -0
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -0
- package/dist/src/lib/components/StarRating/StarRating.d.ts +9 -0
- package/dist/src/lib/components/StarRating/StarRating.js +28 -0
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -0
- package/dist/src/lib/components/StarRating/style.module.css +10 -0
- package/dist/src/lib/components/StarRating/style.module.css.map +1 -0
- package/dist/src/lib/components/Testimonial/Testimonial.d.ts +17 -0
- package/dist/src/lib/components/Testimonial/Testimonial.js +28 -0
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -0
- package/dist/src/lib/components/Testimonial/style.module.css +38 -0
- package/dist/src/lib/components/Testimonial/style.module.css.map +1 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +26 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +105 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css +106 -0
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -0
- package/dist/src/lib/components/TextArea/TextArea.d.ts +27 -0
- package/dist/src/lib/components/TextArea/TextArea.js +20 -0
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -0
- package/dist/src/lib/components/TextArea/style.module.css +73 -0
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -0
- package/dist/src/lib/components/Timeline/Timeline.d.ts +14 -0
- package/dist/src/lib/components/Timeline/Timeline.js +127 -0
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -0
- package/dist/src/lib/components/Timeline/style.module.css +249 -0
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -0
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +12 -0
- package/dist/src/lib/components/Tubestops/Tubestops.js +38 -0
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -0
- package/dist/src/lib/components/Tubestops/style.module.css +952 -0
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -0
- package/dist/src/lib/components/UserIcon/UserIcon.d.ts +11 -0
- package/dist/src/lib/components/UserIcon/UserIcon.js +17 -0
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -0
- package/dist/src/lib/components/UserIcon/style.module.css +42 -0
- package/dist/src/lib/components/UserIcon/style.module.css.map +1 -0
- package/dist/src/lib/components/Video/Video.d.ts +17 -0
- package/dist/src/lib/components/Video/Video.js +9 -0
- package/dist/src/lib/components/Video/Video.js.map +1 -0
- package/dist/src/lib/index.d.ts +39 -39
- package/dist/src/lib/index.js +40 -42
- package/dist/src/lib/index.js.map +1 -1
- package/package.json +2 -6
- package/dist/src/lib/components/Accordion/index.js.map +0 -1
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import Icon from '../Icon/Icon';
|
|
3
|
+
import classNames from 'classnames';
|
|
4
|
+
import style from './style.module.css';
|
|
5
|
+
const Collapsible = ({ id, className, title, subtitle, boldTitle, borderTop, borderBottom, showBottomLine, iconProps, children }) => {
|
|
6
|
+
const [expanded, setExpanded] = useState(false);
|
|
7
|
+
useEffect(() => {
|
|
8
|
+
const coll = document.getElementsByClassName('collapsible');
|
|
9
|
+
let i;
|
|
10
|
+
for (i = 0; i < coll.length; i++) {
|
|
11
|
+
coll[i].addEventListener('click', function (err) {
|
|
12
|
+
const content = this.nextElementSibling;
|
|
13
|
+
const scrollHeight = content.scrollHeight.toString();
|
|
14
|
+
if (content.style.maxHeight === '0px') {
|
|
15
|
+
content.style.maxHeight = `${scrollHeight}px`;
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
content.style.maxHeight = '0px';
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
const headingClassList = classNames({
|
|
24
|
+
[style.borderBottom]: borderBottom,
|
|
25
|
+
[style.borderTop]: borderTop
|
|
26
|
+
}, style.headingClassList, 'collapsible');
|
|
27
|
+
const classList = classNames(className, style.classList, 'transition-opactiy');
|
|
28
|
+
const padding = classNames({
|
|
29
|
+
[style.titles]: title !== undefined && subtitle !== undefined,
|
|
30
|
+
[style.titleOnly]: title !== undefined && subtitle === undefined
|
|
31
|
+
});
|
|
32
|
+
const textSubstitutePadding = classNames({
|
|
33
|
+
[style.textSubstitutePadding]: title === undefined && subtitle === undefined
|
|
34
|
+
});
|
|
35
|
+
const contentWrapperClassList = classNames({
|
|
36
|
+
[style.expanded]: expanded,
|
|
37
|
+
[style.collapsed]: !expanded
|
|
38
|
+
}, style.contentWrapperClassList);
|
|
39
|
+
const childrenClassList = classNames(padding, style.childrenClassList);
|
|
40
|
+
const expandItem = (e) => {
|
|
41
|
+
const content = e.currentTarget.nextElementSibling;
|
|
42
|
+
const scrollHeight = content.scrollHeight.toString();
|
|
43
|
+
if (!expanded) {
|
|
44
|
+
content.style.maxHeight = `${scrollHeight}px`;
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
content.style.maxHeight = '0px';
|
|
48
|
+
}
|
|
49
|
+
setExpanded(!expanded);
|
|
50
|
+
};
|
|
51
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
52
|
+
React.createElement("div", { onClick: e => expandItem(e), className: headingClassList },
|
|
53
|
+
(iconProps !== undefined) &&
|
|
54
|
+
React.createElement("div", { className: classNames(style.iconWrapper, padding, textSubstitutePadding) },
|
|
55
|
+
React.createElement(Icon, Object.assign({}, iconProps))),
|
|
56
|
+
(title !== undefined || subtitle !== undefined) &&
|
|
57
|
+
React.createElement("div", { className: style.titleWrapper },
|
|
58
|
+
title !== undefined && React.createElement("h4", null, title),
|
|
59
|
+
subtitle !== undefined && React.createElement("h5", null,
|
|
60
|
+
React.createElement("small", null, subtitle))),
|
|
61
|
+
children !== undefined &&
|
|
62
|
+
React.createElement("div", { className: childrenClassList },
|
|
63
|
+
React.createElement(Icon, { type: expanded ? 'chevron-up' : 'chevron-down', colour: 'white', bgColour: 'primary' }))),
|
|
64
|
+
children !== undefined &&
|
|
65
|
+
React.createElement("div", { className: contentWrapperClassList, style: { transition: 'max-height 0.2s ease-out' } }, children)));
|
|
66
|
+
};
|
|
67
|
+
export default Collapsible;
|
|
68
|
+
//# sourceMappingURL=Collapsible.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../../src/lib/components/Collapsible/Collapsible.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
.borderBottom {
|
|
2
|
+
|
|
3
|
+
border-bottom-width: 1px
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.borderTop {
|
|
7
|
+
|
|
8
|
+
border-top-width: 1px
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.headingClassList {
|
|
12
|
+
|
|
13
|
+
display: flex;
|
|
14
|
+
|
|
15
|
+
width: auto;
|
|
16
|
+
|
|
17
|
+
text-align: center
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.classList {
|
|
21
|
+
|
|
22
|
+
--tw-bg-opacity: 1;
|
|
23
|
+
|
|
24
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
25
|
+
|
|
26
|
+
--tw-text-opacity: 1;
|
|
27
|
+
|
|
28
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
29
|
+
|
|
30
|
+
transition-duration: 300ms
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.classList:hover {
|
|
34
|
+
|
|
35
|
+
--tw-bg-opacity: 1;
|
|
36
|
+
|
|
37
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
38
|
+
|
|
39
|
+
--tw-text-opacity: 1;
|
|
40
|
+
|
|
41
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.contentWrapperClassList {
|
|
45
|
+
|
|
46
|
+
width: auto;
|
|
47
|
+
|
|
48
|
+
overflow: hidden;
|
|
49
|
+
|
|
50
|
+
--tw-bg-opacity: 1;
|
|
51
|
+
|
|
52
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
53
|
+
|
|
54
|
+
padding-left: 1rem;
|
|
55
|
+
|
|
56
|
+
padding-right: 1rem;
|
|
57
|
+
|
|
58
|
+
--tw-text-opacity: 1;
|
|
59
|
+
|
|
60
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.childrenClassList {
|
|
64
|
+
|
|
65
|
+
width: 100%;
|
|
66
|
+
|
|
67
|
+
padding-right: 2rem;
|
|
68
|
+
|
|
69
|
+
text-align: right
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.titleWrapper {
|
|
73
|
+
|
|
74
|
+
width: 100%;
|
|
75
|
+
|
|
76
|
+
padding-top: 1rem;
|
|
77
|
+
|
|
78
|
+
padding-bottom: 1rem;
|
|
79
|
+
|
|
80
|
+
padding-left: 1rem;
|
|
81
|
+
|
|
82
|
+
text-align: left
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.expanded {
|
|
86
|
+
|
|
87
|
+
margin-top: 0.5rem;
|
|
88
|
+
|
|
89
|
+
margin-bottom: 0.5rem;
|
|
90
|
+
|
|
91
|
+
max-height: max-content
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.collapsed {
|
|
95
|
+
|
|
96
|
+
max-height: 0px
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.textSubstitutePadding {
|
|
100
|
+
|
|
101
|
+
padding-top: 1rem;
|
|
102
|
+
|
|
103
|
+
padding-bottom: 1rem
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
.titles {
|
|
107
|
+
|
|
108
|
+
padding-top: 1.75rem
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
.titleOnly {
|
|
112
|
+
|
|
113
|
+
padding-top: 1rem
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
.iconWrapper {
|
|
117
|
+
|
|
118
|
+
padding-left: 1rem;
|
|
119
|
+
|
|
120
|
+
text-align: left
|
|
121
|
+
}
|
|
122
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Collapsible/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAe;;AAIf;;IAAA;AAAe;;AAIf;;IAAA,aAA8B;;IAA9B,WAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA2E;;IAA3E,sDAA2E;;IAA3E,oBAA2E;;IAA3E,gDAA2E;;IAA3E;AAA2E;;AAA3E;;IAAA,kBAA2E;;IAA3E,yDAA2E;;IAA3E,oBAA2E;;IAA3E;AAA2E;;AAI3E;;IAAA,WAAwD;;IAAxD,gBAAwD;;IAAxD,kBAAwD;;IAAxD,yDAAwD;;IAAxD,kBAAwD;;IAAxD,mBAAwD;;IAAxD,oBAAwD;;IAAxD;AAAwD;;AAIxD;;IAAA,WAA6B;;IAA7B,mBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,WAAiC;;IAAjC,iBAAiC;;IAAjC,oBAAiC;;IAAjC,kBAAiC;;IAAjC;AAAiC;;AAIjC;;IAAA,kBAAqB;;IAArB,qBAAqB;;IAArB;AAAqB;;AAIrB;;IAAA;AAAc;;AAId;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,kBAAoB;;IAApB;AAAoB","file":"style.module.css","sourcesContent":[".borderBottom {\n @apply border-b;\n}\n\n.borderTop {\n @apply border-t;\n}\n\n.headingClassList {\n @apply w-auto flex text-center;\n}\n\n.classList {\n @apply bg-primary text-white hover:bg-white hover:text-primary duration-300;\n}\n\n.contentWrapperClassList {\n @apply w-auto overflow-hidden px-4 bg-white text-primary;\n}\n\n.childrenClassList {\n @apply w-full pr-8 text-right;\n}\n\n.titleWrapper {\n @apply w-full pl-4 py-4 text-left;\n}\n\n.expanded {\n @apply max-h-max my-2;\n}\n\n.collapsed {\n @apply max-h-0;\n}\n\n.textSubstitutePadding {\n @apply py-4;\n}\n\n.titles {\n @apply pt-7;\n}\n\n.titleOnly {\n @apply pt-4;\n}\n\n.iconWrapper {\n @apply pl-4 text-left\n}"]}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const Column = ({ id, className, sm = 1, md = 1, lg = 1, xl = 1, children }) => {
|
|
5
|
+
const widthOptions = [
|
|
6
|
+
{ 1: [style.size1] },
|
|
7
|
+
{ 2: [style.size2] },
|
|
8
|
+
{ 3: [style.size3] },
|
|
9
|
+
{ 4: [style.size4] },
|
|
10
|
+
{ 5: [style.size5] },
|
|
11
|
+
{ 6: [style.size6] },
|
|
12
|
+
{ 7: [style.size7] },
|
|
13
|
+
{ 8: [style.size8] },
|
|
14
|
+
{ 9: [style.size9] },
|
|
15
|
+
{ 10: [style.size10] },
|
|
16
|
+
{ 11: [style.size11] },
|
|
17
|
+
{ 12: [style.size12] }
|
|
18
|
+
];
|
|
19
|
+
const mdWidthOptions = [
|
|
20
|
+
{ 1: [style.mdSize1] },
|
|
21
|
+
{ 2: [style.mdSize2] },
|
|
22
|
+
{ 3: [style.mdSize3] },
|
|
23
|
+
{ 4: [style.mdSize4] },
|
|
24
|
+
{ 5: [style.mdSize5] },
|
|
25
|
+
{ 6: [style.mdSize6] },
|
|
26
|
+
{ 7: [style.mdSize7] },
|
|
27
|
+
{ 8: [style.mdSize8] },
|
|
28
|
+
{ 9: [style.mdSize9] },
|
|
29
|
+
{ 10: [style.mdSize10] },
|
|
30
|
+
{ 11: [style.mdSize11] },
|
|
31
|
+
{ 12: [style.mdSize12] }
|
|
32
|
+
];
|
|
33
|
+
const lgWidthOptions = [
|
|
34
|
+
{ 1: [style.lgSize1] },
|
|
35
|
+
{ 2: [style.lgSize2] },
|
|
36
|
+
{ 3: [style.lgSize3] },
|
|
37
|
+
{ 4: [style.lgSize4] },
|
|
38
|
+
{ 5: [style.lgSize5] },
|
|
39
|
+
{ 6: [style.lgSize6] },
|
|
40
|
+
{ 7: [style.lgSize7] },
|
|
41
|
+
{ 8: [style.lgSize8] },
|
|
42
|
+
{ 9: [style.lgSize9] },
|
|
43
|
+
{ 10: [style.lgSize10] },
|
|
44
|
+
{ 11: [style.lgSize11] },
|
|
45
|
+
{ 12: [style.lgSize12] }
|
|
46
|
+
];
|
|
47
|
+
const xlWidthOptions = [
|
|
48
|
+
{ 1: [style.xlSize1] },
|
|
49
|
+
{ 2: [style.xlSize2] },
|
|
50
|
+
{ 3: [style.xlSize3] },
|
|
51
|
+
{ 4: [style.xlSize4] },
|
|
52
|
+
{ 5: [style.xlSize5] },
|
|
53
|
+
{ 6: [style.xlSize6] },
|
|
54
|
+
{ 7: [style.xlSize7] },
|
|
55
|
+
{ 8: [style.xlSize8] },
|
|
56
|
+
{ 9: [style.xlSize9] },
|
|
57
|
+
{ 10: [style.xlSize10] },
|
|
58
|
+
{ 11: [style.xlSize11] },
|
|
59
|
+
{ 12: [style.xlSize12] }
|
|
60
|
+
];
|
|
61
|
+
const calculateWidth = (screen, size) => {
|
|
62
|
+
switch (screen) {
|
|
63
|
+
case 'sm':
|
|
64
|
+
return Object.values(widthOptions[size - 1]).toString();
|
|
65
|
+
case 'md':
|
|
66
|
+
return Object.values(mdWidthOptions[size - 1]).toString();
|
|
67
|
+
case 'lg':
|
|
68
|
+
return Object.values(lgWidthOptions[size - 1]).toString();
|
|
69
|
+
case 'xl':
|
|
70
|
+
return Object.values(xlWidthOptions[size - 1]).toString();
|
|
71
|
+
default:
|
|
72
|
+
return Object.values(widthOptions[size - 1]).toString();
|
|
73
|
+
}
|
|
74
|
+
};
|
|
75
|
+
const classList = classNames({
|
|
76
|
+
[calculateWidth('sm', sm)]: sm,
|
|
77
|
+
[calculateWidth('md', md)]: md,
|
|
78
|
+
[calculateWidth('lg', lg)]: lg,
|
|
79
|
+
[calculateWidth('xl', xl)]: xl
|
|
80
|
+
}, className, style.classList);
|
|
81
|
+
return (React.createElement("div", { id: id, className: classList }, children));
|
|
82
|
+
};
|
|
83
|
+
export default Column;
|
|
84
|
+
//# sourceMappingURL=Column.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Column.js","sourceRoot":"","sources":["../../../../../src/lib/components/Column/Column.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAWtC,MAAM,MAAM,GAAoB,CAAC,EAC/B,EAAE,EACF,SAAS,EACT,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,EAAE,GAAG,CAAC,EACN,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,YAAY,GAAG;QACnB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;QACpB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE;KACvB,CAAA;IAED,MAAM,cAAc,GAAG;QACrB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;KACzB,CAAA;IAED,MAAM,cAAc,GAAG;QACrB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;KACzB,CAAA;IAED,MAAM,cAAc,GAAG;QACrB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;QACtB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;QACxB,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE;KACzB,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,MAAW,EAAE,IAAY,EAAU,EAAE;QAC3D,QAAQ,MAAM,EAAE;YACd,KAAK,IAAI;gBACP,OAAO,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;YACzD,KAAK,IAAI;gBACP,OAAO,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;YAC3D,KAAK,IAAI;gBACP,OAAO,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;YAC3D,KAAK,IAAI;gBACP,OAAO,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;YAC3D;gBACE,OAAO,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAA;SAC1D;IACH,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;QAC9B,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;QAC9B,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;QAC9B,CAAC,cAAc,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE;KAC/B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAE9B,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,IAEnB,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
.classList {
|
|
2
|
+
|
|
3
|
+
height: 100%
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.size1 {
|
|
7
|
+
|
|
8
|
+
width: 8.333333%
|
|
9
|
+
}
|
|
10
|
+
.size2 {
|
|
11
|
+
|
|
12
|
+
width: 16.666667%
|
|
13
|
+
}
|
|
14
|
+
.size3 {
|
|
15
|
+
|
|
16
|
+
width: 25%
|
|
17
|
+
}
|
|
18
|
+
.size4 {
|
|
19
|
+
|
|
20
|
+
width: 33.333333%
|
|
21
|
+
}
|
|
22
|
+
.size5 {
|
|
23
|
+
|
|
24
|
+
width: 41.666667%
|
|
25
|
+
}
|
|
26
|
+
.size6 {
|
|
27
|
+
|
|
28
|
+
width: 50%
|
|
29
|
+
}
|
|
30
|
+
.size7 {
|
|
31
|
+
|
|
32
|
+
width: 58.333333%
|
|
33
|
+
}
|
|
34
|
+
.size8 {
|
|
35
|
+
|
|
36
|
+
width: 66.666667%
|
|
37
|
+
}
|
|
38
|
+
.size9 {
|
|
39
|
+
|
|
40
|
+
width: 75%
|
|
41
|
+
}
|
|
42
|
+
.size10 {
|
|
43
|
+
|
|
44
|
+
width: 83.333333%
|
|
45
|
+
}
|
|
46
|
+
.size11 {
|
|
47
|
+
|
|
48
|
+
width: 91.666667%
|
|
49
|
+
}
|
|
50
|
+
.size12 {
|
|
51
|
+
|
|
52
|
+
width: 100%
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@media (min-width: 768px) {
|
|
56
|
+
|
|
57
|
+
.mdSize1 {
|
|
58
|
+
|
|
59
|
+
width: 8.333333%
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.mdSize2 {
|
|
63
|
+
|
|
64
|
+
width: 16.666667%
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
.mdSize3 {
|
|
68
|
+
|
|
69
|
+
width: 25%
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.mdSize4 {
|
|
73
|
+
|
|
74
|
+
width: 33.333333%
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.mdSize5 {
|
|
78
|
+
|
|
79
|
+
width: 41.666667%
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.mdSize6 {
|
|
83
|
+
|
|
84
|
+
width: 50%
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.mdSize7 {
|
|
88
|
+
|
|
89
|
+
width: 58.333333%
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.mdSize8 {
|
|
93
|
+
|
|
94
|
+
width: 66.666667%
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.mdSize9 {
|
|
98
|
+
|
|
99
|
+
width: 75%
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.mdSize10 {
|
|
103
|
+
|
|
104
|
+
width: 83.333333%
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
.mdSize11 {
|
|
108
|
+
|
|
109
|
+
width: 91.666667%
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
.mdSize12 {
|
|
113
|
+
|
|
114
|
+
width: 100%
|
|
115
|
+
}
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
@media (min-width: 1024px) {
|
|
119
|
+
|
|
120
|
+
.lgSize1 {
|
|
121
|
+
|
|
122
|
+
width: 8.333333%
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.lgSize2 {
|
|
126
|
+
|
|
127
|
+
width: 16.666667%
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.lgSize3 {
|
|
131
|
+
|
|
132
|
+
width: 25%
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.lgSize4 {
|
|
136
|
+
|
|
137
|
+
width: 33.333333%
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.lgSize5 {
|
|
141
|
+
|
|
142
|
+
width: 41.666667%
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.lgSize6 {
|
|
146
|
+
|
|
147
|
+
width: 50%
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
.lgSize7 {
|
|
151
|
+
|
|
152
|
+
width: 58.333333%
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.lgSize8 {
|
|
156
|
+
|
|
157
|
+
width: 66.666667%
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
.lgSize9 {
|
|
161
|
+
|
|
162
|
+
width: 75%
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
.lgSize10 {
|
|
166
|
+
|
|
167
|
+
width: 83.333333%
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.lgSize11 {
|
|
171
|
+
|
|
172
|
+
width: 91.666667%
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.lgSize12 {
|
|
176
|
+
|
|
177
|
+
width: 100%
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
@media (min-width: 1280px) {
|
|
182
|
+
|
|
183
|
+
.xlSize1 {
|
|
184
|
+
|
|
185
|
+
width: 8.333333%
|
|
186
|
+
}
|
|
187
|
+
|
|
188
|
+
.xlSize2 {
|
|
189
|
+
|
|
190
|
+
width: 16.666667%
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
.xlSize3 {
|
|
194
|
+
|
|
195
|
+
width: 25%
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.xlSize4 {
|
|
199
|
+
|
|
200
|
+
width: 33.333333%
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.xlSize5 {
|
|
204
|
+
|
|
205
|
+
width: 41.666667%
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.xlSize6 {
|
|
209
|
+
|
|
210
|
+
width: 50%
|
|
211
|
+
}
|
|
212
|
+
|
|
213
|
+
.xlSize7 {
|
|
214
|
+
|
|
215
|
+
width: 58.333333%
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
.xlSize8 {
|
|
219
|
+
|
|
220
|
+
width: 66.666667%
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.xlSize9 {
|
|
224
|
+
|
|
225
|
+
width: 75%
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.xlSize10 {
|
|
229
|
+
|
|
230
|
+
width: 83.333333%
|
|
231
|
+
}
|
|
232
|
+
|
|
233
|
+
.xlSize11 {
|
|
234
|
+
|
|
235
|
+
width: 91.666667%
|
|
236
|
+
}
|
|
237
|
+
|
|
238
|
+
.xlSize12 {
|
|
239
|
+
|
|
240
|
+
width: 100%
|
|
241
|
+
}
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Column/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAGR;;IAAA;AAAa;AACb;;IAAA;AAAa;AACb;;IAAA;AAAa;AACb;;IAAA;AAAa;AACb;;IAAA;AAAa;AACb;;IAAA;AAAa;AACb;;IAAA;AAAa;AACb;;IAAA;AAAa;AACb;;IAAA;AAAa;AACZ;;IAAA;AAAc;AACd;;IAAA;AAAc;AACd;;IAAA;AAAa;;AAEZ;;IAAA;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IACf;;QAAA;IAAiB;;IACjB;;QAAA;IAAiB;;IACjB;;QAAA;IAAgB;AAXD;;AAahB;;IAAA;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IACf;;QAAA;IAAiB;;IACjB;;QAAA;IAAiB;;IACjB;;QAAA;IAAgB;AAXD;;AAahB;;IAAA;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IAChB;;QAAA;IAAgB;;IACf;;QAAA;IAAiB;;IACjB;;QAAA;IAAiB;;IACjB;;QAAA;IAAgB;AAXD","file":"style.module.css","sourcesContent":[".classList {\n @apply h-full;\n}\n\n.size1 { @apply w-1/12; }\n.size2 { @apply w-2/12; }\n.size3 { @apply w-3/12; }\n.size4 { @apply w-4/12; }\n.size5 { @apply w-5/12; }\n.size6 { @apply w-6/12; }\n.size7 { @apply w-7/12; }\n.size8 { @apply w-8/12; }\n.size9 { @apply w-9/12; }\n.size10 { @apply w-10/12; }\n.size11 { @apply w-11/12; }\n.size12 { @apply w-full; }\n\n.mdSize1 { @apply md:w-1/12; }\n.mdSize2 { @apply md:w-2/12; }\n.mdSize3 { @apply md:w-3/12; }\n.mdSize4 { @apply md:w-4/12; }\n.mdSize5 { @apply md:w-5/12; }\n.mdSize6 { @apply md:w-6/12; }\n.mdSize7 { @apply md:w-7/12; }\n.mdSize8 { @apply md:w-8/12; }\n.mdSize9 { @apply md:w-9/12; }\n.mdSize10 { @apply md:w-10/12; }\n.mdSize11 { @apply md:w-11/12; }\n.mdSize12 { @apply md:w-full; }\n\n.lgSize1 { @apply lg:w-1/12; }\n.lgSize2 { @apply lg:w-2/12; }\n.lgSize3 { @apply lg:w-3/12; }\n.lgSize4 { @apply lg:w-4/12; }\n.lgSize5 { @apply lg:w-5/12; }\n.lgSize6 { @apply lg:w-6/12; }\n.lgSize7 { @apply lg:w-7/12; }\n.lgSize8 { @apply lg:w-8/12; }\n.lgSize9 { @apply lg:w-9/12; }\n.lgSize10 { @apply lg:w-10/12; }\n.lgSize11 { @apply lg:w-11/12; }\n.lgSize12 { @apply lg:w-full; }\n\n.xlSize1 { @apply xl:w-1/12; }\n.xlSize2 { @apply xl:w-2/12; }\n.xlSize3 { @apply xl:w-3/12; }\n.xlSize4 { @apply xl:w-4/12; }\n.xlSize5 { @apply xl:w-5/12; }\n.xlSize6 { @apply xl:w-6/12; }\n.xlSize7 { @apply xl:w-7/12; }\n.xlSize8 { @apply xl:w-8/12; }\n.xlSize9 { @apply xl:w-9/12; }\n.xlSize10 { @apply xl:w-10/12; }\n.xlSize11 { @apply xl:w-11/12; }\n.xlSize12 { @apply xl:w-full; }\n"]}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import style from './style.module.css';
|
|
4
|
+
const Container = ({ id, className, maxWidth = 1200, children }) => {
|
|
5
|
+
const classList = classNames(className, style.classList);
|
|
6
|
+
return (React.createElement("div", { id: id, className: classList, style: { maxWidth: `${maxWidth}px` } }, children));
|
|
7
|
+
};
|
|
8
|
+
export default Container;
|
|
9
|
+
//# sourceMappingURL=Container.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/lib/components/Container/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,QAAQ,GAAG,IAAI,EACf,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,QAAQ,IAAI,EAAE,IAEnC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Container/style.module.css"],"names":[],"mappings":"AACI;IAAA,iBAAc;IAAd;AAAc","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto;\n}"]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Props as buttonProps } from '../Button/Button';
|
|
3
|
+
export interface Props {
|
|
4
|
+
id?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
buttonProps?: buttonProps;
|
|
7
|
+
text?: string;
|
|
8
|
+
theme?: 'light' | 'dark';
|
|
9
|
+
}
|
|
10
|
+
declare const Footer: ({ id, className, text, buttonProps, theme }: Props) => JSX.Element;
|
|
11
|
+
export default Footer;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import Button from '../Button/Button';
|
|
4
|
+
import style from './style.module.css';
|
|
5
|
+
const Footer = ({ id, className, text, buttonProps, theme }) => {
|
|
6
|
+
const colours = theme === 'dark' ? [style.dark] : [style.light];
|
|
7
|
+
const classList = classNames(className, colours, style.classList);
|
|
8
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
9
|
+
React.createElement("div", { className: style.textClassList }, text),
|
|
10
|
+
React.createElement("div", { className: style.buttonClassList },
|
|
11
|
+
React.createElement(Button, { variant: theme === 'dark' ? 'primary' : 'secondary', rounded: true, href: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.href, onClick: buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.onClick }, buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children))));
|
|
12
|
+
};
|
|
13
|
+
export default Footer;
|
|
14
|
+
//# sourceMappingURL=Footer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Footer.js","sourceRoot":"","sources":["../../../../../src/lib/components/Footer/Footer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAUtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACC,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAC/D,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEjE,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa,IAChC,IAAI,CACD;QACN,6BAAK,SAAS,EAAE,KAAK,CAAC,eAAe;YACnC,oBAAC,MAAM,IACL,OAAO,EAAE,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,EACnD,OAAO,QACP,IAAI,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACvB,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,IAE5B,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,QAAQ,CACf,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|