trepur_components 1.0.27 → 1.0.29
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/Button/Button.js +6 -9
- package/dist/src/lib/components/Button/Button.js.map +1 -1
- package/dist/src/lib/components/Button/style.module.css +16 -3
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/Card/Card.js +4 -5
- package/dist/src/lib/components/Card/Card.js.map +1 -1
- package/dist/src/lib/components/Card/style.module.css +3 -4
- package/dist/src/lib/components/Card/style.module.css.map +1 -1
- package/dist/src/lib/components/Carousel/Carousel.d.ts +1 -0
- package/dist/src/lib/components/Carousel/Carousel.js +15 -7
- package/dist/src/lib/components/Carousel/Carousel.js.map +1 -1
- package/dist/src/lib/components/Carousel/style.module.css +93 -4
- package/dist/src/lib/components/Carousel/style.module.css.map +1 -1
- package/dist/src/lib/components/Icon/style.module.css +17 -17
- package/dist/src/lib/components/Icon/style.module.css.map +1 -1
- package/dist/src/lib/components/Image/Image.js +1 -1
- package/dist/src/lib/components/Image/Image.js.map +1 -1
- package/dist/src/lib/components/Nav/Nav.js +5 -3
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +2 -1
- package/dist/src/lib/components/Nav/StickyNav.js +9 -7
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +17 -3
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/NavItem.d.ts +2 -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 +10 -6
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/SocialBlock/SocialBlock.js.map +1 -1
- package/dist/src/lib/components/SocialButton/SocialButton.js +6 -3
- package/dist/src/lib/components/SocialButton/SocialButton.js.map +1 -1
- package/dist/src/lib/components/SocialButton/style.module.css +11 -3
- package/dist/src/lib/components/SocialButton/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -19,21 +19,18 @@ const Button = ({ id, className, onClick, hoverText, variant = 'primary', type =
|
|
|
19
19
|
[style.disabled]: disabled,
|
|
20
20
|
[style.rounded]: rounded,
|
|
21
21
|
[style.notRounded]: !rounded
|
|
22
|
-
}, style.classList, className, padding,
|
|
22
|
+
}, style.classList, className, padding, theme);
|
|
23
23
|
const loadingIcon = (React.createElement(Icon, { size: 1, type: 'spinner', animation: 'pulse', colour: 'white', bgColour: 'primary' }));
|
|
24
|
-
let Tag = '
|
|
24
|
+
let Tag = 'button';
|
|
25
25
|
let attributes = {};
|
|
26
26
|
if ((Boolean(href)) || Boolean(target)) {
|
|
27
27
|
Tag = 'a';
|
|
28
28
|
attributes = { href, target };
|
|
29
29
|
}
|
|
30
|
-
return (React.createElement(Tag, Object.assign({}, attributes),
|
|
31
|
-
React.createElement("
|
|
32
|
-
|
|
33
|
-
{
|
|
34
|
-
React.createElement("div", { className: classNames({ invisible: isLoading }) }, children),
|
|
35
|
-
isLoading &&
|
|
36
|
-
React.createElement("div", { className: loadingClasses }, loadingIcon))));
|
|
30
|
+
return (React.createElement(Tag, Object.assign({}, attributes, { id: id, className: classList, "aria-busy": isLoading }, ((onClick != null) && { onClick }), (disabled && { disabled })),
|
|
31
|
+
React.createElement("div", { className: classNames({ invisible: isLoading }) }, children),
|
|
32
|
+
isLoading &&
|
|
33
|
+
React.createElement("div", { className: loadingClasses }, loadingIcon)));
|
|
37
34
|
};
|
|
38
35
|
export default Button;
|
|
39
36
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAsBtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,MAAM,EACN,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QACjC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACpC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC9D,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;QAC1C,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAClE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO;KAC7B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAsBtC,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,IAAI,EACJ,MAAM,EACN,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,YAAY,GAAG,KAAK,EACpB,QAAQ,EACR,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;QACjC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,MAAM;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;KACpC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAA;IAEnB,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,SAAS,EAAE,CAAC,SAAS;KACtB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;IAEjB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;QACtC,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,SAAS;QAC9D,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,KAAK,WAAW;QAC1C,CAAC,KAAK,CAAC,oBAAoB,CAAC,EAAE,CAAC,QAAQ,IAAI,OAAO,KAAK,WAAW;QAClE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;QAC1B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,OAAO;KAC7B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAA;IAE9C,MAAM,WAAW,GAAG,CAClB,oBAAC,IAAI,IACH,IAAI,EAAE,CAAC,EACP,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,OAAO,EACjB,MAAM,EAAC,OAAO,EACd,QAAQ,EAAC,SAAS,GAClB,CACH,CAAA;IAED,IAAI,GAAG,GAAsD,QAAQ,CAAA;IACrE,IAAI,UAAU,GAAqB,EAAE,CAAA;IAErC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;QACtC,GAAG,GAAG,GAAG,CAAA;QACT,UAAU,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,CAAA;KAC9B;IAED,OAAO,CACL,oBAAC,GAAG,oBACE,UAAU,IACd,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,eACT,SAAS,IAChB,CAAC,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,EAClC,CAAC,QAAQ,IAAI,EAAE,QAAQ,EAAE,CAAC;QAE9B,6BAAK,SAAS,EAAE,UAAU,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,IACjD,QAAQ,CACL;QACL,SAAS;YACR,6BAAK,SAAS,EAAE,cAAc,IAC3B,WAAW,CACR,CACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -6,7 +6,16 @@
|
|
|
6
6
|
|
|
7
7
|
font-size: 20px;
|
|
8
8
|
|
|
9
|
-
transition-duration: 500ms
|
|
9
|
+
transition-duration: 500ms;
|
|
10
|
+
|
|
11
|
+
display: inline-block;
|
|
12
|
+
|
|
13
|
+
text-align: center
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.classList:focus {
|
|
17
|
+
|
|
18
|
+
outline-style: solid
|
|
10
19
|
}
|
|
11
20
|
|
|
12
21
|
.loading {
|
|
@@ -58,7 +67,9 @@
|
|
|
58
67
|
|
|
59
68
|
background-color: var(--color-primary);
|
|
60
69
|
|
|
61
|
-
color: var(--color-white)
|
|
70
|
+
color: var(--color-white);
|
|
71
|
+
|
|
72
|
+
outline-color: var(--color-primary)
|
|
62
73
|
}
|
|
63
74
|
|
|
64
75
|
.primaryNotDisabled:hover {
|
|
@@ -85,7 +96,9 @@
|
|
|
85
96
|
|
|
86
97
|
background-color: var(--color-white);
|
|
87
98
|
|
|
88
|
-
color: var(--color-primary)
|
|
99
|
+
color: var(--color-primary);
|
|
100
|
+
|
|
101
|
+
outline-color: var(--color-white)
|
|
89
102
|
}
|
|
90
103
|
|
|
91
104
|
.secondaryNotDisabled:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAA8C;;IAA9C,iBAA8C;;IAA9C,eAA8C;;IAA9C;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACI;;IAAA,+LAA8C;;IAA9C,iBAA8C;;IAA9C,eAA8C;;IAA9C,0BAA8C;;IAC9C,qBAA+B;;IAA/B;AAD8C;;AAK9C;;IAAA;AAAc;;AAId;;IAAA,kBAAsC;;IAAtC,SAAsC;;IAAtC,QAAsC;;IAAtC;AAAsC;;AAItC;;IAAA,qBAAgB;;IAAhB,sBAAgB;;IAAhB,oBAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,qBAAW;;IAAX;AAAW;;AAIX;;IAAA,kBAAW;;IAAX;AAAW;;AAIX;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA,gCAAyD;;IAAzD,sCAAyD;;IAAzD,yBAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kCAA2C;;IAA3C,oCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,kCAA2C;;IAA3C,oCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,kCAAyD;;IAAzD,oCAAyD;;IAAzD,2BAAyD;;IAAzD;AAAyD;;AAIzD;;IAAA,kCAA2C;;IAA3C,sCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA;AAAiB;;AAIjB;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".classList {\n @apply border-2 duration-500 transform text-sm;\n @apply inline-block text-center;\n}\n\n.classList:focus {\n @apply outline;\n}\n\n.loading {\n @apply absolute left-2/4 top-1/4 -ml-2;\n}\n\n.social {\n @apply px-1 py-1;\n}\n\n.icon {\n @apply px-3;\n}\n\n.default {\n @apply px-8;\n}\n\n.padding {\n @apply py-3;\n}\n\n.primary {\n @apply bg-primary text-white border-white outline-primary;\n}\n\n.primaryNotDisabled:hover {\n @apply bg-white text-primary border-primary;\n}\n\n.primaryNotDisabled:focus {\n @apply bg-white text-primary border-primary;\n}\n\n.secondary {\n @apply bg-white text-primary border-primary outline-white;\n}\n\n.secondaryNotDisabled:hover {\n @apply bg-primary text-white border-primary;\n}\n\n.disabled {\n @apply opacity-50;\n}\n\n.rounded {\n @apply rounded-lg;\n}\n\n.notRounded {\n @apply rounded-none;\n}"]}
|
|
@@ -4,6 +4,7 @@ import Button from '../Button/Button';
|
|
|
4
4
|
import Video from '../Video/Video';
|
|
5
5
|
import style from './style.module.css';
|
|
6
6
|
const Card = ({ id, className, imageProps, videoProps, title, subTitle, description, href, target, buttonProps, theme = 'theme-rupertbennett' }) => {
|
|
7
|
+
var _a;
|
|
7
8
|
const cardTitleClasses = classNames(style.title);
|
|
8
9
|
const cardSubTitleClassList = classNames(style.subtitle);
|
|
9
10
|
const cardDescriptionClassList = classNames(style.description);
|
|
@@ -13,18 +14,16 @@ const Card = ({ id, className, imageProps, videoProps, title, subTitle, descript
|
|
|
13
14
|
let attributes = {};
|
|
14
15
|
if (Boolean(href) || Boolean(target)) {
|
|
15
16
|
Tag = 'a';
|
|
16
|
-
attributes = { href, title, target:
|
|
17
|
+
attributes = { href, title, target: '_blank' };
|
|
17
18
|
}
|
|
18
|
-
const shouldDisplayButton = buttonProps !== undefined &&
|
|
19
|
-
buttonProps !== null &&
|
|
20
|
-
buttonProps.children !== undefined &&
|
|
19
|
+
const shouldDisplayButton = (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.children) !== undefined &&
|
|
21
20
|
(buttonProps.href !== undefined || buttonProps.onClick !== undefined) &&
|
|
22
21
|
Tag === 'div';
|
|
23
22
|
return (React.createElement(Tag, Object.assign({ id: id, className: classList }, attributes),
|
|
24
23
|
React.createElement("div", null, (videoProps === null || videoProps === void 0 ? void 0 : videoProps.mp4File) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.webmFile) !== undefined || (videoProps === null || videoProps === void 0 ? void 0 : videoProps.ogvFile) !== undefined
|
|
25
24
|
? (React.createElement(Video, Object.assign({}, videoProps)))
|
|
26
25
|
: (imageProps !== undefined &&
|
|
27
|
-
React.createElement("img", Object.assign({ className: imageClassList, title: `${title === null || title === void 0 ? void 0 : title.replace(/\s/g, '-')}-logo`, alt: `${title === null || title === void 0 ? void 0 : title.replace(/\s/g, '-')}-image` }, imageProps)))),
|
|
26
|
+
React.createElement("img", Object.assign({ className: imageClassList, title: `${(_a = title === null || title === void 0 ? void 0 : title.replace(/\s/g, '-')) !== null && _a !== void 0 ? _a : 'a'}-logo`, alt: title !== undefined ? `${title === null || title === void 0 ? void 0 : title.replace(/\s/g, '-')}-image` : 'image' }, imageProps)))),
|
|
28
27
|
React.createElement("div", { className: style.contentWrapper },
|
|
29
28
|
React.createElement("div", { className: style.movingContent },
|
|
30
29
|
title !== undefined &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAgC,MAAM,2BAA2B,CAAA;AACxE,OAAO,KAA8B,MAAM,yBAAyB,CAAA;AAEpE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,IAAI,GAAoB,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,MAAM,EACN,WAAW,EACX,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/lib/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,8 +5,6 @@
|
|
|
5
5
|
--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
|
|
6
6
|
--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
|
|
7
7
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
8
|
-
outline: 2px solid transparent;
|
|
9
|
-
outline-offset: 2px;
|
|
10
8
|
max-width: 380px
|
|
11
9
|
}
|
|
12
10
|
|
|
@@ -29,8 +27,9 @@ a .classList:hover {
|
|
|
29
27
|
}
|
|
30
28
|
|
|
31
29
|
.classList:focus {
|
|
32
|
-
|
|
33
|
-
|
|
30
|
+
border-width: 2px;
|
|
31
|
+
border-color: var(--color-primary);
|
|
32
|
+
border-radius: 10px
|
|
34
33
|
}
|
|
35
34
|
|
|
36
35
|
.classList:focus .movingContent {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB,uGAAgB;IAChB
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Card/style.module.css"],"names":[],"mappings":"AACI;IAAA,aAAoB;IAApB,sBAAoB;IACpB,qBAAiB;IACjB,gFAAgB;IAAhB,oGAAgB;IAAhB,uGAAgB;IAChB;AAHoB;;AAOpB;IAAA;AAAqB;;AAIrB;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,iBAA8B;IAA9B,kCAA8B;IAC9B;AAD8B;;AAK9B;IAAA,iBAAY;IACZ,wBAAkC;IAAlC,wDAAkC;IAAlC;AADY;;AAKZ;IAAA,gBAAW;IACX,wBAAkC;IAAlC,wDAAkC;IAAlC;AADW;;AAKX;IAAA,YAAiC;IAAjC,WAAiC;IACjC,aAAwC;IAAxC,gBAAwC;IAAxC,iBAAwC;IACxC,8BAAmB;IAAnB,+BAAmB;IACnB;AAHiC;;AAOjC;IAAA,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD,8BAAkD;IAClD;AADkD;;AAKlD;IAAA,oCAAe;IACf,eAAqB;IAArB,oBAAqB;IAArB,qBAAqB;IAArB,mBAAqB;IACrB,kCAAmB;IAAnB,iCAAmB;IACnB,wBAAkC;IAAlC,wDAAkC;IAAlC;AAHe;;AAOf;IAAA,YAAiB;IAAjB,eAAiB;IACjB,wBAAkC;IAAlC,wDAAkC;IAAlC,0BAAkC;IAClC,aAAkD;IAAlD,sBAAkD;IAAlD,oBAAkD;IAAlD;AAFiB;;AAMjB;IAAA,eAA0B;IAA1B;AAA0B;;AAI1B;IAAA,eAA2B;IAA3B;AAA2B;;AAI3B;IAAA,YAAqC;IAArC,sBAAqC;IAArC,eAAqC;IAArC;AAAqC;;AAIrC;IAAA;AAAa","file":"style.module.css","sourcesContent":[".classList {\n @apply flex flex-col;\n @apply rounded-lg;\n @apply shadow-xl;\n max-width: 380px;\n}\n\na .classList:hover {\n @apply cursor-pointer;\n}\n\n.classList:hover .movingContent {\n @apply -mt-8;\n @apply transition-all duration-300;\n}\n\n.classList:hover .staticContent {\n @apply mt-8;\n @apply transition-all duration-300;\n}\n\n.classList:focus {\n @apply border-2 border-primary;\n border-radius: 10px;\n}\n\n.classList:focus .movingContent {\n @apply -mt-8;\n @apply transition-all duration-300;\n}\n\n.classList:focus .staticContent {\n @apply mt-8;\n @apply transition-all duration-300;\n}\n\n.imageClassList {\n @apply w-full object-cover h-full;\n @apply h-64 overflow-hidden object-cover;\n @apply rounded-t-lg;\n height: 256px;\n}\n\n.contentWrapper {\n @apply flex flex-col justify-between items-stretch;\n height: calc(100% - 256px);\n}\n\n.movingContent {\n @apply bg-white;\n @apply px-6 pt-6 mt-0;\n @apply rounded-b-lg;\n @apply transition-all duration-300;\n}\n\n.staticContent {\n @apply h-full p-6;\n @apply transition-all duration-300;\n @apply flex flex-col justify-between items-stretch;\n}\n\n.title {\n @apply font-medium text-sm;\n}\n\n.subtitle {\n @apply font-regular text-xs;\n}\n\n.description {\n @apply font-light text-xs pb-6 flex-1;\n}\n\n.buttonClassList {\n @apply w-full;\n}"]}
|
|
@@ -96,24 +96,30 @@ const Carousel = ({ id, className, slideWrapperClassName, title, description, bg
|
|
|
96
96
|
number
|
|
97
97
|
}
|
|
98
98
|
}, [WheelControls]);
|
|
99
|
+
const onKeyDown = (e) => {
|
|
100
|
+
var _a;
|
|
101
|
+
if (e.key === 'Tab') {
|
|
102
|
+
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next();
|
|
103
|
+
}
|
|
104
|
+
};
|
|
99
105
|
return (React.createElement(ComponentWrapper, { id: id, className: classList, title: title, description: description, bgColour: bgColour, theme: theme },
|
|
100
|
-
React.createElement("div", { className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
|
|
106
|
+
React.createElement("div", { onKeyDown: onKeyDown, className: classNames(classList, (arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && style.visibleArrows, style.classList, 'navigation-wrapper') },
|
|
101
107
|
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
|
|
102
108
|
React.createElement(Arrow, Object.assign({ left: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.prev()); }, disabled: currentSlide === 0 }, arrows)))),
|
|
103
109
|
React.createElement("div", { ref: sliderRef, className: classNames(style.slideWrapper, slideWrapperClassName, 'keen-slider') }, (slides != null) && slides),
|
|
104
110
|
(arrows === null || arrows === void 0 ? void 0 : arrows.visible) === true && loaded && (instanceRef.current !== undefined) && (React.createElement("div", { className: style.arrowWrapper },
|
|
105
111
|
React.createElement(Arrow, Object.assign({ right: true, onClick: (e) => { var _a; return e.stopPropagation() !== undefined || ((_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.next()); }, disabled: currentSlide === ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) }, arrows))))),
|
|
106
112
|
(dots === null || dots === void 0 ? void 0 : dots.visible) === true && loaded && (instanceRef.current != null) && (React.createElement("div", { className: style.dotWrapper }, [...Array((_h = (_g = (_f = (_e = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _e === void 0 ? void 0 : _e.track) === null || _f === void 0 ? void 0 : _f.details) === null || _g === void 0 ? void 0 : _g.slides) === null || _h === void 0 ? void 0 : _h.length).keys()].map((idx, i) => {
|
|
107
|
-
var _a, _b, _c, _d;
|
|
108
|
-
const numberOfSlides = ((_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length)
|
|
109
|
-
return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: loop
|
|
113
|
+
var _a, _b, _c, _d, _e;
|
|
114
|
+
const numberOfSlides = (_e = (_d = (_c = (_b = (_a = instanceRef === null || instanceRef === void 0 ? void 0 : instanceRef.current) === null || _a === void 0 ? void 0 : _a.track) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.slides) === null || _d === void 0 ? void 0 : _d.length) !== null && _e !== void 0 ? _e : 1;
|
|
115
|
+
return (React.createElement(Dot, Object.assign({ key: `dot_${i}`, isActive: !loop
|
|
110
116
|
? currentSlide === idx
|
|
111
117
|
: currentSlide + perView <= numberOfSlides
|
|
112
118
|
? idx >= currentSlide && idx < currentSlide + perView
|
|
113
119
|
: idx >= currentSlide || currentSlide + perView - numberOfSlides - 1 >= idx, onClick: () => {
|
|
114
120
|
var _a;
|
|
115
121
|
(_a = instanceRef.current) === null || _a === void 0 ? void 0 : _a.moveToIdx(idx);
|
|
116
|
-
}, theme: theme }, dots)));
|
|
122
|
+
}, theme: theme }, dots, { wrapperBgColour: bgColour !== null && bgColour !== void 0 ? bgColour : 'white' })));
|
|
117
123
|
})))));
|
|
118
124
|
};
|
|
119
125
|
function Arrow(props) {
|
|
@@ -122,8 +128,10 @@ function Arrow(props) {
|
|
|
122
128
|
React.createElement(Icon, { type: (props === null || props === void 0 ? void 0 : props.left) === true ? 'chevron-left' : 'chevron-right', className: style.arrowIconClassList, size: 3, rounded: true, bgColour: props === null || props === void 0 ? void 0 : props.bgColour, colour: props === null || props === void 0 ? void 0 : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour }))));
|
|
123
129
|
}
|
|
124
130
|
function Dot(props) {
|
|
125
|
-
|
|
126
|
-
|
|
131
|
+
var _a;
|
|
132
|
+
const bg = (_a = props === null || props === void 0 ? void 0 : props.wrapperBgColour) !== null && _a !== void 0 ? _a : 'white';
|
|
133
|
+
return (React.createElement("button", { className: classNames(style.dotButtonClassList, style[bg]), type: 'button', onClick: props === null || props === void 0 ? void 0 : props.onClick },
|
|
134
|
+
React.createElement(Icon, { type: 'circle', className: style.dotIconClassList, size: 2, rounded: true, bgColour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverBgColour : props.bgColour, colour: (props === null || props === void 0 ? void 0 : props.isActive) === true ? props.hoverColour : props.colour, hoverBgColour: props === null || props === void 0 ? void 0 : props.hoverBgColour, hoverColour: props === null || props === void 0 ? void 0 : props.hoverColour, theme: props === null || props === void 0 ? void 0 : props.theme })));
|
|
127
135
|
}
|
|
128
136
|
export default Carousel;
|
|
129
137
|
//# sourceMappingURL=Carousel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,iCAAiC,CAAA;AACxC,OAAO,EAAE,aAAa,EAA0D,MAAM,mBAAmB,CAAA;AACzG,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,OAAO,gBAAgB,MAAM,+CAA+C,CAAA;
|
|
1
|
+
{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../../../src/lib/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,18 +12,38 @@
|
|
|
12
12
|
|
|
13
13
|
.slideWrapper {
|
|
14
14
|
|
|
15
|
-
width: 100
|
|
15
|
+
width: 100%;
|
|
16
|
+
|
|
17
|
+
padding-bottom: 3rem;
|
|
18
|
+
|
|
19
|
+
padding-top: 1rem;
|
|
20
|
+
|
|
21
|
+
padding-left: 0.25rem
|
|
16
22
|
}
|
|
17
23
|
|
|
18
24
|
.dotWrapper {
|
|
19
25
|
|
|
26
|
+
margin-top: 0.5rem;
|
|
27
|
+
|
|
28
|
+
margin-bottom: 0.5rem;
|
|
29
|
+
|
|
20
30
|
display: flex;
|
|
21
31
|
|
|
22
|
-
justify-content: center
|
|
32
|
+
justify-content: center
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.dotButtonClassList {
|
|
36
|
+
|
|
37
|
+
border-color: var(--color-transparent);
|
|
23
38
|
|
|
24
|
-
padding-top:
|
|
39
|
+
padding-top: 0.5rem;
|
|
25
40
|
|
|
26
|
-
padding-bottom:
|
|
41
|
+
padding-bottom: 0.5rem
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.dotButtonClassList:focus {
|
|
45
|
+
|
|
46
|
+
border-width: 2px
|
|
27
47
|
}
|
|
28
48
|
|
|
29
49
|
.dotIconClassList {
|
|
@@ -57,4 +77,73 @@
|
|
|
57
77
|
cursor: pointer
|
|
58
78
|
}
|
|
59
79
|
|
|
80
|
+
.primary {
|
|
81
|
+
|
|
82
|
+
border-color: var(--color-white)
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.white {
|
|
86
|
+
|
|
87
|
+
border-color: var(--color-primary)
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.grey {
|
|
91
|
+
|
|
92
|
+
border-color: var(--color-primary)
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.gold {
|
|
96
|
+
|
|
97
|
+
border-color: var(--color-primary)
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.facebook {
|
|
101
|
+
|
|
102
|
+
border-color: var(--color-white)
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
.linkedin {
|
|
106
|
+
|
|
107
|
+
border-color: var(--color-white)
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.email {
|
|
111
|
+
|
|
112
|
+
border-color: var(--color-white)
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.instagram {
|
|
116
|
+
|
|
117
|
+
border-color: var(--color-primary)
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
.github {
|
|
121
|
+
|
|
122
|
+
border-color: var(--color-white)
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.interactive-facebook {
|
|
126
|
+
|
|
127
|
+
border-color: var(--color-primary)
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.interactive-email {
|
|
131
|
+
|
|
132
|
+
border-color: var(--color-primary)
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.interactive-linkedin {
|
|
136
|
+
|
|
137
|
+
border-color: var(--color-primary)
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.interactive-instagram {
|
|
141
|
+
|
|
142
|
+
border-color: var(--color-primary)
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
.interactive-github {
|
|
146
|
+
|
|
147
|
+
border-color: var(--color-primary)
|
|
148
|
+
}
|
|
60
149
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Carousel/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,WAA6B;;IAA7B,oBAA6B;;IAA7B,iBAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,kBAA+B;;IAA/B,qBAA+B;;IAA/B,aAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,sCAA+B;;IAA/B,mBAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA;AAAsB;;AAItB;;IAAA,oBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAqB;;AAIrB;;IAAA,gBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAmB;;AAInB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB;;AAIrB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n @apply w-full;\n}\n\n.visibleArrows {\n @apply flex justify-between;\n}\n\n.slideWrapper {\n @apply w-full pb-12 pt-4 pl-1;\n}\n\n.dotWrapper {\n @apply flex my-2 justify-center;\n}\n\n.dotButtonClassList {\n @apply py-2 border-transparent;\n}\n\n.dotButtonClassList:focus {\n @apply border border-2;\n}\n\n.dotIconClassList {\n @apply mx-1;\n}\n\n.dotIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.arrowWrapper {\n @apply my-auto;\n}\n\n.arrowIconClassList {\n @apply mx-auto;\n}\n\n.arrowIconClassList:hover {\n @apply cursor-pointer;\n}\n\n.primary {\n @apply border-white;\n}\n\n.white {\n @apply border-primary;\n}\n\n.grey {\n @apply border-primary;\n}\n\n.gold {\n @apply border-primary;\n}\n\n.facebook {\n @apply border-white;\n}\n\n.linkedin {\n @apply border-white;\n}\n\n.email {\n @apply border-white;\n}\n\n.instagram {\n @apply border-primary;\n}\n\n.github {\n @apply border-white;\n}\n\n.interactive-facebook {\n @apply border-primary;\n}\n\n.interactive-email {\n @apply border-primary;\n}\n\n.interactive-linkedin {\n @apply border-primary;\n}\n\n.interactive-instagram {\n @apply border-primary;\n}\n\n.interactive-github {\n @apply border-primary;\n}"]}
|
|
@@ -16,72 +16,72 @@
|
|
|
16
16
|
width: 1.5rem
|
|
17
17
|
}
|
|
18
18
|
|
|
19
|
-
/* .sizeOne {
|
|
20
|
-
@apply w-10 h-10;
|
|
21
|
-
} */
|
|
22
|
-
|
|
23
19
|
.sizeTwo {
|
|
24
20
|
|
|
21
|
+
height: 2rem;
|
|
22
|
+
|
|
23
|
+
width: 2rem
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.sizeThree {
|
|
27
|
+
|
|
25
28
|
height: 4rem;
|
|
26
29
|
|
|
27
30
|
width: 4rem
|
|
28
31
|
}
|
|
29
32
|
|
|
30
|
-
.
|
|
33
|
+
.sizeFour {
|
|
31
34
|
|
|
32
35
|
height: 5rem;
|
|
33
36
|
|
|
34
37
|
width: 5rem
|
|
35
38
|
}
|
|
36
39
|
|
|
37
|
-
.
|
|
40
|
+
.sizeFive {
|
|
38
41
|
|
|
39
42
|
height: 6rem;
|
|
40
43
|
|
|
41
44
|
width: 6rem
|
|
42
45
|
}
|
|
43
46
|
|
|
44
|
-
.
|
|
47
|
+
.sizeSix {
|
|
45
48
|
|
|
46
49
|
height: 7rem;
|
|
47
50
|
|
|
48
51
|
width: 7rem
|
|
49
52
|
}
|
|
50
53
|
|
|
51
|
-
.
|
|
54
|
+
.sizeSeven {
|
|
52
55
|
|
|
53
56
|
height: 8rem;
|
|
54
57
|
|
|
55
58
|
width: 8rem
|
|
56
59
|
}
|
|
57
60
|
|
|
58
|
-
.
|
|
61
|
+
.sizeEight {
|
|
59
62
|
|
|
60
63
|
height: 9rem;
|
|
61
64
|
|
|
62
65
|
width: 9rem
|
|
63
66
|
}
|
|
64
67
|
|
|
65
|
-
.
|
|
68
|
+
.sizeNine {
|
|
66
69
|
|
|
67
70
|
height: 10rem;
|
|
68
71
|
|
|
69
72
|
width: 10rem
|
|
70
73
|
}
|
|
71
74
|
|
|
72
|
-
.
|
|
75
|
+
.sizeTen {
|
|
73
76
|
|
|
74
77
|
height: 11rem;
|
|
75
78
|
|
|
76
79
|
width: 11rem
|
|
77
80
|
}
|
|
78
81
|
|
|
79
|
-
.sizeTen {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
width: 12rem
|
|
84
|
-
}
|
|
82
|
+
/* .sizeTen {
|
|
83
|
+
@apply w-48 h-48;
|
|
84
|
+
} */
|
|
85
85
|
|
|
86
86
|
.rounded {
|
|
87
87
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Icon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAsB;;IAAtB,kBAAsB;;IAAtB,gBAAsB;;IAAtB;AAAsB;;AAItB;;IAAA,cAAc;;IAAd;AAAc;;AAId;;IAAA,YAAc;;IAAd;AAAc;;AAId;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,YAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAIhB;;IAAA,aAAgB;;IAAhB;AAAgB;;AAGpB;;GAEG;;AAGC;;IAAA;AAAmB;;AAInB;;IAAA,aAAkC;;IAAlC,+LAAkC;;IAAlC;AAAkC;;AAGvB;;IAAA;AAAmB;AACjB;;IAAA;AAAqB;AACzB;;IAAA;AAAiB;AACjB;;IAAA;AAAiB;AAClB;;IAAA;AAAgB;AACZ;;IAAA;AAAoB;AACR;;IAAA;AAAgC;;AAE/C;;IAAA;AAAiB;AACf;;IAAA;AAAmB;AACvB;;IAAA;AAAe;AAChB;;IAAA;AAAe;AACf;;IAAA;AAAc;AACV;;IAAA;AAAkB;AACN;;IAAA;AAA8B;;AAEpC;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AAClB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;;AAErD;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AAChB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;;AAE/C;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACxB;;IAAA;AAAuB;AACvB;;IAAA;AAAsB;AAClB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;;AAErD;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACtB;;IAAA;AAAqB;AACrB;;IAAA;AAAoB;AAChB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC","file":"style.module.css","sourcesContent":[".classList {\n @apply mx-auto my-auto;\n}\n\n.sizeOne {\n @apply w-6 h-6;\n}\n\n.sizeTwo {\n @apply w-8 h-8;\n}\n\n.sizeThree {\n @apply w-16 h-16;\n}\n\n.sizeFour {\n @apply w-20 h-20;\n}\n\n.sizeFive {\n @apply w-24 h-24;\n}\n\n.sizeSix {\n @apply w-28 h-28;\n}\n\n.sizeSeven {\n @apply w-32 h-32;\n}\n\n.sizeEight {\n @apply w-36 h-36;\n}\n\n.sizeNine {\n @apply w-40 h-40;\n}\n\n.sizeTen {\n @apply w-44 h-44;\n}\n\n/* .sizeTen {\n @apply w-48 h-48;\n} */\n\n.rounded {\n @apply rounded-full;\n}\n\n.wrapperClassList {\n @apply flex duration-500 transform;\n}\n\n.textPrimary { @apply text-primary; }\n.textSecondary { @apply text-secondary; }\n.textWhite { @apply text-white; }\n.textBlack { @apply text-black; }\n.textGold { @apply text-gold; }\n.textFacebook { @apply text-facebook; }\n.textInteractive-facebook { @apply text-interactive-facebook; }\n\n.bgPrimary { @apply bg-primary; }\n.bgSecondary { @apply bg-secondary; }\n.bgWhite { @apply bg-white; }\n.bglack { @apply bg-black; }\n.bgGold { @apply bg-gold; }\n.bgFacebook { @apply bg-facebook; }\n.bgInteractive-facebook { @apply bg-interactive-facebook; }\n\n.hoverTextPrimary { @apply hover:text-primary; }\n.hoverTextSecondary { @apply hover:text-secondary; }\n.hoverTextWhite { @apply hover:text-white; }\n.hoverTextlack { @apply hover:text-black; }\n.hoverTextGold { @apply hover:text-gold; }\n.hoverTextFacebook { @apply hover:text-facebook; }\n.hoverTextInteractive-facebook { @apply hover:text-interactive-facebook; }\n\n.hoverBgPrimary { @apply hover:bg-primary; }\n.hoverBgSecondary { @apply hover:bg-secondary; }\n.hoverBgWhite { @apply hover:bg-white; }\n.hoverBglack { @apply hover:bg-black; }\n.hoverBgGold { @apply hover:bg-gold; }\n.hoverBgFacebook { @apply hover:bg-facebook; }\n.hoverBgInteractive-facebook { @apply hover:bg-interactive-facebook; }\n\n.focusTextPrimary { @apply focus:text-primary; }\n.focusTextSecondary { @apply focus:text-secondary; }\n.focusTextWhite { @apply focus:text-white; }\n.focusTextlack { @apply focus:text-black; }\n.focusTextGold { @apply focus:text-gold; }\n.focusTextFacebook { @apply focus:text-facebook; }\n.focusTextInteractive-facebook { @apply focus:text-interactive-facebook; }\n\n.focusBgPrimary { @apply focus:bg-primary; }\n.focusBgSecondary { @apply focus:bg-secondary; }\n.focusBgWhite { @apply focus:bg-white; }\n.focusBglack { @apply focus:bg-black; }\n.focusBgGold { @apply focus:bg-gold; }\n.focusBgFacebook { @apply focus:bg-facebook; }\n.focusBgInteractive-facebook { @apply focus:bg-interactive-facebook; }"]}
|
|
@@ -49,7 +49,7 @@ const Image = ({ id, className, src, altText, title, rounded = false, roundedFul
|
|
|
49
49
|
React.createElement("div", { className: overlayClassList }),
|
|
50
50
|
React.createElement("div", { className: overlayTextWrapperClassList, onMouseEnter: () => setIsHovering(true), onMouseLeave: () => setIsHovering(false) },
|
|
51
51
|
React.createElement("p", { className: style.overlayTextClassList }, overlayText))),
|
|
52
|
-
React.createElement("img", { id: id, className: imageClassList, src: src, alt: altText
|
|
52
|
+
React.createElement("img", { id: id, className: imageClassList, src: src, alt: altText !== null && altText !== void 0 ? altText : overlayText, title: title !== null && title !== void 0 ? title : overlayText })));
|
|
53
53
|
};
|
|
54
54
|
export default Image;
|
|
55
55
|
//# sourceMappingURL=Image.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../../../../src/lib/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAmBtC,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,GAAG,EACH,OAAO,EACP,KAAK,EACL,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,MAAM,GAAG,CAAC,EACV,KAAK,GAAG,CAAC,EACT,WAAW,EACX,aAAa,GAAG,KAAK,EACrB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,UAAU;QAC3B,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU;KAC/B,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC;QAC3B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,KAAK,EAAE;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,KAAK,KAAK,EAAE;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;KACjG,CAAC,CAAA;IAEF,MAAM,eAAe,GAAG,UAAU,CAAC;QACjC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,MAAM,KAAK,CAAC;QAC7B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE;QAC/B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,KAAK,EAAE;QAC/B,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,MAAM,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KACpG,CAAC,CAAA;IAEF,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO;QACxB,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,WAAW;QAChC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,aAAa;QACpC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ;KAC3B,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,CAAC,CAAA;IAErD,MAAM,gBAAgB,GAAG,UAAU,CACjC,cAAc,EACd,eAAe,EACf,OAAO,EACP,KAAK,CAAC,gBAAgB,CACvB,CAAA;IAED,MAAM,2BAA2B,GAAG,UAAU,CAC5C,cAAc,EACd,eAAe,EACf,OAAO,EACP,KAAK,CAAC,2BAA2B,CAClC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc;QAC3B,WAAW,KAAK,SAAS;YACxB;gBACE,6BAAK,SAAS,EAAE,gBAAgB,GAAI;gBACpC,6BACE,SAAS,EAAE,2BAA2B,EACtC,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,EACvC,YAAY,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;oBAExC,2BAAG,SAAS,EAAE,KAAK,CAAC,oBAAoB,IAAG,WAAW,CAAK,CACvD,CACL;QACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,cAAc,EACzB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,WAAW,EAC3B,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,WAAW,GAC3B,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
|
|
@@ -7,6 +7,7 @@ import Image from '../Image/Image';
|
|
|
7
7
|
import Container from '../Container/Container';
|
|
8
8
|
import StickyNav from './StickyNav';
|
|
9
9
|
const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', bgColour = 'primary', text, textLink = '/', theme = 'theme-rupertbennett' }) => {
|
|
10
|
+
var _a, _b, _c, _d;
|
|
10
11
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
11
12
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
12
13
|
const [showStickyNav, setShowStickyNav] = useState(false);
|
|
@@ -42,16 +43,17 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
42
43
|
setShowDropdownNav(!showDropdownNav);
|
|
43
44
|
}
|
|
44
45
|
};
|
|
46
|
+
const themeString = theme.toString();
|
|
45
47
|
return (React.createElement("header", { id: id, className: classList },
|
|
46
48
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
47
49
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
48
50
|
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
|
|
49
51
|
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
50
|
-
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, title: `${
|
|
52
|
+
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, title: `${(_a = themeString.split('-')[1]) !== null && _a !== void 0 ? _a : ''}-mobile-logo`, altText: `${(_b = themeString.split('-')[1]) !== null && _b !== void 0 ? _b : 'a'}-mobile-logo`, height: 5, width: 5 }))),
|
|
51
53
|
React.createElement(Container, { withPadding: true, className: desktopClassList, theme: theme },
|
|
52
54
|
React.createElement("div", { className: style.logoClassList },
|
|
53
55
|
React.createElement("a", { className: style.desktopLogo, href: logoLink },
|
|
54
|
-
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${
|
|
56
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_c = themeString.split('-')[1]) !== null && _c !== void 0 ? _c : 'a'}-desktop-logo`, altText: `${(_d = themeString.split('-')[1]) !== null && _d !== void 0 ? _d : 'a'}-desktop-logo`, height: 5, width: 5 }))),
|
|
55
57
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
56
58
|
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 })));
|
|
57
59
|
})),
|
|
@@ -66,7 +68,7 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
66
68
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
67
69
|
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
70
|
})))),
|
|
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 })));
|
|
71
|
+
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, tabindex: showStickyNav ? 0 : -1 })));
|
|
70
72
|
};
|
|
71
73
|
export default Nav;
|
|
72
74
|
//# 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,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,OAAkC,MAAM,6BAA6B,CAAA;AAC5E,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,SAAS,MAAM,iCAAiC,CAAA;AAEvD,OAAO,SAAS,MAAM,aAAa,CAAA;AAsBnC,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,SAAS,EACT,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,SAAS,EACpB,IAAI,EACJ,QAAQ,GAAG,GAAG,EACd,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,6 +18,7 @@ export interface Props {
|
|
|
18
18
|
bgColour?: Colours;
|
|
19
19
|
theme?: ThemeTypes;
|
|
20
20
|
visible?: boolean;
|
|
21
|
+
tabindex?: number;
|
|
21
22
|
}
|
|
22
|
-
declare const StickyNav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, bgColour, theme, visible }: Props) => JSX.Element;
|
|
23
|
+
declare const StickyNav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, bgColour, theme, visible, tabindex }: Props) => JSX.Element;
|
|
23
24
|
export default StickyNav;
|
|
@@ -5,7 +5,8 @@ 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
|
-
const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', bgColour = 'primary', theme = 'theme-rupertbennett', visible = false }) => {
|
|
8
|
+
const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', bgColour = 'primary', theme = 'theme-rupertbennett', visible = false, tabindex = 0 }) => {
|
|
9
|
+
var _a, _b;
|
|
9
10
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
10
11
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
11
12
|
const classList = classNames({
|
|
@@ -29,30 +30,31 @@ const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo
|
|
|
29
30
|
setShowDropdownNav(!showDropdownNav);
|
|
30
31
|
}
|
|
31
32
|
};
|
|
33
|
+
const themeString = theme.toString();
|
|
32
34
|
return (React.createElement("div", { id: `sticky_${id}`, className: classList },
|
|
33
35
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
34
36
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
35
37
|
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
|
|
36
|
-
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
38
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink, tabIndex: tabindex },
|
|
37
39
|
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo,
|
|
38
40
|
// title={`${theme.split('-')[1]}-sticky-mobile-logo`}
|
|
39
41
|
// altText={`${theme.split('-')[1]}-sticky-mobile-logo`}
|
|
40
42
|
height: 5, width: 5 }))),
|
|
41
43
|
React.createElement(Container, { withPadding: true, className: style.desktopContainer, theme: theme },
|
|
42
44
|
React.createElement("div", { className: style.logoClassList },
|
|
43
|
-
React.createElement("a", { className: style.desktopLogo, href: logoLink },
|
|
44
|
-
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${
|
|
45
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink, tabIndex: tabindex },
|
|
46
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, title: `${(_a = themeString === null || themeString === void 0 ? void 0 : themeString.split('-')[1]) !== null && _a !== void 0 ? _a : 'a'}-sticky-desktop-logo`, altText: `${(_b = themeString === null || themeString === void 0 ? void 0 : themeString.split('-')[1]) !== null && _b !== void 0 ? _b : 'a'}-sticky-desktop-logo`, height: 5, width: 5 }))),
|
|
45
47
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
46
|
-
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 })));
|
|
48
|
+
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, tabindex: tabindex })));
|
|
47
49
|
}))),
|
|
48
50
|
asSideBar
|
|
49
51
|
? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
50
|
-
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 })));
|
|
52
|
+
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, tabindex: tabindex })));
|
|
51
53
|
})))
|
|
52
54
|
/* dropdown */
|
|
53
55
|
: (React.createElement("div", { className: dropdownNavClasses },
|
|
54
56
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
55
|
-
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 })));
|
|
57
|
+
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, tabindex: tabindex })));
|
|
56
58
|
}))))));
|
|
57
59
|
};
|
|
58
60
|
export default StickyNav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/StickyNav.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,OAAkC,MAAM,6BAA6B,CAAA;AAC5E,OAAO,aAAa,MAAM,yCAAyC,CAAA;AACnE,OAAO,KAAK,MAAM,oBAAoB,CAAA;AACtC,OAAO,KAAK,MAAM,yBAAyB,CAAA;AAC3C,OAAO,SAAS,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"StickyNav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/StickyNav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -180,18 +180,25 @@
|
|
|
180
180
|
|
|
181
181
|
.desktopLogo:focus {
|
|
182
182
|
|
|
183
|
-
|
|
183
|
+
border-width: 2px;
|
|
184
|
+
|
|
185
|
+
border-color: var(--color-white)
|
|
184
186
|
}
|
|
185
187
|
|
|
186
188
|
.mobileLogo {
|
|
187
189
|
|
|
188
|
-
outline-width: 2px;
|
|
189
|
-
|
|
190
190
|
margin-left: auto;
|
|
191
191
|
|
|
192
192
|
margin-right: auto
|
|
193
193
|
}
|
|
194
194
|
|
|
195
|
+
.mobileLogo:focus {
|
|
196
|
+
|
|
197
|
+
border-width: 2px;
|
|
198
|
+
|
|
199
|
+
border-color: var(--color-white)
|
|
200
|
+
}
|
|
201
|
+
|
|
195
202
|
.mobileContainer {
|
|
196
203
|
|
|
197
204
|
display: flex;
|
|
@@ -296,6 +303,13 @@
|
|
|
296
303
|
padding-top: 1rem
|
|
297
304
|
}
|
|
298
305
|
|
|
306
|
+
.mobileSideBarMenuNavItems:focus {
|
|
307
|
+
|
|
308
|
+
border-width: 2px;
|
|
309
|
+
|
|
310
|
+
border-color: var(--color-white)
|
|
311
|
+
}
|
|
312
|
+
|
|
299
313
|
.sideBarCollapsed {
|
|
300
314
|
|
|
301
315
|
width: 0px
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;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,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,kBAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,eAAoF;;IAApF,QAAoF;;IAApF,WAAoF;;IAApF,WAAoF;;IAApF,gBAAoF;;IAApF,UAAoF;;IAApF,wBAAoF;;IAApF,wDAAoF;;IAApF;AAAoF;;AAIpF;;IAAA,UAA+C;;IAA/C,wBAA+C;;IAA/C,wDAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA;AAAa;;AAIb;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,aAAwC;;IAAxC,mBAAwC;;IAAxC;AAAwC;;AAIxC;;IAAA,kBAAsC;;IAAtC,QAAsC;;IAAtC,WAAsC;;IAAtC,UAAsC;;IAAtC;AAAsC;;AAItC;;IAAA;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,aAA0B;;IAA1B;AAA0B;;AAA1B;;IAAA;;QAAA;IAA0B;AAAA;;AAI1B;;IAAA,aAA2C;;IAA3C,YAA2C;;IAA3C;AAA2C;;AAA3C;;IAAA;;QAAA;IAA2C;AAAA;;AAI3C;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,iBAA4B;;IAA5B;AAA4B;;AAI5B;;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,iBAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA;AAAU;;AAIV;;IAAA;AAAsB;;AAAtB;;IAAA;;QAAA;IAAsB;AAAA","file":"style.module.css","sourcesContent":[".desktopNav {\n @apply z-50 relative;\n}\n\n.mobileNav {\n @apply z-50 relative;\n}\n\n.stickyNav {\n @apply fixed z-40 top-0 overflow-hidden w-full opacity-0 transition-all duration-500;\n}\n\n.showStickyNav {\n @apply opacity-100 transition-all duration-1000;\n}\n\n.invisible {\n @apply 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-4;\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 w-96;\n}\n\n.textClassList {\n @apply hidden lg:flex w-96 flex-row-reverse;\n}\n\n.desktopLogo:focus {\n @apply border-2 border-white;\n}\n\n.mobileLogo {\n @apply mx-auto;\n}\n\n.mobileLogo:focus {\n @apply border-2 border-white;\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.mobileSideBarMenuNavItems:focus {\n @apply border-2 border-white;\n}\n\n.sideBarCollapsed {\n @apply w-0;\n}\n\n.sideBarExpanded {\n @apply w-full sm:w-1/3;\n}"]}
|
|
@@ -12,6 +12,7 @@ export interface Props {
|
|
|
12
12
|
isActive?: boolean;
|
|
13
13
|
variant?: 'primary' | 'secondary';
|
|
14
14
|
theme?: ThemeTypes;
|
|
15
|
+
tabindex?: number;
|
|
15
16
|
}
|
|
16
|
-
declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant, theme }: Props) => JSX.Element;
|
|
17
|
+
declare const NavItem: ({ id, className, title, href, onClick, bordered, rounded, underlineOnHover, isActive, variant, theme, tabindex }: Props) => JSX.Element;
|
|
17
18
|
export default NavItem;
|
|
@@ -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 NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary', theme = 'theme-rupertbennett' }) => {
|
|
4
|
+
const NavItem = ({ id, className, title, href = '/', onClick, bordered = false, rounded = true, underlineOnHover = true, isActive = false, variant = 'primary', theme = 'theme-rupertbennett', tabindex }) => {
|
|
5
5
|
const classList = classNames(className, style.navItem, theme);
|
|
6
6
|
const anchorClassList = classNames({
|
|
7
7
|
[style.underline]: underlineOnHover,
|
|
@@ -13,7 +13,7 @@ const NavItem = ({ id, className, title, href = '/', onClick, bordered = false,
|
|
|
13
13
|
[style.secondary]: variant === 'secondary'
|
|
14
14
|
}, [style.anchorClassList]);
|
|
15
15
|
return (React.createElement("div", { id: id, className: classList },
|
|
16
|
-
React.createElement("a", { href: href, onClick: onClick, className: anchorClassList },
|
|
16
|
+
React.createElement("a", Object.assign({ href: href, onClick: onClick, className: anchorClassList }, (tabindex !== undefined && { tabIndex: tabindex })),
|
|
17
17
|
React.createElement("span", { className: style.spanClassList }, title))));
|
|
18
18
|
};
|
|
19
19
|
export default NavItem;
|
|
@@ -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;
|
|
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;AAkBtC,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,EACnB,KAAK,GAAG,qBAAqB,EAC7B,QAAQ,EACF,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7D,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,yCACE,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,eAAe,IACtB,CAAC,QAAQ,KAAK,SAAS,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;YAEtD,8BAAM,SAAS,EAAE,KAAK,CAAC,aAAa,IACjC,KAAK,CACD,CACL,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,OAAO,CAAA"}
|
|
@@ -66,16 +66,20 @@
|
|
|
66
66
|
width: 0px
|
|
67
67
|
}
|
|
68
68
|
|
|
69
|
-
.anchorClassList {
|
|
70
|
-
|
|
71
|
-
outline: 2px solid transparent;
|
|
69
|
+
.anchorClassList:focus > span:before {
|
|
72
70
|
|
|
73
|
-
|
|
71
|
+
width: 100%
|
|
74
72
|
}
|
|
75
73
|
|
|
76
|
-
.anchorClassList:focus
|
|
74
|
+
.anchorClassList:focus {
|
|
77
75
|
|
|
78
|
-
|
|
76
|
+
border-radius: 0.75rem;
|
|
77
|
+
|
|
78
|
+
border-width: 2px;
|
|
79
|
+
|
|
80
|
+
border-color: var(--color-white);
|
|
81
|
+
|
|
82
|
+
padding: 0.5rem
|
|
79
83
|
}
|
|
80
84
|
|
|
81
85
|
.spanClassList {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,iBAAyB;;IAAzB,oBAAyB;;IAAzB,qBAAyB;;IAAzB,mBAAyB;;IAAzB;AAAyB;;AAIzB;;IAAA;AAAiB;;AAIjB;;IAAA,WAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,kBAA2B;;IAA3B;AAA2B;;AAI3B;;IAAA,kBAAmD;;IAAnD,gBAAmD;;IAAnD,SAAmD;;IAAnD,eAAmD;;IAAnD,wBAAmD;;IAAnD,wDAAmD;;IAAnD;AAAmD;;AAInD;;IAAA;AAAa;;AAIb;;IAAA,0BAAoB;;IAApB;AAAoB;;AAIpB;;IAAA,0BAAiB;;IAAjB;AAAiB;;AAIjB;;IAAA;AAAa;;AAIb;;IAAA,sBAA2C;;IAA3C,iBAA2C;;IAA3C,gCAA2C;;IAA3C;AAA2C;;AAI3C;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,oCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,sCAA8B;;IAA9B;AAA8B","file":"style.module.css","sourcesContent":[".bordered {\n @apply border-2 px-2 py-2;\n}\n\n.rounded {\n @apply rounded-md;\n}\n\n.navItem {\n @apply w-auto list-none;\n}\n\n.underline > span {\n @apply relative ease-linear;\n}\n\n.underline > span:before {\n @apply absolute -bottom-1 left-0 h-1 transition-all;\n}\n\n.underline:hover > span:before {\n @apply w-full;\n}\n\n.active > span {\n @apply before:w-full;\n}\n\n.inactive > span {\n @apply before:w-0;\n}\n\n.anchorClassList:focus > span:before {\n @apply w-full;\n}\n\n.anchorClassList:focus {\n @apply border-2 border-white rounded-xl p-2;\n}\n\n.spanClassList {\n @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n @apply text-white bg-primary;\n}\n\n.secondary > span:before {\n @apply text-white bg-white;\n}\n\n.primary {\n @apply text-primary bg-white;\n}\n\n.primary > span:before{\n @apply text-primary bg-primary;\n}\n\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SocialBlock.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialBlock/SocialBlock.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,15 +8,18 @@ const SocialButton = ({ id, className, onClick, type = 'facebook', href, openInN
|
|
|
8
8
|
const colour = `interactive-${typeString}`;
|
|
9
9
|
return colour;
|
|
10
10
|
};
|
|
11
|
-
const classList = classNames(style.classList, style[type],
|
|
11
|
+
const classList = classNames(style.classList, style[type], theme, className);
|
|
12
|
+
const aClassList = classNames(style.aClassList, style.hover);
|
|
12
13
|
const iconType = {
|
|
13
14
|
facebook: 'facebook',
|
|
14
15
|
instagram: 'instagram',
|
|
15
16
|
github: 'github',
|
|
16
17
|
linkedin: 'linkedin'
|
|
17
18
|
};
|
|
18
|
-
|
|
19
|
-
|
|
19
|
+
const typeString = type.toString();
|
|
20
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
21
|
+
React.createElement("a", Object.assign({ className: aClassList, href: href, "aria-label": `view me on ${typeString}`, onClick: onClick }, (openInNewTab && { target: '_blank' })),
|
|
22
|
+
React.createElement(Icon, { type: iconType[type], size: 3, brand: true, rounded: true, bgColour: type, colour: 'white', hoverBgColour: getColours(type), hoverColour: 'white' }))));
|
|
20
23
|
};
|
|
21
24
|
export default SocialButton;
|
|
22
25
|
//# sourceMappingURL=SocialButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,GAAG,UAAU,EACjB,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,UAAU,GAAG,CAAC,IAAa,EAAW,EAAE;QAC5C,MAAM,UAAU,GAAW,IAAI,CAAA;QAC/B,MAAM,MAAM,GAAW,eAAe,UAAU,EAAE,CAAA;QAClD,OAAO,MAAiB,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,CAAC,EACX,KAAK,
|
|
1
|
+
{"version":3,"file":"SocialButton.js","sourceRoot":"","sources":["../../../../../src/lib/components/SocialButton/SocialButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,uBAAuB,CAAA;AACxC,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAYtC,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,SAAS,EACT,OAAO,EACP,IAAI,GAAG,UAAU,EACjB,IAAI,EACJ,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,qBAAqB,EACvB,EAAe,EAAE;IACvB,MAAM,UAAU,GAAG,CAAC,IAAa,EAAW,EAAE;QAC5C,MAAM,UAAU,GAAW,IAAI,CAAA;QAC/B,MAAM,MAAM,GAAW,eAAe,UAAU,EAAE,CAAA;QAClD,OAAO,MAAiB,CAAA;IAC1B,CAAC,CAAA;IAED,MAAM,SAAS,GAAG,UAAU,CAC1B,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,IAAI,CAAC,EACX,KAAK,EACL,SAAS,CACV,CAAA;IAED,MAAM,UAAU,GAAG,UAAU,CAC3B,KAAK,CAAC,UAAU,EAChB,KAAK,CAAC,KAAK,CACZ,CAAA;IAED,MAAM,QAAQ,GAAG;QACf,QAAQ,EAAE,UAAU;QACpB,SAAS,EAAE,WAAW;QACtB,MAAM,EAAE,QAAQ;QAChB,QAAQ,EAAE,UAAU;KACrB,CAAA;IAED,MAAM,UAAU,GAAW,IAAI,CAAC,QAAQ,EAAE,CAAA;IAC1C,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,yCACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAE,IAAI,gBACE,cAAc,UAAU,EAAE,EACtC,OAAO,EAAE,OAAO,IACZ,CAAC,YAAY,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;YAE1C,oBAAC,IAAI,IACH,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,QACL,OAAO,QACP,QAAQ,EAAE,IAAI,EACd,MAAM,EAAC,OAAO,EACd,aAAa,EAAE,UAAU,CAAC,IAAe,CAAC,EAC1C,WAAW,EAAC,OAAO,GACnB,CACA,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,YAAY,CAAA"}
|
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
.classList {
|
|
2
|
+
display: inline-block;
|
|
2
3
|
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));
|
|
3
4
|
border-radius: 9999px;
|
|
4
5
|
transition-duration: 500ms;
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
.aClassList {
|
|
9
|
+
display: inline-block;
|
|
10
|
+
border-width: 2px;
|
|
11
|
+
border-color: var(--color-transparent);
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.aClassList:focus {
|
|
15
|
+
border-width: 2px;
|
|
16
|
+
border-color: var(--color-primary);
|
|
17
|
+
}
|
|
10
18
|
|
|
11
19
|
.facebook {
|
|
12
20
|
background-color: var(--color-facebook);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/SocialButton/style.module.css"],"names":[],"mappings":"AACI;IAAA,+
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/SocialButton/style.module.css"],"names":[],"mappings":"AACI;IAAA,qBAAuD;IAAvD,+LAAuD;IAAvD,qBAAuD;IAAvD;AAAuD;;AAIvD;IAAA,qBAA+C;IAA/C,iBAA+C;IAA/C;AAA+C;;AAI/C;IAAA,iBAA8B;IAA9B;AAA8B;;AAI9B;IAAA;AAAgD;;AAAhD;IAAA;AAAgD;;AAGpD;IACI,6nBAA6nB;AACjoB;;AAEA;IACI,6nBAA6nB;AACjoB;;AAGI;IAAA;AAA4C;;AAA5C;IAAA;AAA4C;;AAI5C;IAAA;AAAgD;;AAAhD;IAAA;AAAgD","file":"style.module.css","sourcesContent":[".classList {\n @apply duration-500 transform inline-block rounded-full;\n}\n\n.aClassList {\n @apply inline-block border-2 border-transparent;\n}\n\n.aClassList:focus {\n @apply border-2 border-primary;\n}\n\n.facebook {\n @apply bg-facebook hover:bg-interactive-facebook;\n}\n\n.instagram {\n background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.instagram:hover {\n background: radial-gradient(circle farthest-corner at 95% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);\n}\n\n.github {\n @apply bg-github hover:bg-interactive-github;\n}\n\n.linkedin {\n @apply bg-linkedin hover:bg-interactive-linkedin;\n}"]}
|