trepur_components 1.0.36 → 1.0.38
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/style.module.css +10 -1
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/CarouselThumbnail/style.module.css +10 -2
- package/dist/src/lib/components/CarouselThumbnail/style.module.css.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.d.ts +2 -1
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js +10 -4
- package/dist/src/lib/components/HamburgerIcon/HamburgerIcon.js.map +1 -1
- package/dist/src/lib/components/HamburgerIcon/style.module.css +41 -6
- package/dist/src/lib/components/HamburgerIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/InformationIcon/InformationIcon.d.ts +1 -1
- package/dist/src/lib/components/InformationIcon/style.module.css +0 -4
- package/dist/src/lib/components/InformationIcon/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +5 -6
- package/dist/src/lib/components/Nav/Nav.js +9 -8
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +5 -6
- package/dist/src/lib/components/Nav/StickyNav.js +8 -7
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +16 -0
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
color: var(--color-primary)
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
.primaryNotDisabled:focus {
|
|
84
|
+
.primaryNotDisabled:focus:hover {
|
|
85
85
|
|
|
86
86
|
border-color: var(--color-primary);
|
|
87
87
|
|
|
@@ -110,6 +110,15 @@
|
|
|
110
110
|
color: var(--color-white)
|
|
111
111
|
}
|
|
112
112
|
|
|
113
|
+
.secondaryNotDisabled:focus:hover {
|
|
114
|
+
|
|
115
|
+
border-color: var(--color-primary);
|
|
116
|
+
|
|
117
|
+
background-color: var(--color-primary);
|
|
118
|
+
|
|
119
|
+
color: var(--color-white)
|
|
120
|
+
}
|
|
121
|
+
|
|
113
122
|
.disabled {
|
|
114
123
|
|
|
115
124
|
opacity: 0.5
|
|
@@ -1 +1 @@
|
|
|
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}"]}
|
|
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,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:hover {\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.secondaryNotDisabled:focus: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}"]}
|
|
@@ -9,14 +9,22 @@
|
|
|
9
9
|
|
|
10
10
|
width: 100%;
|
|
11
11
|
|
|
12
|
+
border-top-left-radius: 1rem;
|
|
13
|
+
|
|
14
|
+
border-top-right-radius: 1rem;
|
|
15
|
+
|
|
12
16
|
padding-bottom: 1rem
|
|
13
17
|
}
|
|
14
18
|
|
|
15
19
|
.thumbnail {
|
|
16
20
|
|
|
17
|
-
height:
|
|
21
|
+
height: 6rem;
|
|
22
|
+
|
|
23
|
+
width: 4rem;
|
|
24
|
+
|
|
25
|
+
border-bottom-right-radius: 1rem;
|
|
18
26
|
|
|
19
|
-
|
|
27
|
+
border-bottom-left-radius: 1rem
|
|
20
28
|
}
|
|
21
29
|
|
|
22
30
|
.primary {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/CarouselThumbnail/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/CarouselThumbnail/style.module.css"],"names":[],"mappings":"AACI;;IAAA;AAAa;;AAIb;;IAAA,aAAqC;;IAArC,WAAqC;;IAArC,4BAAqC;;IAArC,6BAAqC;;IAArC;AAAqC;;AAIrC;;IAAA,YAA8B;;IAA9B,WAA8B;;IAA9B,gCAA8B;;IAA9B;AAA8B;;AAI9B;;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.slideWrapper {\n @apply w-full pb-4 h-96 rounded-t-2xl;\n}\n\n.thumbnail {\n @apply h-24 w-16 rounded-b-2xl;\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}"]}
|
|
@@ -3,6 +3,7 @@ import { ThemeTypes } from '../../utils/controls';
|
|
|
3
3
|
export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
|
|
4
4
|
onClick?: React.MouseEventHandler;
|
|
5
5
|
theme?: ThemeTypes;
|
|
6
|
+
variant?: 'primary' | 'secondary';
|
|
6
7
|
}
|
|
7
|
-
declare const HamburgerIcon: ({ id, className, onClick, theme }: Props) => JSX.Element;
|
|
8
|
+
declare const HamburgerIcon: ({ id, className, onClick, theme, variant }: Props) => JSX.Element;
|
|
8
9
|
export default HamburgerIcon;
|
|
@@ -2,9 +2,12 @@ import React, { useState } from 'react';
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import Button from '../Button/Button';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const HamburgerIcon = ({ id, className, onClick, theme = 'theme-rupertbennett' }) => {
|
|
5
|
+
const HamburgerIcon = ({ id, className, onClick, theme = 'theme-rupertbennett', variant = 'primary' }) => {
|
|
6
6
|
const [opened, setOpened] = useState(false);
|
|
7
|
-
const classList = classNames(
|
|
7
|
+
const classList = classNames({
|
|
8
|
+
[style.hamburgerIconLight]: variant === 'secondary',
|
|
9
|
+
[style.hamburgerIconDark]: variant === 'primary'
|
|
10
|
+
}, className, theme);
|
|
8
11
|
const lineOneClassList = classNames({
|
|
9
12
|
[style.lineOneOpened]: opened
|
|
10
13
|
}, style.lineOne, 'transition-transform');
|
|
@@ -19,8 +22,11 @@ const HamburgerIcon = ({ id, className, onClick, theme = 'theme-rupertbennett' }
|
|
|
19
22
|
setOpened(!opened);
|
|
20
23
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
21
24
|
};
|
|
22
|
-
return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant:
|
|
23
|
-
React.createElement("svg", { className: classNames(
|
|
25
|
+
return (React.createElement(Button, { id: id, className: classList, onClick: (e) => toggleOpened(e), variant: variant, type: 'icon' },
|
|
26
|
+
React.createElement("svg", { className: classNames({
|
|
27
|
+
[style.svgDark]: variant === 'primary',
|
|
28
|
+
[style.svgLight]: variant === 'secondary',
|
|
29
|
+
}, style.svg, 'transition-backgroundColor'), width: '24', height: '24', viewBox: '0 0 24 15', xmlns: 'http://www.w3.org/2000/svg' },
|
|
24
30
|
React.createElement("path", { className: lineOneClassList, d: 'M0 1.5C0 0.947715 0.447715 0.5 1 0.5H21C21.5523 0.5 22 0.947715 22 1.5C22 2.05228 21.5523 2.5 21 2.5H1C0.447716 2.5 0 2.05228 0 1.5Z' }),
|
|
25
31
|
React.createElement("path", { className: lineTwoClassList, d: 'M0 7.5C0 6.94772 0.447715 6.5 1 6.5H21C21.5523 6.5 22 6.94772 22 7.5C22 8.05228 21.5523 8.5 21 8.5H1C0.447716 8.5 0 8.05228 0 7.5Z' }),
|
|
26
32
|
React.createElement("path", { className: lineThreeClassList, d: 'M0 13.5C0 12.9477 0.447715 12.5 1 12.5H21C21.5523 12.5 22 12.9477 22 13.5C22 14.0523 21.5523 14.5 21 14.5H1C0.447716 14.5 0 14.0523 0 13.5Z' }))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HamburgerIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"HamburgerIcon.js","sourceRoot":"","sources":["../../../../../src/lib/components/HamburgerIcon/HamburgerIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,MAAM,MAAM,2BAA2B,CAAA;AAC9C,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAStC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,OAAO,EACP,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,SAAS,EACb,EAAe,EAAE;IACvB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,CAAC,KAAK,CAAC,kBAAkB,CAAC,EAAE,OAAO,KAAK,WAAW;QACnD,CAAC,KAAK,CAAC,iBAAiB,CAAC,EAAE,OAAO,KAAK,SAAS;KACjD,EAAE,SAAS,EAAE,KAAK,CAAC,CAAA;IAEpB,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;KAC9B,EAAE,KAAK,CAAC,OAAO,EAAE,sBAAsB,CAAC,CAAA;IAEzC,MAAM,gBAAgB,GAAG,UAAU,CAAC;QAClC,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,MAAM;QAC7B,CAAC,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,MAAM;KAC/B,EAAE,KAAK,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAA;IAEvC,MAAM,kBAAkB,GAAG,UAAU,CAAC;QACpC,CAAC,KAAK,CAAC,eAAe,CAAC,EAAE,MAAM;KAChC,EAAE,KAAK,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAA;IAE3C,MAAM,YAAY,GAAG,CAAC,CAAM,EAAQ,EAAE;QACpC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAA;QAClB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;IACd,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,IACL,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC/B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,MAAM;QAEX,6BACE,SAAS,EAAE,UAAU,CAAC;gBACpB,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;gBACtC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,OAAO,KAAK,WAAW;aAC1C,EAAE,KAAK,CAAC,GAAG,EAAE,4BAA4B,CAAC,EAC3C,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;YAElC,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,sIAAsI,GACxI;YACF,8BACE,SAAS,EAAE,gBAAgB,EAC3B,CAAC,EAAC,oIAAoI,GACtI;YACF,8BACE,SAAS,EAAE,kBAAkB,EAC7B,CAAC,EAAC,6IAA6I,GAC/I,CACE,CACC,CACV,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.
|
|
1
|
+
.hamburgerIconLight path {
|
|
2
2
|
|
|
3
3
|
transition-property: all;
|
|
4
4
|
|
|
@@ -8,15 +8,42 @@
|
|
|
8
8
|
|
|
9
9
|
outline: 2px solid transparent;
|
|
10
10
|
|
|
11
|
-
outline-offset: 2px
|
|
11
|
+
outline-offset: 2px;
|
|
12
|
+
|
|
13
|
+
fill: var(--color-primary)
|
|
12
14
|
}
|
|
13
15
|
|
|
14
|
-
.
|
|
16
|
+
.hamburgerIconDark path {
|
|
17
|
+
|
|
18
|
+
transition-property: all;
|
|
19
|
+
|
|
20
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
21
|
+
|
|
22
|
+
transition-duration: 500ms;
|
|
23
|
+
|
|
24
|
+
outline: 2px solid transparent;
|
|
25
|
+
|
|
26
|
+
outline-offset: 2px;
|
|
27
|
+
|
|
28
|
+
fill: var(--color-white)
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.hamburgerIconLight:hover path {
|
|
32
|
+
|
|
33
|
+
fill: var(--color-white)
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.hamburgerIconLight:focus:active path {
|
|
15
37
|
|
|
16
38
|
fill: var(--color-primary)
|
|
17
39
|
}
|
|
18
40
|
|
|
19
|
-
.
|
|
41
|
+
.hamburgerIconDark:hover path {
|
|
42
|
+
|
|
43
|
+
fill: var(--color-primary)
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.hamburgerIconDark:focus:active path {
|
|
20
47
|
|
|
21
48
|
fill: var(--color-primary)
|
|
22
49
|
}
|
|
@@ -92,8 +119,16 @@
|
|
|
92
119
|
|
|
93
120
|
overflow: visible;
|
|
94
121
|
|
|
95
|
-
fill: var(--color-white);
|
|
96
|
-
|
|
97
122
|
transition-duration: 500ms
|
|
98
123
|
}
|
|
124
|
+
|
|
125
|
+
.svgDark {
|
|
126
|
+
|
|
127
|
+
fill: var(--color-white)
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.svglight {
|
|
131
|
+
|
|
132
|
+
fill: var(--color-primary)
|
|
133
|
+
}
|
|
99
134
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC,0BAAkC;;IAClC,8BAAmB;;IAAnB;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/HamburgerIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC,0BAAkC;;IAClC,8BAAmB;;IAAnB,mBAAmB;;IACnB;AAFkC;;AAMlC;;IAAA,wBAAkC;;IAAlC,wDAAkC;;IAAlC,0BAAkC;;IAClC,8BAAmB;;IAAnB,mBAAmB;;IACnB;AAFkC;;AAMlC;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA;AAAmB;;AAInB;;IAAA,0BAA+D;;IAA/D,yBAA+D;;IAA/D,2BAA+D;;IAA/D,kBAA+D;;IAA/D;AAA+D;;AAI/D;;IAAA;AAAgB;;AAIhB;;IAAA;AAAkB;;AAIlB;;IAAA,6BAAiE;;IAAjE,yBAAiE;;IAAjE,qBAAiE;;IAAjE,mBAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,0BAA+C;;IAA/C,0BAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,0BAA+B;;IAA/B;AAA+B;;AAI/B;;IAAA,6BAAkD;;IAAlD,0BAAkD;;IAAlD;AAAkD;;AAIlD;;IAAA,iBAAsD;;IAAtD,kBAAsD;;IAAtD,+LAAsD;;IAAtD,iBAAsD;;IAAtD;AAAsD;;AAItD;;IAAA;AAAiB;;AAIjB;;IAAA;AAAmB","file":"style.module.css","sourcesContent":[".hamburgerIconLight path {\n @apply transition-all duration-500;\n @apply outline-none;\n @apply fill-primary;\n}\n\n.hamburgerIconDark path {\n @apply transition-all duration-500;\n @apply outline-none;\n @apply fill-white;\n}\n\n.hamburgerIconLight:hover path {\n @apply fill-white;\n}\n\n.hamburgerIconLight:focus:active path {\n @apply fill-primary;\n}\n\n.hamburgerIconDark:hover path {\n @apply fill-primary;\n}\n\n.hamburgerIconDark:focus:active path {\n @apply fill-primary;\n}\n\n.lineOneOpened {\n @apply origin-top-left rotate-45 translate-x-1 -translate-y-0.5;\n}\n\n.lineTwoOpened {\n @apply opacity-0;\n}\n\n.lineTwoClosed {\n @apply opacity-100;\n}\n\n.lineThreeOpened {\n @apply origin-bottom-left -rotate-45 translate-x-1 translate-y-px;\n}\n\n.lineOne {\n @apply origin-top-left duration-200 ease-linear;\n}\n\n.lineTwo {\n @apply duration-200 ease-linear;\n}\n\n.lineThree {\n @apply origin-bottom-left duration-200 ease-linear;\n}\n\n.svg {\n @apply mx-auto overflow-visible duration-500 transform;\n}\n\n.svgDark {\n @apply fill-white;\n}\n\n.svglight {\n @apply fill-primary;\n}"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAW;;IACX,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADW;;AAKX;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,gBAAuC;;IAAvC,mBAAuC;;IAAvC,aAAuC;;IAAvC,YAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/InformationIcon/style.module.css"],"names":[],"mappings":"AACI;;IAAA,aAAW;;IACX,eAAoD;;IAApD,eAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AADW;;AAKX;;IAAA,iBAAW;;IAAX;AAAW;;AAIX;;IAAA;AAAW;;AAIX;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,iBAAoD;;IAApD,iBAAoD;;IAApD,+LAAoD;;IAApD,gKAAoD;;IAApD,wJAAoD;;IAApD,iLAAoD;;IAApD,0BAAoD;;IAApD;AAAoD;;AAIpD;;IAAA,gBAAuC;;IAAvC,mBAAuC;;IAAvC,aAAuC;;IAAvC,YAAuC;;IAAvC;AAAuC;;AAIvC;;IAAA,kBAAmB;;IAAnB;AAAmB;;AAAnB;;IAAA;;QAAA,kBAAmB;;QAAnB;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA;AAAmB;;AAAnB;;IAAA;;QAAA;IAAmB;AAAA;;AAInB;;IAAA;AAAoB;;AAIpB;;IAAA;AAAc;;AAId;;IAAA,aAA4C;;IAA5C,YAA4C;;IAA5C,mBAA4C;;IAA5C;AAA4C;;AAI5C;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,4CAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA0B;;IAA1B;AAA0B;;AAI1B;;IAAA,uCAA6B;;IAA7B;AAA6B;;AAI7B;;IAAA,mCAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n @apply flex;\n @apply transition ease-in-out scale-100 duration-300;\n}\n\n.large {\n @apply py-8;\n}\n\n.small {\n @apply pb-4;\n}\n\n.hoverable.classList:hover .icon {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .title {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.hoverable.classList:hover .subtitle {\n @apply transition ease-in-out scale-110 duration-300;\n}\n\n.icon {\n @apply flex h-full items-center my-auto;\n}\n\n.large .icon {\n @apply px-4 md:px-8;\n}\n\n.small .icon {\n @apply pr-2 md:pr-4;\n}\n\n.text {\n @apply pr-4 md:pr-8;\n}\n\n.title {\n @apply font-semiBold;\n}\n\n.subtitle {\n @apply text-xs;\n}\n\n.centerText {\n @apply flex h-full items-center font-regular;\n}\n\n.primary {\n @apply bg-primary text-white;\n}\n\n.secondary {\n @apply bg-secondary text-white;\n}\n\n.white {\n @apply bg-white text-black;\n}\n\n.grey {\n @apply bg-lightest-grey text-black;\n}\n\n.black {\n @apply bg-black text-white;\n}\n\n.success {\n @apply bg-success text-white;\n}\n\n.error {\n @apply bg-error text-white;\n}\n\n.facebook {\n @apply bg-facebook text-white;\n}\n\n.gold {\n @apply bg-gold text-white;\n}"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
4
4
|
export interface Props {
|
|
5
|
-
id
|
|
6
|
-
className
|
|
5
|
+
id?: string;
|
|
6
|
+
className?: string;
|
|
7
7
|
navLinks: navItemProps[];
|
|
8
8
|
asSideBar: boolean;
|
|
9
9
|
dropdownNavHeight: string;
|
|
@@ -12,13 +12,12 @@ export interface Props {
|
|
|
12
12
|
mobileLogo: string;
|
|
13
13
|
mobileLogoDarkTheme: string;
|
|
14
14
|
logoLink: string;
|
|
15
|
-
mobileClasses
|
|
15
|
+
mobileClasses?: string;
|
|
16
16
|
getNavStatus: (asSideBar: boolean, open: boolean) => void;
|
|
17
17
|
variant: 'light' | 'dark';
|
|
18
18
|
text?: string;
|
|
19
19
|
textLink?: string;
|
|
20
|
-
bgColour?: Colours;
|
|
21
20
|
theme?: ThemeTypes;
|
|
22
21
|
}
|
|
23
|
-
declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant,
|
|
22
|
+
declare const Nav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme }: Props) => JSX.Element;
|
|
24
23
|
export default Nav;
|
|
@@ -6,12 +6,13 @@ import style from './style.module.css';
|
|
|
6
6
|
import Image from '../Image/Image';
|
|
7
7
|
import Container from '../Container/Container';
|
|
8
8
|
import StickyNav from './StickyNav';
|
|
9
|
-
const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark',
|
|
9
|
+
const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', text, textLink = '/', theme = 'theme-rupertbennett' }) => {
|
|
10
10
|
var _a, _b, _c, _d;
|
|
11
11
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
12
12
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
13
13
|
const [showStickyNav, setShowStickyNav] = useState(false);
|
|
14
|
-
const
|
|
14
|
+
const colours = variant === 'dark' ? [style.dark] : [style.light];
|
|
15
|
+
const classList = classNames(className, style.nav, theme, colours);
|
|
15
16
|
const stickyClassList = classNames({
|
|
16
17
|
[style.showStickyNav]: showStickyNav
|
|
17
18
|
}, style.stickyNav);
|
|
@@ -27,12 +28,12 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
27
28
|
const sideNavClasses = classNames({
|
|
28
29
|
[style.sideBarCollapsed]: !showSideNav,
|
|
29
30
|
[style.sideBarExpanded]: showSideNav
|
|
30
|
-
}, style
|
|
31
|
+
}, style.sideNavClassList, colours);
|
|
31
32
|
const dropdownNavClasses = classNames({
|
|
32
33
|
[style.dropDownCollapsed]: !showDropdownNav,
|
|
33
34
|
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
34
|
-
}, style
|
|
35
|
-
const mobileContainer = classNames(style.mobileContainer, style.mobileNav,
|
|
35
|
+
}, style.dropDownNavClassList);
|
|
36
|
+
const mobileContainer = classNames(style.mobileContainer, style.mobileNav, mobileClasses);
|
|
36
37
|
const desktopClassList = classNames(style.desktopContainer, style.desktopNav);
|
|
37
38
|
const toggleMenu = () => {
|
|
38
39
|
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, !showSideNav);
|
|
@@ -47,7 +48,7 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
47
48
|
return (React.createElement("header", { id: id, className: classList },
|
|
48
49
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
49
50
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
50
|
-
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
|
|
51
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' })),
|
|
51
52
|
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
52
53
|
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 }))),
|
|
53
54
|
React.createElement(Container, { withPadding: true, className: desktopClassList, theme: theme },
|
|
@@ -61,14 +62,14 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
61
62
|
React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme }))),
|
|
62
63
|
asSideBar
|
|
63
64
|
? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
64
|
-
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 })));
|
|
65
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })));
|
|
65
66
|
})))
|
|
66
67
|
/* dropdown */
|
|
67
68
|
: (React.createElement("div", { className: dropdownNavClasses },
|
|
68
69
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
69
70
|
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 })));
|
|
70
71
|
})))),
|
|
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,
|
|
72
|
+
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, theme: theme, tabindex: showStickyNav ? 0 : -1 })));
|
|
72
73
|
};
|
|
73
74
|
export default Nav;
|
|
74
75
|
//# 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;
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Props as navItemProps } from '../NavItem/NavItem';
|
|
3
|
-
import {
|
|
3
|
+
import { ThemeTypes } from '../../utils/controls';
|
|
4
4
|
export interface Props {
|
|
5
|
-
id
|
|
6
|
-
className
|
|
5
|
+
id?: string;
|
|
6
|
+
className?: string;
|
|
7
7
|
navLinks: navItemProps[];
|
|
8
8
|
asSideBar: boolean;
|
|
9
9
|
dropdownNavHeight: string;
|
|
@@ -12,13 +12,12 @@ export interface Props {
|
|
|
12
12
|
mobileLogo: string;
|
|
13
13
|
mobileLogoDarkTheme: string;
|
|
14
14
|
logoLink: string;
|
|
15
|
-
mobileClasses
|
|
15
|
+
mobileClasses?: string;
|
|
16
16
|
getNavStatus: (asSideBar: boolean, open: boolean) => void;
|
|
17
17
|
variant: 'light' | 'dark';
|
|
18
|
-
bgColour?: Colours;
|
|
19
18
|
theme?: ThemeTypes;
|
|
20
19
|
visible?: boolean;
|
|
21
20
|
tabindex?: number;
|
|
22
21
|
}
|
|
23
|
-
declare const StickyNav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant,
|
|
22
|
+
declare const StickyNav: ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, theme, visible, tabindex }: Props) => JSX.Element;
|
|
24
23
|
export default StickyNav;
|
|
@@ -5,22 +5,23 @@ 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',
|
|
8
|
+
const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', theme = 'theme-rupertbennett', visible = false, tabindex = 0 }) => {
|
|
9
9
|
var _a, _b;
|
|
10
10
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
11
11
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
12
|
+
const colours = variant === 'dark' ? [style.dark] : [style.light];
|
|
12
13
|
const classList = classNames({
|
|
13
14
|
[style.showStickyNav]: visible
|
|
14
|
-
}, className,
|
|
15
|
+
}, className, colours, style.stickyNav, theme);
|
|
15
16
|
const sideNavClasses = classNames({
|
|
16
17
|
[style.sideBarCollapsed]: !showSideNav,
|
|
17
18
|
[style.sideBarExpanded]: showSideNav
|
|
18
|
-
}, style
|
|
19
|
+
}, style.sideNavClassList, colours);
|
|
19
20
|
const dropdownNavClasses = classNames({
|
|
20
21
|
[style.dropDownCollapsed]: !showDropdownNav,
|
|
21
22
|
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
22
|
-
}, style
|
|
23
|
-
const mobileContainer = classNames(style.mobileContainer,
|
|
23
|
+
}, style.dropDownNavClassList);
|
|
24
|
+
const mobileContainer = classNames(style.mobileContainer, mobileClasses);
|
|
24
25
|
const toggleMenu = () => {
|
|
25
26
|
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(asSideBar, !showSideNav);
|
|
26
27
|
if (asSideBar) {
|
|
@@ -34,7 +35,7 @@ const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo
|
|
|
34
35
|
return (React.createElement("div", { id: `sticky_${id}`, className: classList },
|
|
35
36
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
36
37
|
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
37
|
-
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme })),
|
|
38
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' })),
|
|
38
39
|
React.createElement("a", { className: style.mobileLogo, href: logoLink, tabIndex: tabindex },
|
|
39
40
|
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo,
|
|
40
41
|
// title={`${theme.split('-')[1]}-sticky-mobile-logo`}
|
|
@@ -49,7 +50,7 @@ const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo
|
|
|
49
50
|
}))),
|
|
50
51
|
asSideBar
|
|
51
52
|
? (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
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 })));
|
|
53
|
+
return (React.createElement(NavItem, Object.assign({ key: `sidebar_nav_item_${i}` }, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme, tabindex: tabindex })));
|
|
53
54
|
})))
|
|
54
55
|
/* dropdown */
|
|
55
56
|
: (React.createElement("div", { className: dropdownNavClasses },
|
|
@@ -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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"}
|
|
@@ -317,6 +317,8 @@
|
|
|
317
317
|
|
|
318
318
|
.sideBarExpanded {
|
|
319
319
|
|
|
320
|
+
height: 100vh;
|
|
321
|
+
|
|
320
322
|
width: 100%
|
|
321
323
|
}
|
|
322
324
|
|
|
@@ -327,4 +329,18 @@
|
|
|
327
329
|
width: 33.333333%
|
|
328
330
|
}
|
|
329
331
|
}
|
|
332
|
+
|
|
333
|
+
.dark {
|
|
334
|
+
|
|
335
|
+
background-color: var(--color-primary);
|
|
336
|
+
|
|
337
|
+
color: var(--color-white)
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
.light {
|
|
341
|
+
|
|
342
|
+
background-color: var(--color-white);
|
|
343
|
+
|
|
344
|
+
color: var(--color-primary)
|
|
345
|
+
}
|
|
330
346
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -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,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;
|
|
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,aAA+B;;IAA/B;AAA+B;;AAA/B;;IAAA;;QAAA;IAA+B;AAAA;;AAI/B;;IAAA,sCAA4B;;IAA5B;AAA4B;;AAI5B;;IAAA,oCAA4B;;IAA5B;AAA4B","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 h-screen;\n}\n\n.dark {\n @apply bg-primary text-white;\n}\n\n.light {\n @apply bg-white text-primary;\n}"]}
|