trepur_components 1.0.47 → 1.0.48
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/Greeting/Greeting.d.ts +1 -2
- package/dist/src/lib/components/Greeting/Greeting.js +3 -4
- package/dist/src/lib/components/Greeting/Greeting.js.map +1 -1
- package/dist/src/lib/components/Showcase/Showcase.js +1 -6
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +36 -86
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { ThemeTypes } from '../../utils/controls';
|
|
3
2
|
export interface Props {
|
|
4
3
|
id?: string;
|
|
@@ -8,5 +7,5 @@ export interface Props {
|
|
|
8
7
|
eveningMessage?: string;
|
|
9
8
|
theme?: ThemeTypes;
|
|
10
9
|
}
|
|
11
|
-
declare const Greeting: ({
|
|
10
|
+
declare const Greeting: ({ morningMessage, afternoonMessage, eveningMessage, }: Props) => String;
|
|
12
11
|
export default Greeting;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening', theme = 'theme-rupertbennett' }) => {
|
|
1
|
+
const Greeting = ({ morningMessage = 'Good morning', afternoonMessage = 'Good afternoon', eveningMessage = 'Good evening', }) => {
|
|
3
2
|
const today = new Date();
|
|
4
3
|
const hours = `0${today.getHours().toString()}`.slice(-2);
|
|
5
4
|
const minutes = `0${today.getMinutes().toString()}`.slice(-2);
|
|
6
5
|
const seconds = `0${today.getSeconds().toString()}`.slice(-2);
|
|
7
6
|
const time = parseInt(`${hours}${minutes}${seconds}`);
|
|
8
|
-
let message;
|
|
7
|
+
let message = '';
|
|
9
8
|
if (time < 120000) {
|
|
10
9
|
message = morningMessage;
|
|
11
10
|
}
|
|
@@ -15,7 +14,7 @@ const Greeting = ({ id, className, morningMessage = 'Good morning', afternoonMes
|
|
|
15
14
|
else if (time > 165959) {
|
|
16
15
|
message = eveningMessage;
|
|
17
16
|
}
|
|
18
|
-
return
|
|
17
|
+
return message;
|
|
19
18
|
};
|
|
20
19
|
export default Greeting;
|
|
21
20
|
//# sourceMappingURL=Greeting.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Greeting.js","sourceRoot":"","sources":["../../../../../src/lib/components/Greeting/Greeting.tsx"],"names":[],"mappings":"AAYA,MAAM,QAAQ,GAAG,CAAC,EAChB,cAAc,GAAG,cAAc,EAC/B,gBAAgB,GAAG,gBAAgB,EACnC,cAAc,GAAG,cAAc,GACzB,EAAU,EAAE;IAClB,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAA;IACxB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IACzD,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAC7D,MAAM,IAAI,GAAG,QAAQ,CAAC,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,EAAE,CAAC,CAAA;IAErD,IAAI,OAAO,GAAG,EAAE,CAAA;IAChB,IAAI,IAAI,GAAG,MAAM,EAAE;QACjB,OAAO,GAAG,cAAc,CAAA;KACzB;SAAM,IAAI,IAAI,GAAG,MAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACzC,OAAO,GAAG,gBAAgB,CAAA;KAC3B;SAAM,IAAI,IAAI,GAAG,MAAM,EAAE;QACxB,OAAO,GAAG,cAAc,CAAA;KACzB;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -11,18 +11,13 @@ const Showcase = ({ id, className, title, subTitle, description, bgColour, size
|
|
|
11
11
|
[style.mediumContainer]: size === 'medium',
|
|
12
12
|
[style.largeContainer]: size === 'large'
|
|
13
13
|
}, style.container);
|
|
14
|
-
const imagePadding = classNames({
|
|
15
|
-
[style.smallPadding]: size === 'small',
|
|
16
|
-
[style.mediumPadding]: size === 'medium',
|
|
17
|
-
[style.largePadding]: size === 'large'
|
|
18
|
-
}, style.avatarWrapper);
|
|
19
14
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, bgColour: bgColour, theme: theme },
|
|
20
15
|
React.createElement(Container, { className: containerSize, theme: theme },
|
|
21
16
|
React.createElement("div", { className: style.textWrapper },
|
|
22
17
|
React.createElement("h2", { className: style.title }, title),
|
|
23
18
|
React.createElement("h2", { className: style.subTitle }, subTitle),
|
|
24
19
|
React.createElement("p", { className: style.description }, description)),
|
|
25
|
-
React.createElement("div", { className:
|
|
20
|
+
React.createElement("div", { className: style.avatarWrapper },
|
|
26
21
|
React.createElement("img", { className: style.avatar, src: avatar }))),
|
|
27
22
|
withArrow &&
|
|
28
23
|
React.createElement("div", { className: style.iconWrapper },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAgBxC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,KAAK,EACjB,MAAM,EACA,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnB,
|
|
1
|
+
{"version":3,"file":"Showcase.js","sourceRoot":"","sources":["../../../../../src/lib/components/Showcase/Showcase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,SAAS,MAAM,iCAAiC,CAAA;AACvD,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;AAC5E,OAAO,IAAI,MAAM,uBAAuB,CAAA;AAgBxC,MAAM,QAAQ,GAAoB,CAAC,EACjC,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,qBAAqB,EAC7B,SAAS,GAAG,KAAK,EACjB,MAAM,EACA,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,CAAA;IAEvC,MAAM,aAAa,GAAG,UAAU,CAAC;QAC/B,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;QACxC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,IAAI,KAAK,QAAQ;QAC1C,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO;KACzC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,oBAAC,SAAS,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK;YAC/C,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,4BAAI,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAM;gBACxC,4BAAI,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAG,QAAQ,CAAM;gBAC9C,2BAAG,SAAS,EAAE,KAAK,CAAC,WAAW,IAAG,WAAW,CAAK,CAC9C;YACN,6BAAK,SAAS,EAAE,KAAK,CAAC,aAAa;gBACjC,6BAAK,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,EAAE,MAAM,GAAI,CACzC,CACI;QACX,SAAS;YACR,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,OAAO,QAAC,IAAI,EAAC,cAAc,GAAG,CAC9E,CACS,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -2,61 +2,16 @@
|
|
|
2
2
|
|
|
3
3
|
flex-wrap: wrap;
|
|
4
4
|
|
|
5
|
-
text-align:
|
|
5
|
+
text-align: center
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
@media (min-width: 768px) {
|
|
9
9
|
|
|
10
10
|
.container {
|
|
11
11
|
|
|
12
|
-
display: flex
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.avatarWrapper {
|
|
17
|
-
|
|
18
|
-
width: 50%;
|
|
19
|
-
|
|
20
|
-
padding-left: 3rem;
|
|
21
|
-
|
|
22
|
-
padding-right: 3rem
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
.textWrapper {
|
|
26
|
-
|
|
27
|
-
margin: auto;
|
|
28
|
-
|
|
29
|
-
width: 100%
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
@media (min-width: 768px) {
|
|
33
|
-
|
|
34
|
-
.textWrapper {
|
|
35
|
-
|
|
36
|
-
width: 66.666667%
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
@media (min-width: 1024px) {
|
|
41
|
-
|
|
42
|
-
.textWrapper {
|
|
43
|
-
|
|
44
|
-
width: 50%;
|
|
45
|
-
|
|
46
|
-
padding-left: 9rem
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.textWrapper {
|
|
51
|
-
|
|
52
|
-
order: 1
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
@media (min-width: 768px) {
|
|
12
|
+
display: flex;
|
|
56
13
|
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
order: 0
|
|
14
|
+
text-align: left
|
|
60
15
|
}
|
|
61
16
|
}
|
|
62
17
|
|
|
@@ -75,38 +30,40 @@
|
|
|
75
30
|
height: calc(100vh - 176px)
|
|
76
31
|
}
|
|
77
32
|
|
|
78
|
-
.
|
|
33
|
+
.textWrapper {
|
|
79
34
|
|
|
80
|
-
|
|
35
|
+
margin: auto;
|
|
81
36
|
|
|
82
|
-
|
|
37
|
+
width: 100%
|
|
83
38
|
}
|
|
84
39
|
|
|
85
|
-
|
|
40
|
+
@media (min-width: 768px) {
|
|
41
|
+
|
|
42
|
+
.textWrapper {
|
|
86
43
|
|
|
87
|
-
|
|
44
|
+
width: 66.666667%;
|
|
88
45
|
|
|
89
|
-
|
|
90
|
-
}
|
|
46
|
+
padding-left: 4rem;
|
|
91
47
|
|
|
92
|
-
|
|
48
|
+
padding-right: 1rem
|
|
49
|
+
}
|
|
50
|
+
}
|
|
93
51
|
|
|
94
|
-
|
|
52
|
+
@media (min-width: 1024px) {
|
|
95
53
|
|
|
96
|
-
|
|
54
|
+
.textWrapper {
|
|
97
55
|
|
|
98
|
-
|
|
56
|
+
padding-left: 8rem;
|
|
99
57
|
|
|
100
|
-
|
|
58
|
+
padding-right: 2rem
|
|
59
|
+
}
|
|
101
60
|
}
|
|
102
61
|
|
|
103
|
-
@media (min-width:
|
|
104
|
-
|
|
105
|
-
.largePadding {
|
|
62
|
+
@media (min-width: 1280px) {
|
|
106
63
|
|
|
107
|
-
|
|
64
|
+
.textWrapper {
|
|
108
65
|
|
|
109
|
-
padding-
|
|
66
|
+
padding-left: 16rem
|
|
110
67
|
}
|
|
111
68
|
}
|
|
112
69
|
|
|
@@ -147,45 +104,38 @@
|
|
|
147
104
|
|
|
148
105
|
height: 100%;
|
|
149
106
|
|
|
150
|
-
width: 100
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
@media (min-width: 768px) {
|
|
107
|
+
width: 100%;
|
|
154
108
|
|
|
155
|
-
|
|
109
|
+
justify-content: center;
|
|
156
110
|
|
|
157
|
-
|
|
158
|
-
}
|
|
111
|
+
padding-top: 2rem
|
|
159
112
|
}
|
|
160
113
|
|
|
161
|
-
@media (min-width:
|
|
114
|
+
@media (min-width: 768px) {
|
|
162
115
|
|
|
163
116
|
.avatarWrapper {
|
|
164
117
|
|
|
165
|
-
width:
|
|
118
|
+
width: 33.333333%;
|
|
119
|
+
|
|
120
|
+
padding-top: 0px
|
|
166
121
|
}
|
|
167
122
|
}
|
|
168
123
|
|
|
169
|
-
.
|
|
124
|
+
.avatar {
|
|
170
125
|
|
|
171
|
-
|
|
126
|
+
max-height: 24rem
|
|
172
127
|
}
|
|
173
128
|
|
|
174
129
|
@media (min-width: 768px) {
|
|
175
130
|
|
|
176
|
-
.
|
|
131
|
+
.avatar {
|
|
177
132
|
|
|
178
|
-
|
|
179
|
-
}
|
|
180
|
-
}
|
|
133
|
+
margin: auto;
|
|
181
134
|
|
|
182
|
-
|
|
135
|
+
max-height: 24rem;
|
|
183
136
|
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
height: 24rem;
|
|
187
|
-
|
|
188
|
-
overflow: hidden
|
|
137
|
+
width: 100%
|
|
138
|
+
}
|
|
189
139
|
}
|
|
190
140
|
|
|
191
141
|
.iconWrapper {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Showcase/style.module.css"],"names":[],"mappings":"AACI;;IAAA,eAAiD;;IAAjD;AAAiD;;AAAjD;;IAAA;;QAAA,aAAiD;;QAAjD;IAAiD;AAAA;;AAIjD;;IAAA;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA;AAA4B;;AAI5B;;IAAA,YAAwE;;IAAxE;AAAwE;;AAAxE;;IAAA;;QAAA,iBAAwE;;QAAxE,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA,kBAAwE;;QAAxE;IAAwE;AAAA;;AAAxE;;IAAA;;QAAA;IAAwE;AAAA;;AAIxE;;IAAA,eAAoD;;IAApD,gBAAoD;;IAApD,iBAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,eAAkD;;IAAlD,gBAAkD;;IAAlD,iBAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAA8B;;IAA9B,eAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,aAA8D;;IAA9D,YAA8D;;IAA9D,WAA8D;;IAA9D,uBAA8D;;IAA9D;AAA8D;;AAA9D;;IAAA;;QAAA,iBAA8D;;QAA9D;IAA8D;AAAA;;AAI9D;;IAAA;AAA+C;;AAA/C;;IAAA;;QAAA,YAA+C;;QAA/C,iBAA+C;;QAA/C;IAA+C;AAAA;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,iBAAc;;IAAd;AAAc","file":"style.module.css","sourcesContent":[".container {\n @apply flex-wrap md:flex text-center md:text-left;\n}\n\n.smallContainer {\n @apply h-56;\n}\n\n.mediumContainer {\n @apply h-96;\n}\n\n.largeContainer {\n @apply h-[calc(100vh-176px)];\n}\n\n.textWrapper {\n @apply w-full md:w-2/3 m-auto md:pl-16 lg:pl-32 xl:pl-64 md:pr-4 lg:pr-8;\n}\n\n.title {\n @apply font-bold text-xxl text-primary leading-tight;\n}\n\n.subTitle {\n @apply font-bold text-xxl text-black leading-tight;\n}\n\n.description {\n @apply text-md text-black pt-4;\n}\n\n.avatarWrapper {\n @apply w-full md:w-1/3 h-full flex justify-center pt-8 md:pt-0;\n}\n\n.avatar {\n @apply md:m-auto md:w-full max-h-96 md:max-h-96;\n}\n\n.iconWrapper {\n @apply w-full;\n}\n\n.icon {\n @apply mx-auto;\n}"]}
|