trepur_components 1.0.24 → 1.0.26
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/Accordion.d.ts +2 -0
- package/dist/src/lib/components/Accordion/Accordion.js +2 -2
- package/dist/src/lib/components/Accordion/Accordion.js.map +1 -1
- package/dist/src/lib/components/AlertBar/AlertBar.d.ts +3 -2
- package/dist/src/lib/components/AlertBar/AlertBar.js +2 -4
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/AlertBar/style.module.css +5 -15
- package/dist/src/lib/components/AlertBar/style.module.css.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.d.ts +3 -1
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/lib/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/src/lib/components/Breadcrumbs/style.module.css +1 -3
- package/dist/src/lib/components/Breadcrumbs/style.module.css.map +1 -1
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.d.ts +2 -0
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js +2 -2
- package/dist/src/lib/components/BreadcrumbsBordered/BreadcrumbsBordered.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.d.ts +3 -1
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js +2 -2
- package/dist/src/lib/components/BreadcrumbsItem/BreadcrumbsItem.js.map +1 -1
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css +2 -2
- package/dist/src/lib/components/BreadcrumbsItem/style.module.css.map +1 -1
- package/dist/src/lib/components/Button/Button.d.ts +3 -1
- package/dist/src/lib/components/Button/Button.js +2 -2
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Button/style.module.css +12 -36
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/Card/Card.d.ts +2 -0
- package/dist/src/lib/components/Card/Card.js +2 -2
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Card/style.module.css +13 -11
- package/dist/src/lib/components/Card/style.module.css.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.d.ts +3 -1
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js +2 -2
- package/dist/src/lib/components/CardWithTopImage/CardWithTopImage.js.map +1 -1
- package/dist/src/lib/components/CardWithTopImage/style.module.css +3 -6
- package/dist/src/lib/components/CardWithTopImage/style.module.css.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +4 -1
- package/dist/src/lib/components/Carousel/Carousel.js +5 -6
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Checkbox/Checkbox.d.ts +10 -0
- package/dist/src/lib/components/Checkbox/Checkbox.js +16 -0
- package/dist/src/lib/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/src/lib/components/Checkbox/style.module.css +44 -0
- package/dist/src/lib/components/Checkbox/style.module.css.map +1 -0
- package/dist/src/lib/components/Collapsible/Collapsible.d.ts +3 -1
- package/dist/src/lib/components/Collapsible/Collapsible.js +2 -2
- package/dist/src/lib/components/Collapsible/Collapsible.js.map +1 -1
- package/dist/src/lib/components/Collapsible/style.module.css +6 -18
- package/dist/src/lib/components/Collapsible/style.module.css.map +1 -1
- package/dist/src/lib/components/Column/Column.d.ts +2 -0
- package/dist/src/lib/components/Column/Column.js +2 -2
- package/dist/src/lib/components/Column/Column.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.d.ts +3 -2
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js +2 -2
- package/dist/src/lib/components/ComponentWrapper/ComponentWrapper.js.map +1 -1
- package/dist/src/lib/components/ComponentWrapper/style.module.css +10 -30
- package/dist/src/lib/components/ComponentWrapper/style.module.css.map +1 -1
- package/dist/src/lib/components/Container/Container.d.ts +3 -1
- package/dist/src/lib/components/Container/Container.js +2 -2
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/FilterItem/FilterItem.d.ts +12 -0
- package/dist/src/lib/components/FilterItem/FilterItem.js +51 -0
- package/dist/src/lib/components/FilterItem/FilterItem.js.map +1 -0
- package/dist/src/lib/components/FilterItem/style.module.css +65 -0
- package/dist/src/lib/components/FilterItem/style.module.css.map +1 -0
- package/dist/src/lib/components/Footer/Footer.d.ts +4 -2
- package/dist/src/lib/components/Footer/Footer.js +5 -5
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/Footer/style.module.css +4 -12
- package/dist/src/lib/components/Footer/style.module.css.map +1 -1
- package/dist/src/lib/components/Form/Form.d.ts +3 -1
- package/dist/src/lib/components/Form/Form.js +1 -1
- package/dist/src/lib/components/Form/Form.js.map +1 -1
- package/dist/src/lib/components/FyreCard/FyreCard.d.ts +3 -1
- package/dist/src/lib/components/FyreCard/FyreCard.js +2 -2
- package/dist/src/lib/components/FyreCard/FyreCard.js.map +1 -1
- package/dist/src/lib/components/FyreCard/style.module.css +1 -1
- package/dist/src/lib/components/FyreCard/style.module.css.map +1 -1
- package/dist/src/lib/components/Greeting/Greeting.d.ts +3 -1
- package/dist/src/lib/components/Greeting/Greeting.js +1 -1
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.d.ts +3 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +2 -2
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/style.module.css +2 -2
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/Icon/Icon.d.ts +3 -2
- package/dist/src/lib/components/Icon/Icon.js +2 -2
- package/dist/src/lib/components/Icon/Icon.js.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +47 -99
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/Image/Image.d.ts +3 -1
- package/dist/src/lib/components/Image/Image.js +2 -2
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Image/style.module.css +3 -9
- package/dist/src/lib/components/Image/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.d.ts +2 -1
- package/dist/src/lib/components/ImageInfo/ImageInfo.js +3 -3
- package/dist/src/lib/components/ImageInfo/ImageInfo.js.map +1 -1
- package/dist/src/lib/components/ImageInfo/style.module.css +2 -1
- package/dist/src/lib/components/ImageInfo/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLink/ImageLink.d.ts +3 -1
- package/dist/src/lib/components/ImageLink/ImageLink.js +2 -2
- package/dist/src/lib/components/ImageLink/ImageLink.js.map +1 -1
- package/dist/src/lib/components/ImageLink/style.module.css +2 -6
- package/dist/src/lib/components/ImageLink/style.module.css.map +1 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.d.ts +3 -1
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js +2 -2
- package/dist/src/lib/components/ImageLinkList/ImageLinkList.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +3 -2
- package/dist/src/lib/components/InformationIcon/InformationIcon.js +2 -2
- package/dist/src/lib/components/InformationIcon/InformationIcon.js.map +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +65 -31
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.d.ts +3 -2
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js +4 -2
- package/dist/src/lib/components/InformationIconBlock/InformationIconBlock.js.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +2 -2
- package/dist/src/lib/components/Input/Input.js +2 -2
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +18 -54
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.d.ts +3 -1
- package/dist/src/lib/components/Jumbotron/Jumbotron.js +2 -2
- package/dist/src/lib/components/Jumbotron/Jumbotron.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +4 -4
- package/dist/src/lib/components/Nav/Nav.js +29 -14
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +23 -0
- package/dist/src/lib/components/Nav/StickyNav.js +56 -0
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -0
- package/dist/src/lib/components/Nav/style.module.css +47 -29
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.d.ts +3 -1
- package/dist/src/lib/components/NavItem/NavItem.js +2 -2
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/NavItem/style.module.css +8 -24
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/NewsCard/NewsCard.d.ts +3 -1
- package/dist/src/lib/components/NewsCard/NewsCard.js +2 -2
- package/dist/src/lib/components/NewsCard/NewsCard.js.map +1 -1
- package/dist/src/lib/components/Pill/Pill.d.ts +12 -0
- package/dist/src/lib/components/Pill/Pill.js +27 -0
- package/dist/src/lib/components/Pill/Pill.js.map +1 -0
- package/dist/src/lib/components/Pill/style.module.css +60 -0
- package/dist/src/lib/components/Pill/style.module.css.map +1 -0
- package/dist/src/lib/components/ProductCard/ProductCard.d.ts +17 -0
- package/dist/src/lib/components/ProductCard/ProductCard.js +31 -0
- package/dist/src/lib/components/ProductCard/ProductCard.js.map +1 -0
- package/dist/src/lib/components/ProductCard/style.module.css +74 -0
- package/dist/src/lib/components/ProductCard/style.module.css.map +1 -0
- package/dist/src/lib/components/Proficiencies/Proficiencies.d.ts +3 -2
- package/dist/src/lib/components/Proficiencies/Proficiencies.js +2 -2
- package/dist/src/lib/components/Proficiencies/Proficiencies.js.map +1 -1
- package/dist/src/lib/components/Proficiencies/style.module.css +2 -6
- package/dist/src/lib/components/Proficiencies/style.module.css.map +1 -1
- package/dist/src/lib/components/Profile/Profile.d.ts +3 -1
- package/dist/src/lib/components/Profile/Profile.js +2 -2
- package/dist/src/lib/components/Profile/Profile.js.map +1 -1
- package/dist/src/lib/components/Row/Row.d.ts +3 -1
- package/dist/src/lib/components/Row/Row.js +2 -2
- package/dist/src/lib/components/Row/Row.js.map +1 -1
- package/dist/src/lib/components/Search/Search.d.ts +3 -1
- package/dist/src/lib/components/Search/Search.js +2 -2
- package/dist/src/lib/components/Search/Search.js.map +1 -1
- package/dist/src/lib/components/SideNav/SideNav.d.ts +14 -0
- package/dist/src/lib/components/SideNav/SideNav.js +14 -0
- package/dist/src/lib/components/SideNav/SideNav.js.map +1 -0
- package/dist/src/lib/components/SideNav/style.module.css +92 -0
- package/dist/src/lib/components/SideNav/style.module.css.map +1 -0
- package/dist/src/lib/components/SocialBlock/SocialBlock.d.ts +4 -3
- package/dist/src/lib/components/SocialBlock/SocialBlock.js +4 -4
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialBlock/style.module.css +9 -29
- package/dist/src/lib/components/SocialBlock/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.d.ts +3 -1
- package/dist/src/lib/components/SocialButton/SocialButton.js +9 -11
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/SocialButton/style.module.css +14 -83
- package/dist/src/lib/components/SocialButton/style.module.css.map +1 -1
- package/dist/src/lib/components/StarRating/StarRating.d.ts +3 -1
- package/dist/src/lib/components/StarRating/StarRating.js +2 -2
- package/dist/src/lib/components/StarRating/StarRating.js.map +1 -1
- package/dist/src/lib/components/Testimonial/Testimonial.d.ts +3 -1
- package/dist/src/lib/components/Testimonial/Testimonial.js +2 -2
- package/dist/src/lib/components/Testimonial/Testimonial.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +2 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +3 -3
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/style.module.css +13 -35
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +2 -2
- package/dist/src/lib/components/TextArea/TextArea.js +2 -2
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +16 -48
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/dist/src/lib/components/Timeline/Timeline.d.ts +3 -2
- package/dist/src/lib/components/Timeline/Timeline.js +2 -2
- package/dist/src/lib/components/Timeline/Timeline.js.map +1 -1
- package/dist/src/lib/components/Timeline/style.module.css +13 -26
- package/dist/src/lib/components/Timeline/style.module.css.map +1 -1
- package/dist/src/lib/components/Tubestops/Tubestops.d.ts +2 -0
- package/dist/src/lib/components/Tubestops/Tubestops.js +2 -2
- package/dist/src/lib/components/Tubestops/Tubestops.js.map +1 -1
- package/dist/src/lib/components/Tubestops/style.module.css +1 -3
- package/dist/src/lib/components/Tubestops/style.module.css.map +1 -1
- package/dist/src/lib/components/UserIcon/UserIcon.d.ts +3 -1
- package/dist/src/lib/components/UserIcon/UserIcon.js +2 -2
- package/dist/src/lib/components/UserIcon/UserIcon.js.map +1 -1
- package/dist/src/lib/components/Video/Video.d.ts +3 -1
- package/dist/src/lib/components/Video/Video.js +1 -1
- package/dist/src/lib/components/Video/Video.js.map +1 -1
- package/dist/src/lib/index.d.ts +4 -1
- package/dist/src/lib/index.js +4 -1
- package/dist/src/lib/index.js.map +1 -1
- package/dist/src/lib/utils/controls.d.ts +1 -0
- package/dist/src/lib/utils/controls.js.map +1 -1
- package/dist/tailwind.config.d.ts +2 -2
- package/dist/tailwind.config.js +34 -34
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,60 @@
|
|
|
1
1
|
.classList {
|
|
2
2
|
|
|
3
|
-
display: flex
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
--tw-scale-x: 1;
|
|
6
|
+
|
|
7
|
+
--tw-scale-y: 1;
|
|
8
|
+
|
|
9
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
10
|
+
|
|
11
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
12
|
+
|
|
13
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
14
|
+
|
|
15
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
16
|
+
|
|
17
|
+
transition-duration: 300ms;
|
|
18
|
+
|
|
19
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.classList:hover .iconClassList {
|
|
23
|
+
|
|
24
|
+
--tw-scale-x: 1.1;
|
|
25
|
+
|
|
26
|
+
--tw-scale-y: 1.1;
|
|
27
|
+
|
|
28
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
29
|
+
|
|
30
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
31
|
+
|
|
32
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
33
|
+
|
|
34
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
35
|
+
|
|
36
|
+
transition-duration: 300ms;
|
|
37
|
+
|
|
38
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.classList:hover .textClassList {
|
|
42
|
+
|
|
43
|
+
--tw-scale-x: 1.1;
|
|
44
|
+
|
|
45
|
+
--tw-scale-y: 1.1;
|
|
46
|
+
|
|
47
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
48
|
+
|
|
49
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
|
|
50
|
+
|
|
51
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
52
|
+
|
|
53
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
|
|
54
|
+
|
|
55
|
+
transition-duration: 300ms;
|
|
56
|
+
|
|
57
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
4
58
|
}
|
|
5
59
|
|
|
6
60
|
.iconClassList {
|
|
@@ -53,56 +107,36 @@
|
|
|
53
107
|
|
|
54
108
|
.primary {
|
|
55
109
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
110
|
+
background-color: var(--color-primary);
|
|
59
111
|
|
|
60
|
-
--
|
|
61
|
-
|
|
62
|
-
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
112
|
+
color: var(--color-white)
|
|
63
113
|
}
|
|
64
114
|
|
|
65
115
|
.secondary {
|
|
66
116
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
background-color: rgb(255 168 0 / var(--tw-bg-opacity));
|
|
70
|
-
|
|
71
|
-
--tw-text-opacity: 1;
|
|
117
|
+
background-color: var(--color-secondary);
|
|
72
118
|
|
|
73
|
-
color:
|
|
119
|
+
color: var(--color-white)
|
|
74
120
|
}
|
|
75
121
|
|
|
76
122
|
.white {
|
|
77
123
|
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
81
|
-
|
|
82
|
-
--tw-text-opacity: 1;
|
|
124
|
+
background-color: var(--color-white);
|
|
83
125
|
|
|
84
|
-
color:
|
|
126
|
+
color: var(--color-black)
|
|
85
127
|
}
|
|
86
128
|
|
|
87
129
|
.grey {
|
|
88
130
|
|
|
89
|
-
--
|
|
131
|
+
background-color: var(--color-lightest-grey);
|
|
90
132
|
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
--tw-text-opacity: 1;
|
|
94
|
-
|
|
95
|
-
color: rgb(0 0 0 / var(--tw-text-opacity))
|
|
133
|
+
color: var(--color-black)
|
|
96
134
|
}
|
|
97
135
|
|
|
98
136
|
.black {
|
|
99
137
|
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
103
|
-
|
|
104
|
-
--tw-text-opacity: 1;
|
|
138
|
+
background-color: var(--color-black);
|
|
105
139
|
|
|
106
|
-
color:
|
|
140
|
+
color: var(--color-white)
|
|
107
141
|
}
|
|
108
142
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAW;;IACX,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADW;;AAKX;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,aAA+B;;IAA/B,YAA+B;;IAA/B,mBAA+B;;IAC/B,gBAAgC;;IAAhC,mBAAgC;;IAAhC,iBAAgC;;IAAhC,oBAAgC;;IAAhC;AAD+B;;AAC/B;;IAAA;;QAAA;IAAgC;AAAA;;AAIhC;;IAAA,kBAAwB;;IAAxB,mBAAwB;;IAAxB,iBAAwB;;IAAxB;AAAwB;;AAAxB;;IAAA;;QAAA,kBAAwB;;QAAxB;IAAwB;AAAA;;AAIxB;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B","file":"style.module.css","sourcesContent":[".classList {\n @apply flex;\n @apply transition ease-in-out scale-100 duration-300;\n}\n\n.classList:hover .iconClassList {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.classList:hover .textClassList {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.iconClassList {\n @apply flex h-full items-center;\n @apply my-auto pl-4 md:pl-8 py-8;\n}\n\n.textClassList {\n @apply px-4 md:px-8 py-8;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours } from '../../utils/controls';
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
3
|
import { Props as iconProps } from '../Icon/Icon';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id?: string;
|
|
@@ -8,6 +8,7 @@ export interface Props {
|
|
|
8
8
|
description?: string;
|
|
9
9
|
bgColour?: Colours;
|
|
10
10
|
icons?: iconProps[];
|
|
11
|
+
theme?: ThemeTypes;
|
|
11
12
|
}
|
|
12
|
-
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons }: Props) => JSX.Element;
|
|
13
|
+
declare const InformationIconBlock: ({ id, className, title, description, bgColour, icons, theme }: Props) => JSX.Element;
|
|
13
14
|
export default InformationIconBlock;
|
|
@@ -3,8 +3,10 @@ import style from './style.module.css';
|
|
|
3
3
|
import Container from '../Container/Container';
|
|
4
4
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
5
5
|
import { InformationIcon } from '../../../../src/lib';
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
import classNames from 'classnames';
|
|
7
|
+
const InformationIconBlock = ({ id, className, title, description, bgColour, icons, theme = 'theme-rupertbennett' }) => {
|
|
8
|
+
const classList = classNames(className);
|
|
9
|
+
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
8
10
|
React.createElement(Container, { withPadding: false },
|
|
9
11
|
React.createElement("div", { className: style.iconWrapper }, icons === null || icons === void 0 ? void 0 : icons.map((icon, i) => {
|
|
10
12
|
return (React.createElement(InformationIcon, { key: i, iconProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"InformationIconBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/InformationIconBlock/InformationIconBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,UAAU,MAAM,YAAY,CAAA;AAYnC,MAAM,oBAAoB,GAAG,CAAC,EAC5B,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IACvC,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,WAAW,EAAE,KAAK;YAC3B,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW,IAC9B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAS,EAAE,CAAS,EAAE,EAAE;gBACnC,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,CAAC,EACN,SAAS,EAAE;wBACT,IAAI,EAAE,CAAC;wBACP,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,MAAM,EAAE,SAAS;wBACjB,QAAQ,EAAE,OAAO;wBACjB,WAAW,EAAE,SAAS;wBACtB,aAAa,EAAE,OAAO;qBACvB,EACD,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EACjC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,KAAK,EAClB,aAAa,SACb,CACH,CAAA;YACH,CAAC,CAAC,CACE,CACI,CACK,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Colours } from '../../utils/controls';
|
|
2
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
3
|
export interface Props {
|
|
4
4
|
id?: string;
|
|
5
5
|
className?: string;
|
|
@@ -27,7 +27,7 @@ export interface Props {
|
|
|
27
27
|
errors?: string[];
|
|
28
28
|
value?: string;
|
|
29
29
|
bgColour?: Colours;
|
|
30
|
-
theme?:
|
|
30
|
+
theme?: ThemeTypes;
|
|
31
31
|
}
|
|
32
32
|
declare const Input: ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, bgColour, theme }: Props) => JSX.Element;
|
|
33
33
|
export default Input;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, bgColour = 'primary', theme }) => {
|
|
5
|
-
const classList = classNames(className, style[bgColour], style.classList);
|
|
4
|
+
const Input = ({ id, className, labelClasses, inputClasses, autoComplete, disabled, formId, height, maxLength, minLength, pattern, required, readOnly, autoFocus, label, type, name, placeholder, bold, onChange, onBlur, onFocus, hasValidation, errors, value, bgColour = 'primary', theme = 'theme-rupertbennett' }) => {
|
|
5
|
+
const classList = classNames(className, style[bgColour], style.classList, theme);
|
|
6
6
|
const labelClassList = classNames({
|
|
7
7
|
[style.bold]: bold
|
|
8
8
|
}, labelClasses, [style.labelClassList]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiCtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,KAAK,
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../../src/lib/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiCtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,EACN,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,WAAW,EACX,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,aAAa,EACb,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,CAAA;IAEhF,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAA;IAExC,MAAM,cAAc,GAAG,UAAU,CAAC,EACjC,EAAE,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEvD,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IAC9C,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,QAAQ,KAAK,EAAE;gBAExB;oBACG,KAAK;oBACL,QAAQ,KAAK,IAAI;wBAChB,8BAAM,SAAS,EAAE,KAAK,CAAC,QAAQ,QAAU,CACzC,CACE;QACV,+BACE,EAAE,EAAE,QAAQ,KAAK,EAAE,EACnB,SAAS,EAAE,cAAc,EACzB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,MAAM,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB;QACD,aAAa,KAAK,IAAI;YACrB,6BAAK,EAAE,EAAE,SAAS,KAAK,EAAE,IACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;gBACxB,OAAO,CACL,2BACE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,EAAE,EACzB,SAAS,EAAE,KAAK,CAAC,SAAS,IAEzB,KAAK,CACJ,CACL,CAAA;YACH,CAAC,CAAC,CACE,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -9,16 +9,12 @@
|
|
|
9
9
|
|
|
10
10
|
font-size: 20px;
|
|
11
11
|
|
|
12
|
-
--
|
|
13
|
-
|
|
14
|
-
color: rgb(187 10 30 / var(--tw-text-opacity))
|
|
12
|
+
color: var(--color-red)
|
|
15
13
|
}
|
|
16
14
|
|
|
17
15
|
.required {
|
|
18
16
|
|
|
19
|
-
--
|
|
20
|
-
|
|
21
|
-
color: rgb(187 10 30 / var(--tw-text-opacity))
|
|
17
|
+
color: var(--color-red)
|
|
22
18
|
}
|
|
23
19
|
|
|
24
20
|
.inputClassList {
|
|
@@ -52,89 +48,57 @@
|
|
|
52
48
|
|
|
53
49
|
.primary {
|
|
54
50
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
58
|
-
|
|
59
|
-
--tw-bg-opacity: 1;
|
|
60
|
-
|
|
61
|
-
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
51
|
+
border-color: var(--color-white);
|
|
62
52
|
|
|
63
|
-
|
|
53
|
+
background-color: var(--color-primary);
|
|
64
54
|
|
|
65
|
-
color:
|
|
55
|
+
color: var(--color-white)
|
|
66
56
|
}
|
|
67
57
|
|
|
68
58
|
.primary::placeholder {
|
|
69
59
|
|
|
70
|
-
--
|
|
71
|
-
|
|
72
|
-
color: rgb(255 255 255 / var(--tw-placeholder-opacity))
|
|
60
|
+
color: var(--color-white)
|
|
73
61
|
}
|
|
74
62
|
|
|
75
63
|
.secondary {
|
|
76
64
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
80
|
-
|
|
81
|
-
--tw-bg-opacity: 1;
|
|
82
|
-
|
|
83
|
-
background-color: rgb(255 168 0 / var(--tw-bg-opacity));
|
|
65
|
+
border-color: var(--color-white);
|
|
84
66
|
|
|
85
|
-
|
|
67
|
+
background-color: var(--color-secondary);
|
|
86
68
|
|
|
87
|
-
color:
|
|
69
|
+
color: var(--color-white)
|
|
88
70
|
}
|
|
89
71
|
|
|
90
72
|
.secondary::placeholder {
|
|
91
73
|
|
|
92
|
-
--
|
|
93
|
-
|
|
94
|
-
color: rgb(255 255 255 / var(--tw-placeholder-opacity))
|
|
74
|
+
color: var(--color-white)
|
|
95
75
|
}
|
|
96
76
|
|
|
97
77
|
.white {
|
|
98
78
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
border-color: rgb(0 0 0 / var(--tw-border-opacity));
|
|
102
|
-
|
|
103
|
-
--tw-bg-opacity: 1;
|
|
79
|
+
border-color: var(--color-black);
|
|
104
80
|
|
|
105
|
-
background-color:
|
|
81
|
+
background-color: var(--color-white);
|
|
106
82
|
|
|
107
|
-
--
|
|
108
|
-
|
|
109
|
-
color: rgb(0 0 0 / var(--tw-text-opacity))
|
|
83
|
+
color: var(--color-black)
|
|
110
84
|
}
|
|
111
85
|
|
|
112
86
|
.white::placeholder {
|
|
113
87
|
|
|
114
|
-
--
|
|
115
|
-
|
|
116
|
-
color: rgb(0 0 0 / var(--tw-placeholder-opacity))
|
|
88
|
+
color: var(--color-black)
|
|
117
89
|
}
|
|
118
90
|
|
|
119
91
|
.black {
|
|
120
92
|
|
|
121
|
-
|
|
93
|
+
border-color: var(--color-white);
|
|
122
94
|
|
|
123
|
-
|
|
95
|
+
background-color: var(--color-black);
|
|
124
96
|
|
|
125
|
-
--
|
|
126
|
-
|
|
127
|
-
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
128
|
-
|
|
129
|
-
--tw-text-opacity: 1;
|
|
130
|
-
|
|
131
|
-
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
97
|
+
color: var(--color-white)
|
|
132
98
|
}
|
|
133
99
|
|
|
134
100
|
.black::placeholder {
|
|
135
101
|
|
|
136
|
-
--
|
|
137
|
-
|
|
138
|
-
color: rgb(255 255 255 / var(--tw-placeholder-opacity))
|
|
102
|
+
color: var(--color-white)
|
|
139
103
|
}
|
|
140
104
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAuB;;IAAvB
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Input/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA;AAAe;;AAIf;;IAAA,qBAAuC;;IAAvC,uBAAuC;;IAAvC,iBAAuC;;IAAvC,oBAAuC;;IAAvC,qBAAuC;;IAAvC,mBAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA;AAAgB;;AAIhB;;IAAA,WAAkB;;IAAlB;AAAkB;;AAIlB;;IAAA,gCAA2D;;IAA3D,sCAA2D;;IAA3D;AAA2D;;AAA3D;;IAAA;AAA2D;;AAI3D;;IAAA,gCAA6D;;IAA7D,wCAA6D;;IAA7D;AAA6D;;AAA7D;;IAAA;AAA6D;;AAI7D;;IAAA,gCAAyD;;IAAzD,oCAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;AAAyD;;AAIzD;;IAAA,gCAAyD;;IAAzD,oCAAyD;;IAAzD;AAAyD;;AAAzD;;IAAA;AAAyD","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n}\n\n.errorText {\n @apply text-red text-sm;\n}\n\n.required {\n @apply text-red;\n}\n\n.inputClassList {\n @apply border px-2 py-2 mb-2 rounded-md;\n}\n\n.bold {\n @apply font-bold;\n}\n\n.labelClassList {\n @apply w-auto pb-2;\n}\n\n.primary {\n @apply placeholder-white bg-primary text-white border-white;\n}\n\n.secondary {\n @apply placeholder-white bg-secondary text-white border-white;\n}\n\n.white {\n @apply placeholder-black bg-white text-black border-black;\n}\n\n.black {\n @apply placeholder-white bg-black text-white border-white;\n}"]}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
2
3
|
export interface Props {
|
|
3
4
|
id?: string;
|
|
4
5
|
className?: string;
|
|
5
6
|
image?: string;
|
|
6
7
|
altText?: string;
|
|
7
8
|
title?: string;
|
|
9
|
+
theme?: ThemeTypes;
|
|
8
10
|
}
|
|
9
|
-
declare const Jumbotron: ({ id, className, image, altText, title }: Props) => JSX.Element;
|
|
11
|
+
declare const Jumbotron: ({ id, className, image, altText, title, theme }: Props) => JSX.Element;
|
|
10
12
|
export default Jumbotron;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Jumbotron = ({ id, className, image, altText, title }) => {
|
|
5
|
-
const classList = classNames(style.classes, className);
|
|
4
|
+
const Jumbotron = ({ id, className, image, altText, title, theme = 'theme-rupertbennett' }) => {
|
|
5
|
+
const classList = classNames(style.classes, className, theme);
|
|
6
6
|
const imageClassList = classNames(style.imageClasses);
|
|
7
7
|
return (React.createElement("div", { id: id, className: classList },
|
|
8
8
|
React.createElement("img", { className: imageClassList, src: image, alt: altText, title: title })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Jumbotron.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Jumbotron.js","sourceRoot":"","sources":["../../../../../src/lib/components/Jumbotron/Jumbotron.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,SAAS,EACT,KAAK,EACL,OAAO,EACP,KAAK,EACL,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAC7D,MAAM,cAAc,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;IACrD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,6BAAK,SAAS,EAAE,cAAc,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CACtE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
-
import { Colours } from '../../utils/controls';
|
|
3
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
4
4
|
export interface Props {
|
|
5
5
|
id: string;
|
|
6
6
|
className: string;
|
|
@@ -13,12 +13,12 @@ export interface Props {
|
|
|
13
13
|
mobileLogoDarkTheme: string;
|
|
14
14
|
logoLink: string;
|
|
15
15
|
mobileClasses: string;
|
|
16
|
-
fixedTop: boolean;
|
|
17
16
|
getNavStatus: (asSideBar: boolean, open: boolean) => void;
|
|
18
|
-
|
|
17
|
+
variant: 'light' | 'dark';
|
|
19
18
|
text?: string;
|
|
20
19
|
textLink?: string;
|
|
21
20
|
bgColour?: Colours;
|
|
21
|
+
theme?: ThemeTypes;
|
|
22
22
|
}
|
|
23
|
-
declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink,
|
|
23
|
+
declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, bgColour, text, textLink, theme }: Props) => JSX.Element;
|
|
24
24
|
export default Nav;
|
|
@@ -1,15 +1,28 @@
|
|
|
1
|
-
import React, { useState } from 'react';
|
|
1
|
+
import React, { useEffect, useState } from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import NavItem from '../NavItem/NavItem';
|
|
4
4
|
import HamburgerIcon from '../HamburgerIcon/HamburgerIcon';
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
import Image from '../Image/Image';
|
|
7
7
|
import Container from '../Container/Container';
|
|
8
|
-
|
|
8
|
+
import StickyNav from './StickyNav';
|
|
9
|
+
const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', bgColour = 'primary', text, textLink = '/', theme = 'theme-rupertbennett' }) => {
|
|
9
10
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
10
11
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
11
|
-
const
|
|
12
|
-
const classList = classNames(className, style[bgColour], style.nav);
|
|
12
|
+
const [showStickyNav, setShowStickyNav] = useState(false);
|
|
13
|
+
const classList = classNames(className, style[bgColour], style.nav, theme);
|
|
14
|
+
const stickyClassList = classNames({
|
|
15
|
+
[style.showStickyNav]: showStickyNav
|
|
16
|
+
}, style.stickyNav);
|
|
17
|
+
const isSticky = () => {
|
|
18
|
+
window.scrollY >= 80 ? setShowStickyNav(true) : setShowStickyNav(false);
|
|
19
|
+
};
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
window.addEventListener('scroll', isSticky);
|
|
22
|
+
return () => {
|
|
23
|
+
window.removeEventListener('scroll', isSticky);
|
|
24
|
+
};
|
|
25
|
+
});
|
|
13
26
|
const sideNavClasses = classNames({
|
|
14
27
|
[style.sideBarCollapsed]: !showSideNav,
|
|
15
28
|
[style.sideBarExpanded]: showSideNav
|
|
@@ -18,7 +31,8 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
18
31
|
[style.dropDownCollapsed]: !showDropdownNav,
|
|
19
32
|
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
20
33
|
}, style[bgColour], style.dropDownNavClassList);
|
|
21
|
-
const mobileContainer = classNames(style.mobileContainer, style[bgColour], mobileClasses);
|
|
34
|
+
const mobileContainer = classNames(style.mobileContainer, style.mobileNav, style[bgColour], mobileClasses);
|
|
35
|
+
const desktopClassList = classNames(style.desktopContainer, style.desktopNav);
|
|
22
36
|
const toggleMenu = () => {
|
|
23
37
|
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, !showSideNav);
|
|
24
38
|
if (asSideBar) {
|
|
@@ -29,29 +43,30 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
29
43
|
}
|
|
30
44
|
};
|
|
31
45
|
return (React.createElement("header", { id: id, className: classList },
|
|
32
|
-
React.createElement(Container, { withPadding: true, className: mobileContainer },
|
|
46
|
+
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
33
47
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
34
|
-
React.createElement(HamburgerIcon, { onClick: toggleMenu })),
|
|
48
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
|
|
35
49
|
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
36
|
-
React.createElement(Image, { src:
|
|
37
|
-
React.createElement(Container, { withPadding: true, className:
|
|
50
|
+
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, height: 5, width: 5 }))),
|
|
51
|
+
React.createElement(Container, { withPadding: true, className: desktopClassList, theme: theme },
|
|
38
52
|
React.createElement("div", { className: style.logoClassList },
|
|
39
53
|
React.createElement("a", { className: style.desktopLogo, href: logoLink },
|
|
40
|
-
React.createElement(Image, { src:
|
|
54
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, height: 5, width: 5 }))),
|
|
41
55
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
42
|
-
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant })));
|
|
56
|
+
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
43
57
|
})),
|
|
44
58
|
React.createElement("div", { className: style.textClassList },
|
|
45
59
|
React.createElement("a", { href: textLink }, text))),
|
|
46
60
|
asSideBar
|
|
47
61
|
? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
48
|
-
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: style.mobileSideBarMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant })));
|
|
62
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: style.mobileSideBarMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
49
63
|
})))
|
|
50
64
|
/* dropdown */
|
|
51
65
|
: (React.createElement("div", { className: dropdownNavClasses },
|
|
52
66
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
53
|
-
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant })));
|
|
54
|
-
}))))
|
|
67
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
68
|
+
})))),
|
|
69
|
+
React.createElement(StickyNav, { id: id, className: stickyClassList, navLinks: navLinks, asSideBar: asSideBar, dropdownNavHeight: dropdownNavHeight, logo: logo, logoDarkTheme: logoDarkTheme, mobileLogo: mobileLogo, mobileLogoDarkTheme: mobileLogoDarkTheme, logoLink: logoLink, mobileClasses: mobileClasses, getNavStatus: getNavStatus, variant: variant, bgColour: bgColour, theme: theme })));
|
|
55
70
|
};
|
|
56
71
|
export default Nav;
|
|
57
72
|
//# sourceMappingURL=Nav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
+
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
4
|
+
export interface Props {
|
|
5
|
+
id: string;
|
|
6
|
+
className: string;
|
|
7
|
+
navLinks: navItemProps[];
|
|
8
|
+
asSideBar: boolean;
|
|
9
|
+
dropdownNavHeight: string;
|
|
10
|
+
logo: string;
|
|
11
|
+
logoDarkTheme: string;
|
|
12
|
+
mobileLogo: string;
|
|
13
|
+
mobileLogoDarkTheme: string;
|
|
14
|
+
logoLink: string;
|
|
15
|
+
mobileClasses: string;
|
|
16
|
+
getNavStatus: (asSideBar: boolean, open: boolean) => void;
|
|
17
|
+
variant: 'light' | 'dark';
|
|
18
|
+
bgColour?: Colours;
|
|
19
|
+
theme?: ThemeTypes;
|
|
20
|
+
visible?: boolean;
|
|
21
|
+
}
|
|
22
|
+
declare const StickyNav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, bgColour, theme, visible }: Props) => JSX.Element;
|
|
23
|
+
export default StickyNav;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import NavItem from '../NavItem/NavItem';
|
|
4
|
+
import HamburgerIcon from '../HamburgerIcon/HamburgerIcon';
|
|
5
|
+
import style from './style.module.css';
|
|
6
|
+
import Image from '../Image/Image';
|
|
7
|
+
import Container from '../Container/Container';
|
|
8
|
+
const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', bgColour = 'primary', theme = 'theme-rupertbennett', visible = false }) => {
|
|
9
|
+
const [showSideNav, setShowSideNav] = useState(false);
|
|
10
|
+
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
11
|
+
const classList = classNames({
|
|
12
|
+
[style.showStickyNav]: visible
|
|
13
|
+
}, className, style[bgColour], style.stickyNav, theme);
|
|
14
|
+
const sideNavClasses = classNames({
|
|
15
|
+
[style.sideBarCollapsed]: !showSideNav,
|
|
16
|
+
[style.sideBarExpanded]: showSideNav
|
|
17
|
+
}, style[bgColour], style.sideNavClassList);
|
|
18
|
+
const dropdownNavClasses = classNames({
|
|
19
|
+
[style.dropDownCollapsed]: !showDropdownNav,
|
|
20
|
+
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
21
|
+
}, style[bgColour], style.dropDownNavClassList);
|
|
22
|
+
const mobileContainer = classNames(style.mobileContainer, style[bgColour], mobileClasses);
|
|
23
|
+
const toggleMenu = () => {
|
|
24
|
+
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, !showSideNav);
|
|
25
|
+
if (asSideBar) {
|
|
26
|
+
setShowSideNav(!showSideNav);
|
|
27
|
+
}
|
|
28
|
+
else {
|
|
29
|
+
setShowDropdownNav(!showDropdownNav);
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
return (React.createElement("div", { id: `sticky_${id}`, className: classList },
|
|
33
|
+
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
34
|
+
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
35
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
|
|
36
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
37
|
+
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, height: 5, width: 5 }))),
|
|
38
|
+
React.createElement(Container, { withPadding: true, className: style.desktopContainer, theme: theme },
|
|
39
|
+
React.createElement("div", { className: style.logoClassList },
|
|
40
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink },
|
|
41
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, height: 5, width: 5 }))),
|
|
42
|
+
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
43
|
+
return (React.createElement(NavItem, Object.assign({ key: `desktop_nav_item_${i}` }, navLink, { className: style.navItemPadding, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
44
|
+
}))),
|
|
45
|
+
asSideBar
|
|
46
|
+
? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
47
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: style.mobileSideBarMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
48
|
+
})))
|
|
49
|
+
/* dropdown */
|
|
50
|
+
: (React.createElement("div", { className: dropdownNavClasses },
|
|
51
|
+
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
52
|
+
return (React.createElement(NavItem, Object.assign({ key: `dropdown_nav_item_${i}` }, navLink, { className: style.mobileDropDownMenuNavItems, bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
53
|
+
}))))));
|
|
54
|
+
};
|
|
55
|
+
export default StickyNav;
|
|
56
|
+
//# sourceMappingURL=StickyNav.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StickyNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/StickyNav.tsx"],"names":[],"mappings":"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"}
|