trepur_components 2.2.1 → 2.2.2
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 +8 -8
- package/dist/src/lib/components/Button/style.module.css.map +1 -1
- package/dist/src/lib/components/Nav/Nav.d.ts +1 -1
- package/dist/src/lib/components/Nav/Nav.js +30 -27
- package/dist/src/lib/components/Nav/Nav.js.map +1 -1
- package/dist/src/lib/components/Nav/StickyNav.d.ts +1 -1
- package/dist/src/lib/components/Nav/style.module.css +52 -0
- package/dist/src/lib/components/Nav/style.module.css.map +1 -1
- package/dist/src/lib/components/NavItem/style.module.css +5 -5
- package/dist/src/lib/components/NavItem/style.module.css.map +1 -1
- package/dist/src/lib/typography/Colours/Colours.js +4 -4
- package/dist/src/lib/typography/Colours/Colours.js.map +1 -1
- package/dist/src/lib/typography/Colours/style.module.css +0 -7
- package/dist/src/lib/typography/Colours/style.module.css.map +1 -1
- package/package.json +1 -1
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
|
|
64
64
|
.primary {
|
|
65
65
|
|
|
66
|
-
border-color: var(--color-
|
|
66
|
+
border-color: var(--color-secondary);
|
|
67
67
|
|
|
68
68
|
background-color: var(--color-primary);
|
|
69
69
|
|
|
70
|
-
color: var(--color-
|
|
70
|
+
color: var(--color-secondary);
|
|
71
71
|
|
|
72
72
|
outline-color: var(--color-primary)
|
|
73
73
|
}
|
|
@@ -76,7 +76,7 @@
|
|
|
76
76
|
|
|
77
77
|
border-color: var(--color-primary);
|
|
78
78
|
|
|
79
|
-
background-color: var(--color-
|
|
79
|
+
background-color: var(--color-secondary);
|
|
80
80
|
|
|
81
81
|
color: var(--color-primary)
|
|
82
82
|
}
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
|
|
86
86
|
border-color: var(--color-primary);
|
|
87
87
|
|
|
88
|
-
background-color: var(--color-
|
|
88
|
+
background-color: var(--color-secondary);
|
|
89
89
|
|
|
90
90
|
color: var(--color-primary)
|
|
91
91
|
}
|
|
@@ -94,11 +94,11 @@
|
|
|
94
94
|
|
|
95
95
|
border-color: var(--color-primary);
|
|
96
96
|
|
|
97
|
-
background-color: var(--color-
|
|
97
|
+
background-color: var(--color-secondary);
|
|
98
98
|
|
|
99
99
|
color: var(--color-primary);
|
|
100
100
|
|
|
101
|
-
outline-color: var(--color-
|
|
101
|
+
outline-color: var(--color-secondary)
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.secondaryNotDisabled:hover {
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
|
|
108
108
|
background-color: var(--color-primary);
|
|
109
109
|
|
|
110
|
-
color: var(--color-
|
|
110
|
+
color: var(--color-secondary)
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
.secondaryNotDisabled:focus:hover {
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
|
|
117
117
|
background-color: var(--color-primary);
|
|
118
118
|
|
|
119
|
-
color: var(--color-
|
|
119
|
+
color: var(--color-secondary)
|
|
120
120
|
}
|
|
121
121
|
|
|
122
122
|
.disabled {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACE;;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,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Button/style.module.css"],"names":[],"mappings":"AACE;;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,oCAAiE;;IAAjE,sCAAiE;;IAAjE,6BAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,kCAA+C;;IAA/C,wCAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,kCAA+C;;IAA/C,wCAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,kCAAiE;;IAAjE,wCAAiE;;IAAjE,2BAAiE;;IAAjE;AAAiE;;AAIjE;;IAAA,kCAA+C;;IAA/C,sCAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,kCAA+C;;IAA/C,sCAA+C;;IAA/C;AAA+C;;AAI/C;;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-secondary border-secondary outline-primary;\n}\n\n.primaryNotDisabled:hover {\n @apply bg-secondary text-primary border-primary;\n}\n\n.primaryNotDisabled:focus:hover {\n @apply bg-secondary text-primary border-primary;\n}\n\n.secondary {\n @apply bg-secondary text-primary border-primary outline-secondary;\n}\n\n.secondaryNotDisabled:hover {\n @apply bg-primary text-secondary border-primary;\n}\n\n.secondaryNotDisabled:focus:hover {\n @apply bg-primary text-secondary 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}\n"]}
|
|
@@ -14,7 +14,7 @@ export interface Props {
|
|
|
14
14
|
mobileLogoDarkTheme: string;
|
|
15
15
|
logoLink: string;
|
|
16
16
|
mobileClasses?: string;
|
|
17
|
-
getNavStatus
|
|
17
|
+
getNavStatus?: (withMobileSideBar: boolean, open: boolean) => void;
|
|
18
18
|
variant: 'light' | 'dark';
|
|
19
19
|
text?: string;
|
|
20
20
|
textLink?: string;
|
|
@@ -12,6 +12,7 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
12
12
|
const [showSideNav, setShowSideNav] = useState(false);
|
|
13
13
|
const [showDropdownNav, setShowDropdownNav] = useState(false);
|
|
14
14
|
const [showStickyNav, setShowStickyNav] = useState(false);
|
|
15
|
+
const [navOpen, setNavOpen] = useState(false);
|
|
15
16
|
const colours = variant === 'dark' ? [style.dark] : [style.light];
|
|
16
17
|
const classList = classNames({
|
|
17
18
|
// [style.desktopNavDropShadow]: withDesktopShadow && !showStickyNav && !showSideNav
|
|
@@ -39,6 +40,7 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
39
40
|
}, style.dropDownNavClassList);
|
|
40
41
|
const mobileContainer = classNames(style.mobileContainer, style.mobileNav, mobileClasses);
|
|
41
42
|
const toggleMenu = () => {
|
|
43
|
+
setNavOpen(!navOpen);
|
|
42
44
|
if (withMobileSideBar) {
|
|
43
45
|
getNavStatus === null || getNavStatus === void 0 ? void 0 : getNavStatus(withMobileSideBar, !showSideNav);
|
|
44
46
|
setShowSideNav(!showSideNav);
|
|
@@ -48,33 +50,34 @@ const Nav = ({ id, className, navLinks, withMobileSideBar = false, withMobileDro
|
|
|
48
50
|
setShowDropdownNav(!showDropdownNav);
|
|
49
51
|
}
|
|
50
52
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
React.createElement(
|
|
54
|
-
|
|
55
|
-
React.createElement(
|
|
56
|
-
|
|
57
|
-
React.createElement(
|
|
58
|
-
|
|
59
|
-
React.createElement(
|
|
60
|
-
React.createElement("
|
|
61
|
-
React.createElement(
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
React.createElement(
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
React.createElement("div", { className:
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
53
|
+
return (React.createElement("div", { className: style.wrapperClasses },
|
|
54
|
+
React.createElement("div", { id: 'dfr', className: classNames(style.defaultNavClasses, [navOpen] && style.navOpen, [!navOpen] && style.navClosed) }),
|
|
55
|
+
React.createElement("header", { id: id, className: classList },
|
|
56
|
+
React.createElement(Container, { withPadding: true, className: mobileContainer },
|
|
57
|
+
(withMobileSideBar || withMobileDropdown) && (React.createElement("div", { className: style.collapseBtnWrapper },
|
|
58
|
+
React.createElement(HamburgerIcon, { onClick: toggleMenu, variant: variant === 'dark' ? 'primary' : 'secondary' }))),
|
|
59
|
+
React.createElement("a", { className: style.mobileLogo, href: logoLink, "aria-label": 'mobile-logo' },
|
|
60
|
+
React.createElement(Image, { src: variant === 'dark' ? mobileLogoDarkTheme : mobileLogo, height: 5, width: 5 }))),
|
|
61
|
+
React.createElement(Container, { withPadding: true, className: style.desktopNav },
|
|
62
|
+
React.createElement("div", { className: style.logoClassList },
|
|
63
|
+
React.createElement("a", { className: style.desktopLogo, href: logoLink, "aria-label": 'desktop-logo' },
|
|
64
|
+
React.createElement(Image, { src: variant === 'dark' ? logoDarkTheme : logo, height: 5, width: 5 }))),
|
|
65
|
+
React.createElement("nav", { className: style.navItems }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
66
|
+
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' })));
|
|
67
|
+
})),
|
|
68
|
+
!(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) !== undefined && (React.createElement("div", { className: style.textClassList }, text !== undefined && (React.createElement(NavItem, { title: text, href: textLink, className: style.navItemPadding, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary' })))),
|
|
69
|
+
(profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems) && (React.createElement("div", { className: style.profileClassList },
|
|
70
|
+
React.createElement(MenuButton, Object.assign({}, profileMenu, { menuItems: profileMenu === null || profileMenu === void 0 ? void 0 : profileMenu.menuItems }))))),
|
|
71
|
+
withMobileSideBar && (React.createElement("div", { className: sideNavClasses }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
72
|
+
return (React.createElement("div", { className: 'flex-col', key: `sidebar_nav_item_${i}` },
|
|
73
|
+
React.createElement(NavItem, Object.assign({}, navLink, { className: classNames(colours, style.mobileSideBarMenuNavItems, 'pb-4 pt-2 justify-center'), bordered: false, rounded: false, underlineOnHover: true, variant: variant === 'dark' ? 'secondary' : 'primary' })),
|
|
74
|
+
React.createElement(HorizontalLine, { colour: variant === 'light' ? 'primary' : 'white', className: 'mx-2' })));
|
|
75
|
+
}))),
|
|
76
|
+
withMobileDropdown && (React.createElement("div", { className: dropdownNavClasses },
|
|
77
|
+
React.createElement("div", { className: style.mobileDropDownMenu }, navLinks === null || navLinks === void 0 ? void 0 : navLinks.map((navLink, i) => {
|
|
78
|
+
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' })));
|
|
79
|
+
})))),
|
|
80
|
+
React.createElement(StickyNav, Object.assign({ 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, tabindex: showStickyNav ? 0 : -1, withShadow: withStickyNavShadow })))));
|
|
78
81
|
};
|
|
79
82
|
export default Nav;
|
|
80
83
|
//# 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,OAEN,MAAM,6BAA6B,CAAA;AACpC,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,UAEN,MAAM,mCAAmC,CAAA;AAC1C,OAAO,cAAc,MAAM,2CAA2C,CAAA;AAyBtE,MAAM,GAAG,GAAG,CAAC,EACX,EAAE,EACF,SAAS,EACT,QAAQ,EACR,iBAAiB,GAAG,KAAK,EACzB,kBAAkB,GAAG,KAAK,EAC1B,iBAAiB,EACjB,IAAI,EACJ,aAAa,EACb,UAAU,EACV,mBAAmB,EACnB,QAAQ,EACR,aAAa,EACb,YAAY,EACZ,OAAO,GAAG,MAAM,EAChB,IAAI,EACJ,QAAQ,GAAG,GAAG,
|
|
1
|
+
{"version":3,"file":"Nav.js","sourceRoot":"","sources":["../../../../../src/lib/components/Nav/Nav.tsx"],"names":[],"mappings":"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"}
|
|
@@ -13,7 +13,7 @@ export interface Props {
|
|
|
13
13
|
mobileLogoDarkTheme: string;
|
|
14
14
|
logoLink: string;
|
|
15
15
|
mobileClasses?: string;
|
|
16
|
-
getNavStatus
|
|
16
|
+
getNavStatus?: (asSideBar: boolean, open: boolean) => void;
|
|
17
17
|
variant: 'light' | 'dark';
|
|
18
18
|
visible?: boolean;
|
|
19
19
|
tabindex?: number;
|
|
@@ -1,3 +1,55 @@
|
|
|
1
|
+
.wrapperCalsses {
|
|
2
|
+
|
|
3
|
+
display: flex;
|
|
4
|
+
|
|
5
|
+
min-height: 100vh;
|
|
6
|
+
|
|
7
|
+
flex-direction: column
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.defaultNavClasses {
|
|
11
|
+
|
|
12
|
+
position: fixed;
|
|
13
|
+
|
|
14
|
+
top: 0px;
|
|
15
|
+
|
|
16
|
+
left: 0px;
|
|
17
|
+
|
|
18
|
+
right: 0px;
|
|
19
|
+
|
|
20
|
+
bottom: 0px;
|
|
21
|
+
|
|
22
|
+
z-index: 50;
|
|
23
|
+
|
|
24
|
+
height: 100%;
|
|
25
|
+
|
|
26
|
+
width: 100%;
|
|
27
|
+
|
|
28
|
+
background-color: var(--color-primary);
|
|
29
|
+
|
|
30
|
+
transition-property: opacity;
|
|
31
|
+
|
|
32
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
33
|
+
|
|
34
|
+
transition-duration: 700ms
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
.navOpen {
|
|
38
|
+
|
|
39
|
+
visibility: visible;
|
|
40
|
+
|
|
41
|
+
opacity: 1
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.navClosed {
|
|
45
|
+
|
|
46
|
+
visibility: hidden;
|
|
47
|
+
|
|
48
|
+
opacity: 0;
|
|
49
|
+
|
|
50
|
+
display: none
|
|
51
|
+
}
|
|
52
|
+
|
|
1
53
|
.desktopNav {
|
|
2
54
|
|
|
3
55
|
position: relative;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"AACE;;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,oBAAgB;;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-2 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}\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/Nav/style.module.css"],"names":[],"mappings":"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","file":"style.module.css","sourcesContent":[".wrapperCalsses {\n @apply flex flex-col min-h-screen;\n}\n\n.defaultNavClasses {\n @apply fixed w-full h-full top-0 left-0 right-0 bottom-0 z-50 bg-primary transition-opacity duration-700;\n}\n\n.navOpen {\n @apply opacity-100 visible;\n}\n\n.navClosed {\n @apply opacity-0 invisible;\n}\n\n.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-2 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}\n"]}
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
|
|
89
89
|
border-width: 2px;
|
|
90
90
|
|
|
91
|
-
border-color: var(--color-
|
|
91
|
+
border-color: var(--color-secondary);
|
|
92
92
|
|
|
93
93
|
padding: 0.5rem
|
|
94
94
|
}
|
|
@@ -104,19 +104,19 @@
|
|
|
104
104
|
|
|
105
105
|
background-color: var(--color-primary);
|
|
106
106
|
|
|
107
|
-
color: var(--color-
|
|
107
|
+
color: var(--color-secondary)
|
|
108
108
|
}
|
|
109
109
|
|
|
110
110
|
.secondary > span:before {
|
|
111
111
|
|
|
112
|
-
background-color: var(--color-
|
|
112
|
+
background-color: var(--color-secondary);
|
|
113
113
|
|
|
114
|
-
color: var(--color-
|
|
114
|
+
color: var(--color-secondary)
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.primary {
|
|
118
118
|
|
|
119
|
-
background-color: var(--color-
|
|
119
|
+
background-color: var(--color-secondary);
|
|
120
120
|
|
|
121
121
|
color: var(--color-primary)
|
|
122
122
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACE;;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,sBAAiD;;IAAjD,iBAAiD;;IAAjD,sCAAiD;;IAAjD;AAAiD;;AAIjD;;IAAA;AAAa;;AAIb;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/components/NavItem/style.module.css"],"names":[],"mappings":"AACE;;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,sBAAiD;;IAAjD,iBAAiD;;IAAjD,sCAAiD;;IAAjD;AAAiD;;AAIjD;;IAAA;AAAa;;AAIb;;IAAA,sBAA+C;;IAA/C,iBAA+C;;IAA/C,oCAA+C;;IAA/C;AAA+C;;AAI/C;;IAAA,mBAAoC;;IAApC;AAAoC;;AAIpC;;IAAA,sCAAgC;;IAAhC;AAAgC;;AAIhC;;IAAA,wCAAkC;;IAAlC;AAAkC;;AAIlC;;IAAA,wCAAgC;;IAAhC;AAAgC;;AAIhC;;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 {\n @apply border-2 border-transparent rounded-xl p-2;\n}\n\n.anchorClassList:focus > span:before {\n @apply w-full;\n}\n\n.anchorClassList:focus {\n @apply border-2 border-secondary rounded-xl p-2;\n}\n\n.spanClassList {\n @apply text-center whitespace-nowrap;\n}\n\n.secondary {\n @apply text-secondary bg-primary;\n}\n\n.secondary > span:before {\n @apply text-secondary bg-secondary;\n}\n\n.primary {\n @apply text-primary bg-secondary;\n}\n\n.primary > span:before {\n @apply text-primary bg-primary;\n}\n"]}
|
|
@@ -4,7 +4,7 @@ import style from './style.module.css';
|
|
|
4
4
|
const Colours = () => {
|
|
5
5
|
return (React.createElement("div", { className: 'theme-local' },
|
|
6
6
|
React.createElement("h2", { className: 'pl-2 pt-4' }, "Defaults"),
|
|
7
|
-
React.createElement("div", { className: 'grid grid-cols-
|
|
7
|
+
React.createElement("div", { className: 'grid grid-cols-6 gap-6' },
|
|
8
8
|
React.createElement("div", { className: classNames(style.card, 'bg-primary') },
|
|
9
9
|
React.createElement("p", { className: style.text }, "Primary")),
|
|
10
10
|
React.createElement("div", { className: classNames(style.card, 'bg-secondary') },
|
|
@@ -40,7 +40,7 @@ const Colours = () => {
|
|
|
40
40
|
React.createElement("div", { className: classNames(style.card, 'bg-transparent') },
|
|
41
41
|
React.createElement("p", { className: style.text }, "Transparent"))),
|
|
42
42
|
React.createElement("h2", { className: 'pl-2 pt-4' }, "Feedback"),
|
|
43
|
-
React.createElement("div", { className: 'grid grid-cols-
|
|
43
|
+
React.createElement("div", { className: 'grid grid-cols-6 gap-6' },
|
|
44
44
|
React.createElement("div", { className: classNames(style.card, 'bg-success') },
|
|
45
45
|
React.createElement("p", { className: style.text }, "Success")),
|
|
46
46
|
React.createElement("div", { className: classNames(style.card, 'bg-error') },
|
|
@@ -56,7 +56,7 @@ const Colours = () => {
|
|
|
56
56
|
React.createElement("div", { className: classNames(style.card, 'bg-info-light') },
|
|
57
57
|
React.createElement("p", { className: style.text }, "Info Light"))),
|
|
58
58
|
React.createElement("h2", { className: 'pl-2 pt-4' }, "Socials"),
|
|
59
|
-
React.createElement("div", { className: 'grid grid-cols-
|
|
59
|
+
React.createElement("div", { className: 'grid grid-cols-6 gap-6' },
|
|
60
60
|
React.createElement("div", { className: classNames(style.card, 'bg-facebook') },
|
|
61
61
|
React.createElement("p", { className: style.text }, "Facebook")),
|
|
62
62
|
React.createElement("div", { className: classNames(style.card, 'bg-linkedin') },
|
|
@@ -72,7 +72,7 @@ const Colours = () => {
|
|
|
72
72
|
React.createElement("div", { className: classNames(style.card, 'bg-instagram') },
|
|
73
73
|
React.createElement("p", { className: style.text }, "Instagram"))),
|
|
74
74
|
React.createElement("h2", { className: 'pl-2 pt-4' }, "Interactive Socials"),
|
|
75
|
-
React.createElement("div", { className: 'grid grid-cols-
|
|
75
|
+
React.createElement("div", { className: 'grid grid-cols-6 gap-6' },
|
|
76
76
|
React.createElement("div", { className: classNames(style.card, 'bg-interactive-facebook') },
|
|
77
77
|
React.createElement("p", { className: style.text }, "Interactive Facebook")),
|
|
78
78
|
React.createElement("div", { className: classNames(style.card, 'bg-interactive-linkedin') },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Colours.js","sourceRoot":"","sources":["../../../../../src/lib/typography/Colours/Colours.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,oBAAoB,CAAA;AAEtC,MAAM,OAAO,GAAa,GAAgB,EAAE;IAC1C,OAAO,CACL,6BAAK,SAAS,EAAC,aAAa;QAC1B,4BAAI,SAAS,EAAC,WAAW,eAAc;QACvC,6BAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"Colours.js","sourceRoot":"","sources":["../../../../../src/lib/typography/Colours/Colours.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/lib/typography/Colours/style.module.css"],"names":[],"mappings":"AACE;;IAAA,
|
|
1
|
+
{"version":3,"sources":["../../../../../src/lib/typography/Colours/style.module.css"],"names":[],"mappings":"AACE;;IAAA,aAAuB;;IAAvB,YAAuB;;IAAvB;AAAuB;;AAIvB;;IAAA,YAAyB;;IAAzB;AAAyB","file":"style.module.css","sourcesContent":[".card {\n @apply border h-28 flex;\n}\n\n.text {\n @apply text-center m-auto;\n}\n"]}
|