trepur_components 1.0.48 → 1.0.49
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/Icon/Icon.d.ts +2 -1
- 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/Showcase/Showcase.d.ts +2 -1
- package/dist/src/lib/components/Showcase/Showcase.js +3 -3
- package/dist/src/lib/components/Showcase/Showcase.js.map +1 -1
- package/dist/src/lib/components/Showcase/style.module.css +11 -0
- package/dist/src/lib/components/Showcase/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -15,6 +15,7 @@ export interface Props {
|
|
|
15
15
|
rounded?: boolean;
|
|
16
16
|
brand?: boolean;
|
|
17
17
|
theme?: ThemeTypes;
|
|
18
|
+
onClick?: () => void;
|
|
18
19
|
}
|
|
19
|
-
declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand, theme }: Props) => JSX.Element;
|
|
20
|
+
declare const Icon: ({ id, className, type, size, animation, reverseSpin, hollow, colour, bgColour, hoverColour, hoverBgColour, rounded, brand, theme, onClick }: Props) => JSX.Element;
|
|
20
21
|
export default Icon;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import style from './style.module.css';
|
|
4
|
-
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'transparent', hoverColour = 'primary', hoverBgColour = 'transparent', rounded = false, brand = false, theme = 'theme-rupertbennett' }) => {
|
|
4
|
+
const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin = false, hollow = false, colour = 'primary', bgColour = 'transparent', hoverColour = 'primary', hoverBgColour = 'transparent', rounded = false, brand = false, theme = 'theme-rupertbennett', onClick }) => {
|
|
5
5
|
const colourString = colour;
|
|
6
6
|
const hoverColourString = hoverColour;
|
|
7
7
|
const bgColourString = bgColour;
|
|
@@ -31,7 +31,7 @@ const Icon = ({ id, className, type, size = 1, animation = 'none', reverseSpin =
|
|
|
31
31
|
'fa-regular': hollow,
|
|
32
32
|
[style.rounded]: rounded
|
|
33
33
|
}, `${style.classList} fa fa-${type}`);
|
|
34
|
-
return (React.createElement("div", { id: id, className: wrapperClassList },
|
|
34
|
+
return (React.createElement("div", { id: id, className: wrapperClassList, onClick: onClick },
|
|
35
35
|
React.createElement("span", { className: classList, role: 'img', "aria-hidden": 'true', "aria-label": type })));
|
|
36
36
|
};
|
|
37
37
|
export default Icon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../../../src/lib/components/Icon/Icon.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Colours, ThemeTypes } from '../../utils/controls';
|
|
3
|
+
import { Props as iconProps } from '../Icon/Icon';
|
|
3
4
|
export interface Props {
|
|
4
5
|
id: string;
|
|
5
6
|
className?: string;
|
|
@@ -10,8 +11,8 @@ export interface Props {
|
|
|
10
11
|
image: string;
|
|
11
12
|
theme?: ThemeTypes;
|
|
12
13
|
size?: 'small' | 'medium' | 'large';
|
|
13
|
-
withArrow?: boolean;
|
|
14
14
|
avatar: any;
|
|
15
|
+
iconProps?: iconProps;
|
|
15
16
|
}
|
|
16
17
|
declare const Showcase: React.FC<Props>;
|
|
17
18
|
export default Showcase;
|
|
@@ -4,7 +4,7 @@ import style from './style.module.css';
|
|
|
4
4
|
import Container from '../Container/Container';
|
|
5
5
|
import ComponentWrapper from '../ComponentWrapper/ComponentWrapper';
|
|
6
6
|
import Icon from '../Icon/Icon';
|
|
7
|
-
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett',
|
|
7
|
+
const Showcase = ({ id, className, title, subTitle, description, bgColour, size = 'large', theme = 'theme-rupertbennett', iconProps, avatar }) => {
|
|
8
8
|
const classList = classNames(className);
|
|
9
9
|
const containerSize = classNames({
|
|
10
10
|
[style.smallContainer]: size === 'small',
|
|
@@ -19,9 +19,9 @@ const Showcase = ({ id, className, title, subTitle, description, bgColour, size
|
|
|
19
19
|
React.createElement("p", { className: style.description }, description)),
|
|
20
20
|
React.createElement("div", { className: style.avatarWrapper },
|
|
21
21
|
React.createElement("img", { className: style.avatar, src: avatar }))),
|
|
22
|
-
|
|
22
|
+
(iconProps === null || iconProps === void 0 ? void 0 : iconProps.type) &&
|
|
23
23
|
React.createElement("div", { className: style.iconWrapper },
|
|
24
|
-
React.createElement(Icon, { theme: theme, className: style.icon, size: 2, rounded: true, type: 'chevron-down' }))));
|
|
24
|
+
React.createElement(Icon, Object.assign({ theme: theme, className: style.icon, size: 2, rounded: true }, iconProps, { type: 'chevron-down', onClick: iconProps.onClick })))));
|
|
25
25
|
};
|
|
26
26
|
export default Showcase;
|
|
27
27
|
//# sourceMappingURL=Showcase.js.map
|
|
@@ -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,
|
|
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,IAA2B,MAAM,uBAAuB,CAAA;AAgB/D,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,EACT,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,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI;YACd,6BAAK,SAAS,EAAE,KAAK,CAAC,WAAW;gBAC/B,oBAAC,IAAI,kBACH,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,IAAI,EAAE,CAAC,EACP,OAAO,UACH,SAAS,IACb,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,SAAS,CAAC,OAAO,IAC1B,CACE,CACS,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -149,4 +149,15 @@
|
|
|
149
149
|
|
|
150
150
|
margin-right: auto
|
|
151
151
|
}
|
|
152
|
+
|
|
153
|
+
.icon:hover {
|
|
154
|
+
|
|
155
|
+
--tw-scale-x: 1.25;
|
|
156
|
+
|
|
157
|
+
--tw-scale-y: 1.25;
|
|
158
|
+
|
|
159
|
+
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));
|
|
160
|
+
|
|
161
|
+
cursor: pointer
|
|
162
|
+
}
|
|
152
163
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,iBAAmD;;IAAnD;AAAmD;;AAAnD;;IAAA,kBAAmD;;IAAnD,kBAAmD;;IAAnD,+LAAmD;;IAAnD;AAAmD","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 hover:cursor-pointer hover:scale-125;\n}"]}
|