trepur_components 1.0.8 → 1.0.9
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/AlertBar/AlertBar.js +6 -10
- package/dist/src/lib/components/AlertBar/AlertBar.js.map +1 -1
- package/dist/src/lib/components/Card/Card.js +3 -3
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +4 -6
- package/dist/src/lib/components/Carousel/Carousel.js +2 -2
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Container/Container.js +1 -1
- package/dist/src/lib/components/Container/Container.js.map +1 -1
- package/dist/src/lib/components/Container/style.module.css +8 -1
- package/dist/src/lib/components/Container/style.module.css.map +1 -1
- package/dist/src/lib/components/Footer/Footer.js +6 -4
- package/dist/src/lib/components/Footer/Footer.js.map +1 -1
- package/dist/src/lib/components/Footer/style.module.css +16 -0
- package/dist/src/lib/components/Footer/style.module.css.map +1 -1
- package/dist/src/lib/components/Input/Input.d.ts +3 -1
- package/dist/src/lib/components/Input/Input.js +3 -4
- package/dist/src/lib/components/Input/Input.js.map +1 -1
- package/dist/src/lib/components/Input/style.module.css +58 -6
- package/dist/src/lib/components/Input/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +3 -1
- package/dist/src/lib/components/Nav/Nav.js +22 -27
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +99 -81
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.js +1 -2
- package/dist/src/lib/components/NavItem/NavItem.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.d.ts +2 -0
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js +12 -10
- package/dist/src/lib/components/TextAndTitle/TextAndTitle.js.map +1 -1
- package/dist/src/lib/components/TextAndTitle/style.module.css +67 -7
- package/dist/src/lib/components/TextAndTitle/style.module.css.map +1 -1
- package/dist/src/lib/components/TextArea/TextArea.d.ts +3 -1
- package/dist/src/lib/components/TextArea/TextArea.js +3 -4
- package/dist/src/lib/components/TextArea/TextArea.js.map +1 -1
- package/dist/src/lib/components/TextArea/style.module.css +54 -6
- package/dist/src/lib/components/TextArea/style.module.css.map +1 -1
- package/dist/tailwind.config.d.ts +4 -8
- package/dist/tailwind.config.js +4 -8
- package/dist/tailwind.config.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,165 +1,189 @@
|
|
|
1
1
|
.nav {
|
|
2
2
|
|
|
3
|
-
height: 4rem
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.fixedTopNav {
|
|
7
|
-
|
|
8
3
|
position: fixed;
|
|
9
4
|
|
|
10
5
|
top: 0px;
|
|
11
6
|
|
|
12
7
|
z-index: 50;
|
|
13
8
|
|
|
14
|
-
|
|
9
|
+
height: 5rem;
|
|
15
10
|
|
|
16
|
-
width: 100
|
|
17
|
-
}
|
|
11
|
+
width: 100%;
|
|
18
12
|
|
|
19
|
-
|
|
13
|
+
overflow: hidden
|
|
14
|
+
}
|
|
20
15
|
|
|
21
|
-
|
|
16
|
+
.primary {
|
|
22
17
|
|
|
23
|
-
|
|
18
|
+
--tw-bg-opacity: 1;
|
|
24
19
|
|
|
25
|
-
|
|
20
|
+
background-color: rgb(0 54 160 / var(--tw-bg-opacity));
|
|
26
21
|
|
|
27
|
-
|
|
22
|
+
--tw-text-opacity: 1;
|
|
28
23
|
|
|
29
|
-
|
|
24
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
30
25
|
}
|
|
31
26
|
|
|
32
|
-
.
|
|
27
|
+
.secondary {
|
|
28
|
+
|
|
29
|
+
--tw-bg-opacity: 1;
|
|
30
|
+
|
|
31
|
+
background-color: rgb(255 168 0 / var(--tw-bg-opacity));
|
|
33
32
|
|
|
34
33
|
--tw-text-opacity: 1;
|
|
35
34
|
|
|
36
|
-
color: rgb(
|
|
35
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
37
36
|
}
|
|
38
37
|
|
|
39
|
-
.
|
|
38
|
+
.white {
|
|
40
39
|
|
|
41
|
-
|
|
40
|
+
--tw-bg-opacity: 1;
|
|
42
41
|
|
|
43
|
-
|
|
42
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
44
43
|
|
|
45
|
-
|
|
44
|
+
--tw-text-opacity: 1;
|
|
46
45
|
|
|
47
|
-
|
|
46
|
+
color: rgb(0 0 0 / var(--tw-text-opacity))
|
|
47
|
+
}
|
|
48
48
|
|
|
49
|
-
|
|
49
|
+
.black {
|
|
50
50
|
|
|
51
|
-
|
|
51
|
+
--tw-bg-opacity: 1;
|
|
52
|
+
|
|
53
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
54
|
+
|
|
55
|
+
--tw-text-opacity: 1;
|
|
56
|
+
|
|
57
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
52
58
|
}
|
|
53
59
|
|
|
54
|
-
|
|
60
|
+
.desktopContainer {
|
|
55
61
|
|
|
56
|
-
|
|
62
|
+
display: flex;
|
|
57
63
|
|
|
58
|
-
|
|
64
|
+
align-items: center;
|
|
59
65
|
|
|
60
|
-
|
|
61
|
-
}
|
|
66
|
+
justify-content: space-between
|
|
62
67
|
}
|
|
63
68
|
|
|
64
|
-
.
|
|
69
|
+
.collapseBtnWrapper {
|
|
65
70
|
|
|
66
|
-
|
|
67
|
-
}
|
|
71
|
+
position: absolute;
|
|
68
72
|
|
|
69
|
-
|
|
73
|
+
top: 0px;
|
|
70
74
|
|
|
71
|
-
|
|
75
|
+
bottom: 0px;
|
|
72
76
|
|
|
73
|
-
|
|
77
|
+
left: 2rem;
|
|
78
|
+
|
|
79
|
+
top: 1.25rem
|
|
74
80
|
}
|
|
75
81
|
|
|
76
|
-
.
|
|
82
|
+
.collapseBtnWrapper:hover>button {
|
|
77
83
|
|
|
78
|
-
|
|
84
|
+
--tw-text-opacity: 1;
|
|
79
85
|
|
|
80
|
-
|
|
86
|
+
color: rgb(0 54 160 / var(--tw-text-opacity))
|
|
81
87
|
}
|
|
82
88
|
|
|
83
|
-
.
|
|
84
|
-
|
|
85
|
-
margin-top: auto;
|
|
89
|
+
.navItems {
|
|
86
90
|
|
|
87
|
-
|
|
91
|
+
display: none;
|
|
88
92
|
|
|
89
|
-
|
|
93
|
+
width: 24rem;
|
|
90
94
|
|
|
91
95
|
justify-content: center;
|
|
92
96
|
|
|
93
|
-
padding-
|
|
97
|
+
padding-top: 1.5rem;
|
|
98
|
+
|
|
99
|
+
padding-bottom: 1.5rem
|
|
94
100
|
}
|
|
95
101
|
|
|
96
|
-
@media (min-width:
|
|
102
|
+
@media (min-width: 768px) {
|
|
97
103
|
|
|
98
|
-
.
|
|
104
|
+
.navItems {
|
|
105
|
+
|
|
106
|
+
display: flex;
|
|
99
107
|
|
|
100
|
-
padding-
|
|
108
|
+
padding-right: 4rem
|
|
101
109
|
}
|
|
102
110
|
}
|
|
103
111
|
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
display: flex;
|
|
112
|
+
@media (min-width: 1024px) {
|
|
107
113
|
|
|
108
|
-
|
|
114
|
+
.navItems {
|
|
109
115
|
|
|
110
|
-
|
|
116
|
+
padding-right: 0px
|
|
117
|
+
}
|
|
118
|
+
}
|
|
111
119
|
|
|
112
|
-
|
|
120
|
+
.navItemPadding {
|
|
113
121
|
|
|
114
|
-
|
|
122
|
+
margin-left: auto;
|
|
115
123
|
|
|
116
|
-
|
|
124
|
+
margin-right: auto;
|
|
117
125
|
|
|
118
|
-
|
|
126
|
+
width: 6rem;
|
|
119
127
|
|
|
120
128
|
text-align: center
|
|
121
129
|
}
|
|
122
130
|
|
|
123
|
-
|
|
131
|
+
.logoClassList {
|
|
124
132
|
|
|
125
|
-
|
|
133
|
+
display: none;
|
|
126
134
|
|
|
127
|
-
|
|
128
|
-
}
|
|
135
|
+
width: 24rem
|
|
129
136
|
}
|
|
130
137
|
|
|
131
138
|
@media (min-width: 768px) {
|
|
132
139
|
|
|
133
|
-
.
|
|
140
|
+
.logoClassList {
|
|
134
141
|
|
|
135
|
-
display: flex
|
|
142
|
+
display: flex;
|
|
143
|
+
|
|
144
|
+
padding-left: 4rem
|
|
136
145
|
}
|
|
137
146
|
}
|
|
138
147
|
|
|
139
|
-
|
|
148
|
+
@media (min-width: 1280px) {
|
|
140
149
|
|
|
141
|
-
|
|
150
|
+
.logoClassList {
|
|
151
|
+
|
|
152
|
+
padding-left: 2rem
|
|
153
|
+
}
|
|
142
154
|
}
|
|
143
155
|
|
|
144
|
-
|
|
156
|
+
.textClassList {
|
|
157
|
+
|
|
158
|
+
display: none;
|
|
145
159
|
|
|
146
|
-
|
|
160
|
+
width: 24rem;
|
|
147
161
|
|
|
148
|
-
|
|
162
|
+
flex-direction: row-reverse
|
|
163
|
+
}
|
|
164
|
+
|
|
165
|
+
@media (min-width: 768px) {
|
|
166
|
+
|
|
167
|
+
.textClassList {
|
|
168
|
+
|
|
169
|
+
padding-right: 4rem
|
|
149
170
|
}
|
|
150
171
|
}
|
|
151
172
|
|
|
152
|
-
|
|
173
|
+
@media (min-width: 1024px) {
|
|
153
174
|
|
|
154
|
-
|
|
175
|
+
.textClassList {
|
|
155
176
|
|
|
156
|
-
|
|
177
|
+
display: flex
|
|
178
|
+
}
|
|
179
|
+
}
|
|
157
180
|
|
|
158
|
-
|
|
181
|
+
@media (min-width: 1280px) {
|
|
159
182
|
|
|
160
|
-
|
|
183
|
+
.textClassList {
|
|
161
184
|
|
|
162
|
-
|
|
185
|
+
padding-right: 2rem
|
|
186
|
+
}
|
|
163
187
|
}
|
|
164
188
|
|
|
165
189
|
.mobileLogo {
|
|
@@ -169,20 +193,16 @@
|
|
|
169
193
|
margin-right: auto
|
|
170
194
|
}
|
|
171
195
|
|
|
172
|
-
.
|
|
196
|
+
.mobileContainer {
|
|
173
197
|
|
|
174
198
|
display: flex;
|
|
175
199
|
|
|
176
|
-
align-items: center
|
|
177
|
-
|
|
178
|
-
padding-top: 0.5rem;
|
|
179
|
-
|
|
180
|
-
padding-bottom: 0.5rem
|
|
200
|
+
align-items: center
|
|
181
201
|
}
|
|
182
202
|
|
|
183
203
|
@media (min-width: 768px) {
|
|
184
204
|
|
|
185
|
-
.
|
|
205
|
+
.mobileContainer {
|
|
186
206
|
|
|
187
207
|
display: none
|
|
188
208
|
}
|
|
@@ -239,8 +259,6 @@
|
|
|
239
259
|
|
|
240
260
|
z-index: 50;
|
|
241
261
|
|
|
242
|
-
margin-top: 5rem;
|
|
243
|
-
|
|
244
262
|
height: 100%;
|
|
245
263
|
|
|
246
264
|
overflow: hidden;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAmD;;IAAnD,QAAmD;;IAAnD,WAAmD;;IAAnD,YAAmD;;IAAnD,WAAmD;;IAAnD;AAAmD;;AAInD;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,kBAA0B;;IAA1B,yDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,oBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,aAA+D;;IAA/D,YAA+D;;IAA/D,uBAA+D;;IAA/D,mBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA,aAA+D;;QAA/D;IAA+D;AAAA;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,iBAA+B;;IAA/B,kBAA+B;;IAA/B,WAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,aAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA,aAA2C;;QAA3C;IAA2C;AAAA;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,aAA4D;;IAA5D,YAA4D;;IAA5D;AAA4D;;AAA5D;;IAAA;;QAAA;IAA4D;AAAA;;AAA5D;;IAAA;;QAAA;IAA4D;AAAA;;AAA5D;;IAAA;;QAAA;IAA4D;AAAA;;AAI5D;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,aAAkC;;IAAlC;AAAkC;;AAAlC;;IAAA;;QAAA;IAAkC;AAAA;;AAIlC;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,WAA2C;;IAA3C,gBAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA,eAA+D;;IAA/D,WAA+D;;IAA/D,YAA+D;;IAA/D,gBAA+D;;IAA/D;AAA+D;;AAA/D;;IAAA;;QAAA;IAA+D;AAAA;;AAI/D;;IAAA,uBAA0B;;IAA1B,+DAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA,mBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".nav {\n @apply h-20 fixed w-full z-50 top-0 overflow-hidden;\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.black {\n @apply bg-black text-white;\n}\n\n.desktopContainer {\n @apply flex items-center justify-between;\n}\n\n.collapseBtnWrapper {\n @apply absolute inset-y-0 left-8 top-5;\n}\n\n.collapseBtnWrapper:hover>button {\n @apply text-primary;\n}\n\n.navItems {\n @apply hidden md:flex justify-center py-6 md:pr-16 lg:pr-0 w-96;\n}\n\n.navItemPadding {\n @apply w-24 mx-auto text-center;\n}\n\n.logoClassList {\n @apply hidden md:flex md:pl-16 xl:pl-8 w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex md:pr-16 xl:pr-8 w-96 flex-row-reverse;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileContainer {\n @apply flex items-center md:hidden;\n}\n\n.mobileDropDownMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.dropDownNavClassList {\n @apply z-50 md:hidden overflow-hidden pt-20;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.deropDownCollapsed {\n @apply h-0;\n}\n\n.sideNavClassList {\n @apply z-50 md:hidden fixed overflow-hidden h-full duration-700;\n}\n\n.mobileSideBarMenu {\n @apply pt-2 pb-3 space-y-1;\n}\n\n.mobileSideBarMenuNavItems {\n @apply pl-8 pt-4;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3;\n}"]}
|
|
@@ -12,10 +12,9 @@ const NavItem = ({ id, className, title, href = '/', onClick, bordered = false,
|
|
|
12
12
|
[style.primary]: variant === 'primary',
|
|
13
13
|
[style.secondary]: variant === 'secondary'
|
|
14
14
|
}, [style.anchorClassList]);
|
|
15
|
-
const spanClassList = classNames({}, style.spanClassList);
|
|
16
15
|
return (React.createElement("div", { id: id, className: classList },
|
|
17
16
|
React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
|
|
18
|
-
React.createElement("span", { className: spanClassList }, title))));
|
|
17
|
+
React.createElement("span", { className: style.spanClassList }, title))));
|
|
19
18
|
};
|
|
20
19
|
export default NavItem;
|
|
21
20
|
//# sourceMappingURL=NavItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,
|
|
1
|
+
{"version":3,"file":"NavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/NavItem/NavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAetC,MAAM,OAAO,GAAG,CAAC,EACf,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,IAAI,EACd,gBAAgB,GAAG,IAAI,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEtD,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,gBAAgB;QACnC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ;QACxB,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ;QAC3B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;KAC3C,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,2BACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe;YAE1B,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IACjC,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Props as buttonProps } from '../Button/Button';
|
|
3
|
+
import { Colours } from '../../utils/controls';
|
|
3
4
|
export interface Props {
|
|
4
5
|
id: string;
|
|
5
6
|
className?: string;
|
|
@@ -21,6 +22,7 @@ export interface Props {
|
|
|
21
22
|
cancelButtonProps?: buttonProps;
|
|
22
23
|
isHorizontal?: boolean;
|
|
23
24
|
children?: any;
|
|
25
|
+
bgColour?: Colours;
|
|
24
26
|
}
|
|
25
27
|
declare const TextAndTitle: React.FC<Props>;
|
|
26
28
|
export default TextAndTitle;
|
|
@@ -4,7 +4,7 @@ import Button from '../Button/Button';
|
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import TextArea from '../TextArea/TextArea';
|
|
6
6
|
import style from './style.module.css';
|
|
7
|
-
const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates = false, onSave, saveButtonProps, cancelButtonProps, isHorizontal = true, children }) => {
|
|
7
|
+
const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextClasses, editInputClasses, textClasses, textLineOne, textLineTwo, textLineThree, title, titleBold, textCenter, titleCenter, withLiveUpdates = false, onSave, saveButtonProps, cancelButtonProps, isHorizontal = true, children, bgColour = 'primary' }) => {
|
|
8
8
|
const getLineHeight = (id) => {
|
|
9
9
|
const element = document.getElementById(id);
|
|
10
10
|
const divHeight = (element === null || element === void 0 ? void 0 : element.offsetHeight) !== undefined ? element.offsetHeight : 0;
|
|
@@ -29,7 +29,7 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
|
|
|
29
29
|
const [isInEditingMode, setIsInEditingMode] = useState(false);
|
|
30
30
|
const [componentData, setComponentData] = useState(defaultComponentData);
|
|
31
31
|
const borderClasses = style.bordered;
|
|
32
|
-
const classList = classNames(
|
|
32
|
+
const classList = classNames(style[bgColour], className);
|
|
33
33
|
const titleClassList = classNames({
|
|
34
34
|
[style.fontBold]: titleBold,
|
|
35
35
|
[style.textCenter]: titleCenter,
|
|
@@ -62,7 +62,8 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
|
|
|
62
62
|
};
|
|
63
63
|
const wrapperClassList = classNames({
|
|
64
64
|
[style.horizontalWrapperClassList]: isHorizontal,
|
|
65
|
-
[style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode
|
|
65
|
+
[style.liveUpdatesWrapperClassList]: withLiveUpdates && !isInEditingMode,
|
|
66
|
+
[style[bgColour]]: withLiveUpdates && !isInEditingMode
|
|
66
67
|
}, style.wrapperClassList);
|
|
67
68
|
const titleWrapperClassList = classNames({
|
|
68
69
|
[style.horizontalTitleWrapperClassList]: isHorizontal
|
|
@@ -73,23 +74,24 @@ const TextAndTitle = ({ id, className, titleClasses, editTitleClasses, editTextC
|
|
|
73
74
|
const inputClassList = classNames(editInputClasses, textClassList);
|
|
74
75
|
const node = document.getElementById('textLineOne');
|
|
75
76
|
return (React.createElement("div", { id: id, className: classList }, withLiveUpdates && isInEditingMode
|
|
76
|
-
? (React.createElement(
|
|
77
|
+
? (React.createElement("div", null,
|
|
77
78
|
React.createElement("div", { className: wrapperClassList },
|
|
78
79
|
React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
|
|
79
|
-
? (React.createElement(Input, { className: editTitleClasses, inputClasses: inputClassList, autoFocus: true, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text',
|
|
80
|
+
? (React.createElement(Input, { className: editTitleClasses, inputClasses: inputClassList, autoFocus: true, value: componentData === null || componentData === void 0 ? void 0 : componentData.title, onChange: (e) => handleChange(e), type: 'text', bgColour: bgColour }))
|
|
80
81
|
: (React.createElement("div", null, children))),
|
|
81
82
|
React.createElement("div", { className: textWrapperClassList },
|
|
82
83
|
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
83
84
|
[style.textCenter]: isHorizontal
|
|
84
|
-
}, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e),
|
|
85
|
+
}, editInputClasses), rows: getLineHeight('textLineOne') + 1, onChange: (e) => handleChange(e), bgColour: bgColour }, node === null || node === void 0 ? void 0 : node.innerHTML),
|
|
85
86
|
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
86
87
|
[style.textCenter]: isHorizontal
|
|
87
|
-
}, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e),
|
|
88
|
+
}, editInputClasses), rows: getLineHeight('textLineTwo'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineTwo),
|
|
88
89
|
React.createElement(TextArea, { className: editTextClasses, textAreaClasses: classNames({
|
|
89
90
|
[style.textCenter]: isHorizontal
|
|
90
|
-
}, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e),
|
|
91
|
-
React.createElement(
|
|
92
|
-
|
|
91
|
+
}, editInputClasses), rows: getLineHeight('textLineThree'), onChange: (e) => handleChange(e), bgColour: bgColour }, componentData.textLineThree))),
|
|
92
|
+
React.createElement("div", { className: style.buttonWrapper },
|
|
93
|
+
React.createElement(Button, { className: saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.className, onClick: handleButtonSave }, saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.children),
|
|
94
|
+
React.createElement(Button, { className: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.className, onClick: handleButtonCancel }, cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.children))))
|
|
93
95
|
: (React.createElement("div", { className: wrapperClassList, onClick: toggleEditState },
|
|
94
96
|
React.createElement("div", { className: titleWrapperClassList }, (componentData === null || componentData === void 0 ? void 0 : componentData.title) !== undefined
|
|
95
97
|
? (React.createElement("h1", { className: titleClassList }, componentData.title))
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,QAAQ,MAAM,+BAA+B,CAAA;AACpD,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"TextAndTitle.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextAndTitle/TextAndTitle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.primary {
|
|
2
2
|
|
|
3
3
|
--tw-bg-opacity: 1;
|
|
4
4
|
|
|
@@ -9,6 +9,63 @@
|
|
|
9
9
|
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
+
.primary:hover {
|
|
13
|
+
|
|
14
|
+
--tw-border-opacity: 1;
|
|
15
|
+
|
|
16
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity))
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.secondary {
|
|
20
|
+
|
|
21
|
+
--tw-bg-opacity: 1;
|
|
22
|
+
|
|
23
|
+
background-color: rgb(255 168 0 / var(--tw-bg-opacity));
|
|
24
|
+
|
|
25
|
+
--tw-text-opacity: 1;
|
|
26
|
+
|
|
27
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.secondary:hover {
|
|
31
|
+
|
|
32
|
+
--tw-border-opacity: 1;
|
|
33
|
+
|
|
34
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity))
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.white {
|
|
38
|
+
|
|
39
|
+
--tw-bg-opacity: 1;
|
|
40
|
+
|
|
41
|
+
background-color: rgb(255 255 255 / var(--tw-bg-opacity))
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.white:hover {
|
|
45
|
+
|
|
46
|
+
--tw-border-opacity: 1;
|
|
47
|
+
|
|
48
|
+
border-color: rgb(0 0 0 / var(--tw-border-opacity))
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.black {
|
|
52
|
+
|
|
53
|
+
--tw-bg-opacity: 1;
|
|
54
|
+
|
|
55
|
+
background-color: rgb(0 0 0 / var(--tw-bg-opacity));
|
|
56
|
+
|
|
57
|
+
--tw-text-opacity: 1;
|
|
58
|
+
|
|
59
|
+
color: rgb(255 255 255 / var(--tw-text-opacity))
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.black:hover {
|
|
63
|
+
|
|
64
|
+
--tw-border-opacity: 1;
|
|
65
|
+
|
|
66
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity))
|
|
67
|
+
}
|
|
68
|
+
|
|
12
69
|
.bordered {
|
|
13
70
|
|
|
14
71
|
border-width: 4px;
|
|
@@ -42,7 +99,7 @@
|
|
|
42
99
|
|
|
43
100
|
.wrapperClassList {
|
|
44
101
|
|
|
45
|
-
border-width:
|
|
102
|
+
border-width: 4px;
|
|
46
103
|
|
|
47
104
|
border-color: transparent
|
|
48
105
|
}
|
|
@@ -68,11 +125,7 @@
|
|
|
68
125
|
|
|
69
126
|
border-width: 4px;
|
|
70
127
|
|
|
71
|
-
border-style: dashed
|
|
72
|
-
|
|
73
|
-
--tw-border-opacity: 1;
|
|
74
|
-
|
|
75
|
-
border-color: rgb(255 255 255 / var(--tw-border-opacity))
|
|
128
|
+
border-style: dashed
|
|
76
129
|
}
|
|
77
130
|
|
|
78
131
|
@media (min-width: 768px) {
|
|
@@ -103,4 +156,11 @@
|
|
|
103
156
|
text-align: center
|
|
104
157
|
}
|
|
105
158
|
}
|
|
159
|
+
|
|
160
|
+
.buttonWrapper {
|
|
161
|
+
|
|
162
|
+
padding-bottom: 2rem;
|
|
163
|
+
|
|
164
|
+
text-align: center
|
|
165
|
+
}
|
|
106
166
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/TextAndTitle/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAA4B;;IAA5B,sDAA4B;;IAA5B,oBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA8B;;IAA9B,uDAA8B;;IAA9B,oBAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAAe;;IAAf;AAAe;;AAIf;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,kBAA0B;;IAA1B,mDAA0B;;IAA1B,oBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sBAAmB;;IAAnB;AAAmB;;AAInB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,yBAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,kBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,iBAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,aAAoD;;IAApD,eAAoD;;IAApD;AAAoD;;AAApD;;IAAA;;QAAA;IAAoD;AAAA;;AAIpD;;IAAA,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA;;QAAA,UAA8C;;QAA9C,iBAA8C;;QAA9C,oBAA8C;;QAA9C,kBAA8C;;QAA9C,mBAA8C;;QAA9C;IAA8C;;IAI9C;;QAAA,UAAsC;;QAAtC,kBAAsC;;QAAtC,mBAAsC;;QAAtC;IAAsC;AAJQ;;AAQ9C;;IAAA,oBAAuB;;IAAvB;AAAuB","file":"style.module.css","sourcesContent":[".primary {\n @apply bg-primary text-white;\n}\n\n.primary:hover {\n @apply border-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.secondary:hover {\n @apply border-white;\n}\n\n.white {\n @apply bg-white;\n}\n\n.white:hover {\n @apply border-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.black:hover {\n @apply border-white;\n}\n\n.bordered {\n @apply border-4 border-transparent;\n}\n\n.fontBold {\n @apply font-bold;\n}\n\n.textCenter {\n @apply text-center;\n}\n\n.titleClassList {\n @apply text-md break-words;\n}\n\n.textClassList {\n @apply pt-2 mt-2;\n}\n\n.wrapperClassList {\n @apply border-4 border-transparent;\n}\n\n.horizontalWrapperClassList {\n @apply flex flex-wrap justify-center md:items-center;\n}\n\n.liveUpdatesWrapperClassList:hover {\n @apply border-4 border-dashed;\n}\n\n.horizontalTextWrapperClassList {\n @apply md:w-1/2 md:text-center md:py-8 md:px-8;\n}\n\n.horizontalTitleWrapperClassList {\n @apply md:w-1/2 md:text-center md:px-8;\n}\n\n.buttonWrapper {\n @apply text-center pb-8;\n}"]}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { Colours } from '../../utils/controls';
|
|
2
3
|
export interface Props {
|
|
3
4
|
id?: string;
|
|
4
5
|
className?: string;
|
|
@@ -21,7 +22,8 @@ export interface Props {
|
|
|
21
22
|
onChange?: (e: any) => void;
|
|
22
23
|
withPadding?: boolean;
|
|
23
24
|
children?: any;
|
|
25
|
+
bgColour?: Colours;
|
|
24
26
|
theme?: 'dark' | 'light';
|
|
25
27
|
}
|
|
26
|
-
declare const TextArea: ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme }: Props) => JSX.Element;
|
|
28
|
+
declare const TextArea: ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, bgColour, theme }: Props) => JSX.Element;
|
|
27
29
|
export default TextArea;
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, theme = 'light' }) => {
|
|
5
|
-
const
|
|
6
|
-
const classList = classNames(className, colours, style.classList);
|
|
4
|
+
const TextArea = ({ id, className, labelClasses, textAreaClasses, label, placeholder, bold, name, disabled, rows, cols, autoFocus, formId, maxLength, readOnly, required, onBlur, onFocus, onChange, withPadding, children, bgColour = 'primary', theme = 'light' }) => {
|
|
5
|
+
const classList = classNames(className, style[bgColour], style.classList);
|
|
7
6
|
const newId = id !== undefined ? `-${id}` : '-';
|
|
8
7
|
const labelClassList = classNames({
|
|
9
8
|
[style.bold]: bold
|
|
10
9
|
}, labelClasses, style.labelClassList);
|
|
11
10
|
const textAreaClassList = classNames({
|
|
12
11
|
[style.padding]: withPadding
|
|
13
|
-
}, textAreaClasses,
|
|
12
|
+
}, textAreaClasses, style[bgColour], style.textAreaClassList);
|
|
14
13
|
return (React.createElement("div", { id: id, className: classList },
|
|
15
14
|
label !== undefined &&
|
|
16
15
|
React.createElement("label", { className: labelClassList, htmlFor: `text-area${newId}` }, label),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.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":"TextArea.js","sourceRoot":"","sources":["../../../../../src/lib/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AA6BtC,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,YAAY,EACZ,eAAe,EACf,KAAK,EACL,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,OAAO,EACP,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,SAAS,EACpB,KAAK,GAAG,OAAO,EACT,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IACzE,MAAM,KAAK,GAAG,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAA;IAE/C,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI;KACnB,EAAE,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAEtC,MAAM,iBAAiB,GAAG,UAAU,CAAC;QACnC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,WAAW;KAC7B,EAAE,eAAe,EAAE,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAA;IAE7D,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEnB,KAAK,KAAK,SAAS;YAClB,+BACE,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,YAAY,KAAK,EAAE,IAE3B,KAAK,CACA;QACV,kCACE,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,QAAQ,GACtB,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|