trepur_components 1.0.39 → 1.0.40
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/FooterNavItem/FooterNavItem.d.ts +4 -2
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js +7 -6
- package/dist/src/lib/components/FooterNavItem/FooterNavItem.js.map +1 -1
- package/dist/src/lib/components/FooterNavItem/style.module.css +149 -28
- package/dist/src/lib/components/FooterNavItem/style.module.css.map +1 -1
- package/dist/src/lib/components/MenuButton/style.module.css +4 -0
- package/dist/src/lib/components/MenuButton/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +3 -2
- package/dist/src/lib/components/Nav/Nav.js +14 -12
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +3 -2
- package/dist/src/lib/components/Nav/StickyNav.js +9 -9
- package/dist/src/lib/components/Nav/StickyNav.js.map +1 -1
- package/dist/src/lib/components/Nav/style.module.css +2 -4
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -6,11 +6,13 @@ export interface Props {
|
|
|
6
6
|
className?: string;
|
|
7
7
|
title?: string;
|
|
8
8
|
iconProps?: iconProps;
|
|
9
|
-
|
|
9
|
+
bgColour?: Colours;
|
|
10
|
+
hoverBgColour?: Colours;
|
|
10
11
|
colour?: Colours;
|
|
12
|
+
hoverColour?: Colours;
|
|
11
13
|
theme?: ThemeTypes;
|
|
12
14
|
onClick?: () => void;
|
|
13
15
|
href: string;
|
|
14
16
|
}
|
|
15
|
-
declare const FooterNavItem: ({ id, className, title, iconProps,
|
|
17
|
+
declare const FooterNavItem: ({ id, className, title, iconProps, bgColour, hoverBgColour, colour, hoverColour, theme, onClick, href }: Props) => JSX.Element;
|
|
16
18
|
export default FooterNavItem;
|
|
@@ -2,12 +2,13 @@ import React from 'react';
|
|
|
2
2
|
import Icon from '../Icon/Icon';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import style from './style.module.css';
|
|
5
|
-
const FooterNavItem = ({ id, className, title, iconProps,
|
|
6
|
-
const classList = classNames(className, style.classList, style[
|
|
7
|
-
return (React.createElement("
|
|
8
|
-
(
|
|
9
|
-
|
|
10
|
-
|
|
5
|
+
const FooterNavItem = ({ id, className, title, iconProps, bgColour = 'white', hoverBgColour = 'secondary', colour = 'grey', hoverColour = 'white', theme = 'theme-letsgocamping', onClick, href }) => {
|
|
6
|
+
const classList = classNames(className, style.classList, style[`bg_${bgColour}`], style[`hover_bg_${hoverBgColour}`], style[`text_${colour}`], style[`hover_text_${hoverColour}`], theme);
|
|
7
|
+
return (React.createElement("div", { id: id, className: classList },
|
|
8
|
+
React.createElement("a", { href: href, onClick: onClick },
|
|
9
|
+
(iconProps !== undefined) &&
|
|
10
|
+
React.createElement(Icon, Object.assign({}, iconProps, { className: style.icon, theme: theme, bgColour: bgColour, hoverBgColour: hoverBgColour, colour: colour, hoverColour: hoverColour, rounded: true })),
|
|
11
|
+
title !== undefined && title !== '' && React.createElement("p", { className: style.title }, title))));
|
|
11
12
|
};
|
|
12
13
|
export default FooterNavItem;
|
|
13
14
|
//# sourceMappingURL=FooterNavItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FooterNavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterNavItem/FooterNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"FooterNavItem.js","sourceRoot":"","sources":["../../../../../src/lib/components/FooterNavItem/FooterNavItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAA4B,MAAM,uBAAuB,CAAA;AAChE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAiBtC,MAAM,aAAa,GAAG,CAAC,EACrB,EAAE,EACF,SAAS,EACT,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,OAAO,EAClB,aAAa,GAAG,WAAW,EAC3B,MAAM,GAAG,MAAM,EACf,WAAW,GAAG,OAAO,EACrB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,EACP,IAAI,EACE,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAC1B,SAAS,EACT,KAAK,CAAC,SAAS,EACf,KAAK,CAAC,MAAM,QAAQ,EAAE,CAAC,EACvB,KAAK,CAAC,YAAY,aAAa,EAAE,CAAC,EAClC,KAAK,CAAC,QAAQ,MAAM,EAAE,CAAC,EACvB,KAAK,CAAC,cAAc,WAAW,EAAE,CAAC,EAClC,KAAK,CACN,CAAA;IAED,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,2BAAG,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;YAC5B,CAAC,SAAS,KAAK,SAAS,CAAC;gBACxB,oBAAC,IAAI,oBACC,SAAS,IACb,SAAS,EAAE,KAAK,CAAC,IAAI,EACrB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,UACP;YAEH,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,IAAI,2BAAG,SAAS,EAAE,KAAK,CAAC,KAAK,IAAG,KAAK,CAAK,CAC5E,CACA,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -8,7 +8,20 @@
|
|
|
8
8
|
|
|
9
9
|
padding-bottom: 0.5rem;
|
|
10
10
|
|
|
11
|
-
text-align: center
|
|
11
|
+
text-align: center;
|
|
12
|
+
|
|
13
|
+
transition-property: all;
|
|
14
|
+
|
|
15
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
16
|
+
|
|
17
|
+
transition-duration: 500ms
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.classList:hover .icon {
|
|
21
|
+
|
|
22
|
+
background-color: var(--color-secondary);
|
|
23
|
+
|
|
24
|
+
color: var(--color-white)
|
|
12
25
|
}
|
|
13
26
|
|
|
14
27
|
.icon {
|
|
@@ -24,63 +37,171 @@
|
|
|
24
37
|
|
|
25
38
|
font-size: 12px;
|
|
26
39
|
|
|
27
|
-
font-weight: 400
|
|
40
|
+
font-weight: 400
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.text_primary {
|
|
44
|
+
|
|
45
|
+
color: var(--color-primary)
|
|
46
|
+
}
|
|
47
|
+
.text_secondary {
|
|
48
|
+
|
|
49
|
+
color: var(--color-secondary)
|
|
50
|
+
}
|
|
51
|
+
.text_white {
|
|
52
|
+
|
|
53
|
+
color: var(--color-white)
|
|
54
|
+
}
|
|
55
|
+
.text_black {
|
|
56
|
+
|
|
57
|
+
color: var(--color-black)
|
|
58
|
+
}
|
|
59
|
+
.text_gold {
|
|
60
|
+
|
|
61
|
+
color: var(--color-gold)
|
|
62
|
+
}
|
|
63
|
+
.text_grey {
|
|
28
64
|
|
|
29
65
|
color: var(--color-light-grey)
|
|
30
66
|
}
|
|
67
|
+
.text_facebook {
|
|
68
|
+
|
|
69
|
+
color: var(--color-facebook)
|
|
70
|
+
}
|
|
71
|
+
.text_interactive-facebook {
|
|
31
72
|
|
|
32
|
-
|
|
73
|
+
color: var(--color-interactive-facebook)
|
|
74
|
+
}
|
|
75
|
+
.text_success {
|
|
33
76
|
|
|
34
|
-
|
|
77
|
+
color: var(--color-success)
|
|
78
|
+
}
|
|
79
|
+
.text_error {
|
|
35
80
|
|
|
36
|
-
color: var(--color-
|
|
81
|
+
color: var(--color-error)
|
|
37
82
|
}
|
|
38
|
-
.secondary {
|
|
39
83
|
|
|
40
|
-
|
|
84
|
+
.bg_primary {
|
|
41
85
|
|
|
42
|
-
color: var(--color-
|
|
86
|
+
background-color: var(--color-primary)
|
|
43
87
|
}
|
|
44
|
-
.
|
|
88
|
+
.bg_secondary {
|
|
45
89
|
|
|
46
|
-
background-color: var(--color-
|
|
90
|
+
background-color: var(--color-secondary)
|
|
91
|
+
}
|
|
92
|
+
.bg_white {
|
|
47
93
|
|
|
48
|
-
color: var(--color-
|
|
94
|
+
background-color: var(--color-white)
|
|
49
95
|
}
|
|
50
|
-
.
|
|
96
|
+
.bg_black {
|
|
51
97
|
|
|
52
|
-
background-color: var(--color-
|
|
98
|
+
background-color: var(--color-black)
|
|
99
|
+
}
|
|
100
|
+
.bg_gold {
|
|
53
101
|
|
|
54
|
-
color: var(--color-
|
|
102
|
+
background-color: var(--color-gold)
|
|
55
103
|
}
|
|
56
|
-
.
|
|
104
|
+
.bg_grey {
|
|
57
105
|
|
|
58
|
-
background-color: var(--color-
|
|
106
|
+
background-color: var(--color-light-grey)
|
|
107
|
+
}
|
|
108
|
+
.bg_facebook {
|
|
59
109
|
|
|
60
|
-
color: var(--color-
|
|
110
|
+
background-color: var(--color-facebook)
|
|
61
111
|
}
|
|
62
|
-
.
|
|
112
|
+
.bg_interactive-facebook {
|
|
63
113
|
|
|
64
|
-
background-color: var(--color-
|
|
114
|
+
background-color: var(--color-interactive-facebook)
|
|
115
|
+
}
|
|
116
|
+
.bg_success {
|
|
65
117
|
|
|
66
|
-
color: var(--color-
|
|
118
|
+
background-color: var(--color-success)
|
|
119
|
+
}
|
|
120
|
+
.bg_error {
|
|
121
|
+
|
|
122
|
+
background-color: var(--color-error)
|
|
67
123
|
}
|
|
68
|
-
.error {
|
|
69
124
|
|
|
70
|
-
|
|
125
|
+
.hover_text_primary:hover {
|
|
71
126
|
|
|
72
|
-
color: var(--color-
|
|
127
|
+
color: var(--color-primary)
|
|
73
128
|
}
|
|
74
|
-
.
|
|
129
|
+
.hover_text_secondary:hover {
|
|
75
130
|
|
|
76
|
-
|
|
131
|
+
color: var(--color-secondary)
|
|
132
|
+
}
|
|
133
|
+
.hover_text_white:hover {
|
|
77
134
|
|
|
78
135
|
color: var(--color-white)
|
|
79
136
|
}
|
|
80
|
-
.
|
|
137
|
+
.hover_text_black:hover {
|
|
138
|
+
|
|
139
|
+
color: var(--color-black)
|
|
140
|
+
}
|
|
141
|
+
.hover_text_gold:hover {
|
|
81
142
|
|
|
82
|
-
|
|
143
|
+
color: var(--color-gold)
|
|
144
|
+
}
|
|
145
|
+
.hover_text_grey:hover {
|
|
83
146
|
|
|
84
|
-
color: var(--color-
|
|
147
|
+
color: var(--color-light-grey)
|
|
148
|
+
}
|
|
149
|
+
.hover_text_facebook:hover {
|
|
150
|
+
|
|
151
|
+
color: var(--color-facebook)
|
|
152
|
+
}
|
|
153
|
+
.hover_text_interactive-facebook:hover {
|
|
154
|
+
|
|
155
|
+
color: var(--color-interactive-facebook)
|
|
156
|
+
}
|
|
157
|
+
.hover_text_success:hover {
|
|
158
|
+
|
|
159
|
+
color: var(--color-success)
|
|
160
|
+
}
|
|
161
|
+
.hover_text_error:hover {
|
|
162
|
+
|
|
163
|
+
color: var(--color-error)
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.hover_bg_primary:hover {
|
|
167
|
+
|
|
168
|
+
background-color: var(--color-primary)
|
|
85
169
|
}
|
|
170
|
+
.hover_bg_secondary:hover {
|
|
171
|
+
|
|
172
|
+
background-color: var(--color-secondary)
|
|
173
|
+
}
|
|
174
|
+
.hover_bg_white:hover {
|
|
175
|
+
|
|
176
|
+
background-color: var(--color-white)
|
|
177
|
+
}
|
|
178
|
+
.hover_bg_black:hover {
|
|
179
|
+
|
|
180
|
+
background-color: var(--color-black)
|
|
181
|
+
}
|
|
182
|
+
.hover_bg_gold:hover {
|
|
183
|
+
|
|
184
|
+
background-color: var(--color-gold)
|
|
185
|
+
}
|
|
186
|
+
.hover_bg_grey:hover {
|
|
187
|
+
|
|
188
|
+
background-color: var(--color-light-grey)
|
|
189
|
+
}
|
|
190
|
+
.hover_bg_facebook:hover {
|
|
191
|
+
|
|
192
|
+
background-color: var(--color-facebook)
|
|
193
|
+
}
|
|
194
|
+
.hover_bg_interactive-facebook:hover {
|
|
195
|
+
|
|
196
|
+
background-color: var(--color-interactive-facebook)
|
|
197
|
+
}
|
|
198
|
+
.hover_bg_success:hover {
|
|
199
|
+
|
|
200
|
+
background-color: var(--color-success)
|
|
201
|
+
}
|
|
202
|
+
.hover_bg_error:hover {
|
|
203
|
+
|
|
204
|
+
background-color: var(--color-error)
|
|
205
|
+
}
|
|
206
|
+
|
|
86
207
|
/*# sourceMappingURL=style.module.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/FooterNavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/FooterNavItem/style.module.css"],"names":[],"mappings":"AACI;;IAAA,WAAyE;;IAAzE,eAAyE;;IAAzE,mBAAyE;;IAAzE,sBAAyE;;IAAzE,kBAAyE;;IAAzE,wBAAyE;;IAAzE,wDAAyE;;IAAzE;AAAyE;;AAIzE;;IAAA,wCAA8B;;IAA9B;AAA8B;;AAI9B;;IAAA,iBAAc;;IAAd;AAAc;;AAId;;IAAA,qBAAkC;;IAAlC,eAAkC;;IAAlC;AAAkC;;AAGtB;;IAAA;AAAmB;AACjB;;IAAA;AAAqB;AACzB;;IAAA;AAAiB;AACjB;;IAAA;AAAiB;AAClB;;IAAA;AAAgB;AAChB;;IAAA;AAAsB;AAClB;;IAAA;AAAoB;AACR;;IAAA;AAAgC;AAC7C;;IAAA;AAAmB;AACrB;;IAAA;AAAiB;;AAEjB;;IAAA;AAAiB;AACf;;IAAA;AAAmB;AACvB;;IAAA;AAAe;AACf;;IAAA;AAAe;AAChB;;IAAA;AAAc;AACd;;IAAA;AAAoB;AAChB;;IAAA;AAAkB;AACN;;IAAA;AAA8B;AAC3C;;IAAA;AAAiB;AACnB;;IAAA;AAAe;;AAEL;;IAAA;AAAyB;AACvB;;IAAA;AAA2B;AAC/B;;IAAA;AAAuB;AACvB;;IAAA;AAAuB;AACxB;;IAAA;AAAsB;AACtB;;IAAA;AAA4B;AACxB;;IAAA;AAA0B;AACd;;IAAA;AAAsC;AACnD;;IAAA;AAAyB;AAC3B;;IAAA;AAAuB;;AAEvB;;IAAA;AAAuB;AACrB;;IAAA;AAAyB;AAC7B;;IAAA;AAAqB;AACrB;;IAAA;AAAqB;AACtB;;IAAA;AAAoB;AACpB;;IAAA;AAA0B;AACtB;;IAAA;AAAwB;AACZ;;IAAA;AAAoC;AACjD;;IAAA;AAAuB;AACzB;;IAAA;AAAqB","file":"style.module.css","sourcesContent":[".classList {\n @apply text-center py-2 w-full cursor-pointer transition-all duration-500;\n}\n\n.classList:hover .icon {\n @apply bg-secondary text-white;\n}\n\n.icon {\n @apply mx-auto;\n}\n\n.title {\n @apply font-regular text-xs pt-0.5;\n}\n\n.text_primary { @apply text-primary; }\n.text_secondary { @apply text-secondary; }\n.text_white { @apply text-white; }\n.text_black { @apply text-black; }\n.text_gold { @apply text-gold; }\n.text_grey { @apply text-light-grey; }\n.text_facebook { @apply text-facebook; }\n.text_interactive-facebook { @apply text-interactive-facebook; }\n.text_success { @apply text-success; }\n.text_error { @apply text-error; }\n\n.bg_primary { @apply bg-primary; }\n.bg_secondary { @apply bg-secondary; }\n.bg_white { @apply bg-white; }\n.bg_black { @apply bg-black; }\n.bg_gold { @apply bg-gold; }\n.bg_grey { @apply bg-light-grey; }\n.bg_facebook { @apply bg-facebook; }\n.bg_interactive-facebook { @apply bg-interactive-facebook; }\n.bg_success { @apply bg-success; }\n.bg_error { @apply bg-error; }\n\n.hover_text_primary { @apply hover:text-primary; }\n.hover_text_secondary { @apply hover:text-secondary; }\n.hover_text_white { @apply hover:text-white; }\n.hover_text_black { @apply hover:text-black; }\n.hover_text_gold { @apply hover:text-gold; }\n.hover_text_grey { @apply hover:text-light-grey; }\n.hover_text_facebook { @apply hover:text-facebook; }\n.hover_text_interactive-facebook { @apply hover:text-interactive-facebook; }\n.hover_text_success { @apply hover:text-success; }\n.hover_text_error { @apply hover:text-error; }\n\n.hover_bg_primary { @apply hover:bg-primary; }\n.hover_bg_secondary { @apply hover:bg-secondary; }\n.hover_bg_white { @apply hover:bg-white; }\n.hover_bg_black { @apply hover:bg-black; }\n.hover_bg_gold { @apply hover:bg-gold; }\n.hover_bg_grey { @apply hover:bg-light-grey; }\n.hover_bg_facebook { @apply hover:bg-facebook; }\n.hover_bg_interactive-facebook { @apply hover:bg-interactive-facebook; }\n.hover_bg_success { @apply hover:bg-success; }\n.hover_bg_error { @apply hover:bg-error; }\n"]}
|
|
@@ -12,6 +12,10 @@
|
|
|
12
12
|
justify-content: space-between;
|
|
13
13
|
padding-left: 0.5rem;
|
|
14
14
|
text-align: center;
|
|
15
|
+
}.classList:hover {
|
|
16
|
+
--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
|
|
17
|
+
--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
|
|
18
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
15
19
|
}
|
|
16
20
|
|
|
17
21
|
.menuClasses {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/MenuButton/style.module.css"],"names":[],"mappings":"AAAA;IACI,WAAW;IACX,YAAY;IACZ,gBAAiE;IAAjE,qBAAiE;IAAjE,iBAAiE;IAAjE,wCAAiE;IACjE,gBAAmE;IAAnE,mBAAmE;IAAnE,aAAmE;IAAnE,eAAmE;IAAnE,8BAAmE;IAAnE,oBAAmE;IAAnE,kBAAmE;
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/MenuButton/style.module.css"],"names":[],"mappings":"AAAA;IACI,WAAW;IACX,YAAY;IACZ,gBAAiE;IAAjE,qBAAiE;IAAjE,iBAAiE;IAAjE,wCAAiE;IACjE,gBAAmE;IAAnE,mBAAmE;IAAnE,aAAmE;IAAnE,eAAmE;IAAnE,8BAAmE;IAAnE,oBAAmE;IAAnE,kBAAmE;AAEvE,CADI;IAAA,6EAAsB;IAAtB,iGAAsB;IAAtB;AAAsB;;AAItB;IAAA,iBAAsB;IAAtB,kBAAsB;IAAtB,gBAAsB;IAAtB;AAAsB;;AAG1B;IACI,WAAW;IACX,YAAY;IACZ,gBAAkD;IAAlD,mBAAkD;IAAlD,iBAAkD;IAAlD,kBAAkD;IAAlD,qBAAkD;IAAlD,mBAAkD;AACtD;;AAEW;IAAA,sCAA4B;IAA5B;AAA4B;AAC1B;IAAA,wCAA8B;IAA9B;AAA8B;AAClC;IAAA,oCAA0B;IAA1B;AAA0B;AAC3B;IAAA,4CAAkC;IAAlC;AAAkC;AACjC;IAAA,oCAA0B;IAA1B;AAA0B;AACxB;IAAA,sCAA4B;IAA5B;AAA4B;AAC9B;IAAA,oCAA0B;IAA1B;AAA0B;AACvB;IAAA,uCAA6B;IAA7B;AAA6B;AACjC;IAAA,mCAAyB;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".classList {\n width: 80px;\n height: 45px;\n @apply border-2 border-lightest-grey rounded-full overflow-hidden;\n @apply flex justify-between my-auto text-center pl-2 cursor-pointer;\n @apply hover:shadow-md;\n}\n\n.menuClasses {\n @apply mx-auto my-auto;\n}\n\n.imageClasses {\n width: 34px;\n height: 34px;\n @apply rounded-full object-contain my-auto mx-auto;\n}\n\n.primary { @apply bg-primary text-white; }\n.secondary { @apply bg-secondary text-white; }\n.white { @apply bg-white text-black; }\n.grey { @apply bg-lightest-grey text-black; }\n.black { @apply bg-black text-white; }\n.success { @apply bg-success text-white; }\n.error { @apply bg-error text-white; }\n.facebook { @apply bg-facebook text-white; }\n.gold { @apply bg-gold text-white; }"]}
|
|
@@ -6,7 +6,8 @@ export interface Props {
|
|
|
6
6
|
id?: string;
|
|
7
7
|
className?: string;
|
|
8
8
|
navLinks: navItemProps[];
|
|
9
|
-
|
|
9
|
+
withMobileSideBar?: boolean;
|
|
10
|
+
withMobileDropdown?: boolean;
|
|
10
11
|
dropdownNavHeight: string;
|
|
11
12
|
logo: string;
|
|
12
13
|
logoDarkTheme: string;
|
|
@@ -23,5 +24,5 @@ export interface Props {
|
|
|
23
24
|
withDesktopShadow?: boolean;
|
|
24
25
|
profileMenu?: MenuButtonProps;
|
|
25
26
|
}
|
|
26
|
-
declare const Nav: ({ id, className, navLinks,
|
|
27
|
+
declare const Nav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, text, textLink, theme, withStickyNavShadow, withDesktopShadow, profileMenu }: Props) => JSX.Element;
|
|
27
28
|
export default Nav;
|
|
@@ -7,7 +7,7 @@ import Image from '../Image/Image';
|
|
|
7
7
|
import Container from '../Container/Container';
|
|
8
8
|
import StickyNav from './StickyNav';
|
|
9
9
|
import MenuButton from '../MenuButton/MenuButton';
|
|
10
|
-
const Nav = ({ id, className, navLinks,
|
|
10
|
+
const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', text, textLink = '/', theme = 'theme-rupertbennett', withStickyNavShadow = false, withDesktopShadow = false, profileMenu }) => {
|
|
11
11
|
var _a, _b, _c, _d;
|
|
12
12
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
13
13
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
@@ -34,22 +34,24 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
34
34
|
}, style.sideNavClassList, colours);
|
|
35
35
|
const dropdownNavClasses = classNames({
|
|
36
36
|
[style.dropDownCollapsed]: !showDropdownNav,
|
|
37
|
+
[style.dropDownExpanded]: showDropdownNav,
|
|
37
38
|
[`h-${dropdownNavHeight}`]: showDropdownNav
|
|
38
39
|
}, style.dropDownNavClassList);
|
|
39
40
|
const mobileContainer = classNames(style.mobileContainer, style.mobileNav, mobileClasses);
|
|
40
41
|
const toggleMenu = () => {
|
|
41
|
-
|
|
42
|
-
|
|
42
|
+
if (withMobileSideBar) {
|
|
43
|
+
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(withMobileSideBar, !showSideNav);
|
|
43
44
|
setShowSideNav(!showSideNav);
|
|
44
45
|
}
|
|
45
|
-
|
|
46
|
+
if (withMobileDropdown) {
|
|
47
|
+
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(withMobileDropdown, !showDropdownNav);
|
|
46
48
|
setShowDropdownNav(!showDropdownNav);
|
|
47
49
|
}
|
|
48
50
|
};
|
|
49
51
|
const themeString = theme.toString();
|
|
50
52
|
return (React.createElement("header", { id: id, className: classList },
|
|
51
53
|
React.createElement(Container, { withPadding: true, className: mobileContainer, theme: theme },
|
|
52
|
-
React.createElement("div", { className: style.collapseBtnWrapper },
|
|
54
|
+
(withMobileSideBar || withMobileDropdown) && React.createElement("div", { className: style.collapseBtnWrapper },
|
|
53
55
|
React.createElement(HamburgerIcon, { onClick: toggleMenu, theme: theme, variant: variant === 'dark' ? 'primary' : 'secondary' })),
|
|
54
56
|
React.createElement("a", { className: style.mobileLogo, href: logoLink },
|
|
55
57
|
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 }))),
|
|
@@ -63,16 +65,16 @@ const Nav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo, logo
|
|
|
63
65
|
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && React.createElement("div", { className: style.textClassList }, text !== undefined &&
|
|
64
66
|
React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary', theme: theme })),
|
|
65
67
|
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && React.createElement("div", { className: style.profileClassList }, React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems })))),
|
|
66
|
-
|
|
67
|
-
|
|
68
|
+
withMobileSideBar &&
|
|
69
|
+
React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
68
70
|
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 })));
|
|
69
|
-
}))
|
|
70
|
-
|
|
71
|
-
|
|
71
|
+
})),
|
|
72
|
+
withMobileDropdown &&
|
|
73
|
+
React.createElement("div", { className: dropdownNavClasses },
|
|
72
74
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
73
75
|
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 })));
|
|
74
|
-
})))
|
|
75
|
-
React.createElement(StickyNav, { id: id, className: stickyClassList, navLinks: navLinks,
|
|
76
|
+
}))),
|
|
77
|
+
React.createElement(StickyNav, { id: id, className: stickyClassList, navLinks: navLinks, withMobileSideBar: withMobileSideBar, withMobileDropdown: withMobileDropdown, dropdownNavHeight: dropdownNavHeight, logo: logo, logoDarkTheme: logoDarkTheme, mobileLogo: mobileLogo, mobileLogoDarkTheme: mobileLogoDarkTheme, logoLink: logoLink, mobileClasses: mobileClasses, getNavStatus: getNavStatus, variant: variant, theme: theme, tabindex: showStickyNav ? 0 : -1, withShadow: withStickyNavShadow })));
|
|
76
78
|
};
|
|
77
79
|
export default Nav;
|
|
78
80
|
//# 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;AACnC,OAAO,UAAwC,MAAM,mCAAmC,CAAA;
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,7 +5,8 @@ export interface Props {
|
|
|
5
5
|
id?: string;
|
|
6
6
|
className?: string;
|
|
7
7
|
navLinks: navItemProps[];
|
|
8
|
-
|
|
8
|
+
withMobileSideBar?: boolean;
|
|
9
|
+
withMobileDropdown?: boolean;
|
|
9
10
|
dropdownNavHeight: string;
|
|
10
11
|
logo: string;
|
|
11
12
|
logoDarkTheme: string;
|
|
@@ -20,5 +21,5 @@ export interface Props {
|
|
|
20
21
|
tabindex?: number;
|
|
21
22
|
withShadow?: boolean;
|
|
22
23
|
}
|
|
23
|
-
declare const StickyNav: ({ id, className, navLinks,
|
|
24
|
+
declare const StickyNav: ({ id, className, navLinks, withMobileSideBar, withMobileDropdown, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant, theme, visible, tabindex, withShadow }: Props) => JSX.Element;
|
|
24
25
|
export default StickyNav;
|
|
@@ -5,7 +5,7 @@ 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,
|
|
8
|
+
const StickyNav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDropdown = false, dropdownNavHeight, logo, logoDarkTheme, mobileLogo, mobileLogoDarkTheme, logoLink, mobileClasses, getNavStatus, variant = 'dark', theme = 'theme-rupertbennett', visible = false, tabindex = 0, withShadow = false }) => {
|
|
9
9
|
var _a, _b;
|
|
10
10
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
11
11
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
@@ -24,8 +24,8 @@ const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo
|
|
|
24
24
|
}, style.dropDownNavClassList);
|
|
25
25
|
const mobileContainer = classNames(style.mobileContainer, mobileClasses);
|
|
26
26
|
const toggleMenu = () => {
|
|
27
|
-
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(
|
|
28
|
-
if (
|
|
27
|
+
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(withMobileSideBar, !showSideNav);
|
|
28
|
+
if (withMobileSideBar) {
|
|
29
29
|
setShowSideNav(!showSideNav);
|
|
30
30
|
}
|
|
31
31
|
else {
|
|
@@ -49,15 +49,15 @@ const StickyNav = ({ id, className, navLinks, asSideBar, dropdownNavHeight, logo
|
|
|
49
49
|
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
50
50
|
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 })));
|
|
51
51
|
}))),
|
|
52
|
-
|
|
53
|
-
|
|
52
|
+
withMobileSideBar &&
|
|
53
|
+
React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
54
54
|
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 })));
|
|
55
|
-
}))
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
})),
|
|
56
|
+
withMobileDropdown &&
|
|
57
|
+
React.createElement("div", { className: dropdownNavClasses },
|
|
58
58
|
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
59
59
|
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 })));
|
|
60
|
-
})))))
|
|
60
|
+
})))));
|
|
61
61
|
};
|
|
62
62
|
export default StickyNav;
|
|
63
63
|
//# sourceMappingURL=StickyNav.js.map
|
|
@@ -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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"}
|
|
@@ -262,9 +262,7 @@
|
|
|
262
262
|
|
|
263
263
|
z-index: 50;
|
|
264
264
|
|
|
265
|
-
overflow: hidden
|
|
266
|
-
|
|
267
|
-
padding-top: 5rem
|
|
265
|
+
overflow: hidden
|
|
268
266
|
}
|
|
269
267
|
|
|
270
268
|
@media (min-width: 768px) {
|
|
@@ -282,7 +280,7 @@
|
|
|
282
280
|
padding-top: 0.5rem
|
|
283
281
|
}
|
|
284
282
|
|
|
285
|
-
.
|
|
283
|
+
.dropDownCollapsed {
|
|
286
284
|
|
|
287
285
|
height: 0px
|
|
288
286
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;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,mGAAqB;;IAArB;AAAqB;;AAIrB;;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,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,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,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACI;;IAAA,kBAAoB;;IAApB,WAAoB;;IACpB,aAAwC;;IAAxC,mBAAwC;;IAAxC;AADoB;;AAKpB;;IAAA,mGAAqB;;IAArB;AAAqB;;AAIrB;;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,mGAAqB;;IAArB;AAAqB;;AAIrB;;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,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,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,WAAqC;;IAArC;AAAqC;;AAArC;;IAAA;;QAAA;IAAqC;AAAA;;AAIrC;;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 @apply flex items-center justify-between;\n}\n\n.desktopNavDropShadow {\n @apply drop-shadow-lg;\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.stickyNavDropShadow {\n @apply drop-shadow-lg;\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.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.profileClassList {\n @apply hidden md: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;\n}\n\n.mobileDropDownMenuNavItems {\n @apply pl-8 pt-2;\n}\n\n.dropDownCollapsed {\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}"]}
|