@consumidor-positivo/aurora 0.0.165 → 0.0.167
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-footer{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer{padding-block:48px}}.au-footer__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer__container{padding:0 16px}}.au-footer__container{display:flex;flex-direction:column;gap:48px}.au-footer__content{display:flex;align-items:center;justify-content:space-between}@media (max-width: 600px){.au-footer__content{gap:32px;flex-direction:column}}.au-footer__content-logos{display:flex;gap:16px;align-items:center}@media (max-width: 1024px){.au-footer__content-logos{gap:32px;flex-direction:column}}.au-footer__content-divider{display:none}@media (min-width: 1024px){.au-footer__content-divider{display:block;width:1px;height:60px;background-color:#e2e4e9}}.au-footer__content-certificates{display:flex;flex-wrap:wrap;align-items:center;gap:16px}@media (max-width: 1024px){.au-footer__content-certificates{padding-top:32px;border-top:1px solid #e2e4e9}}@media (min-width: 1024px){.au-footer__content-certificates{margin-right:8px}}.au-footer__content-copyrights{max-width:385px;text-align:center}@media (min-width: 1024px){.au-footer__content-copyrights{text-align:right}}.au-footer__bottom{display:flex;align-items:center;justify-content:center;text-align:center}.au-footer-full{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer-full{padding-block:48px}}@media (min-width: 1024px){.au-footer-full{padding-block:64px}}.au-footer-full__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer-full__container{padding:0 16px}}.au-footer-full__container{gap:32px;display:flex;flex-direction:column}@media (min-width: 1024px){.au-footer-full__container{gap:48px}}.au-footer-full__logo{display:flex;align-items:center}.au-footer-full__links{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.au-footer-full__links{flex-direction:row;justify-content:space-between}}.au-footer-full__links--is-clickable{cursor:pointer}.au-footer-full__links--is-clickable:hover{
|
|
1
|
+
.au-footer{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer{padding-block:48px}}.au-footer__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer__container{padding:0 16px}}.au-footer__container{display:flex;flex-direction:column;gap:48px}.au-footer__content{display:flex;align-items:center;justify-content:space-between}@media (max-width: 600px){.au-footer__content{gap:32px;flex-direction:column}}.au-footer__content-logos{display:flex;gap:16px;align-items:center}@media (max-width: 1024px){.au-footer__content-logos{gap:32px;flex-direction:column}}.au-footer__content-divider{display:none}@media (min-width: 1024px){.au-footer__content-divider{display:block;width:1px;height:60px;background-color:#e2e4e9}}.au-footer__content-certificates{display:flex;flex-wrap:wrap;align-items:center;gap:16px}@media (max-width: 1024px){.au-footer__content-certificates{justify-content:center;padding-top:32px;border-top:1px solid #e2e4e9}}@media (min-width: 1024px){.au-footer__content-certificates{margin-right:8px}}.au-footer__content-copyrights{max-width:385px;text-align:center}@media (min-width: 1024px){.au-footer__content-copyrights{text-align:right}}.au-footer__bottom{display:flex;align-items:center;justify-content:center;text-align:center}.au-footer-full{background-color:#fff;border-top:1px solid #e2e4e9;padding-block:32px}@media (min-width: 600px){.au-footer-full{padding-block:48px}}@media (min-width: 1024px){.au-footer-full{padding-block:64px}}.au-footer-full__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-footer-full__container{padding:0 16px}}.au-footer-full__container{gap:32px;display:flex;flex-direction:column}@media (min-width: 1024px){.au-footer-full__container{gap:48px}}.au-footer-full__logo{display:flex;align-items:center}.au-footer-full__links{display:flex;flex-direction:column;gap:32px}@media (min-width: 1024px){.au-footer-full__links{flex-direction:row;justify-content:space-between}}.au-footer-full__links--is-clickable{cursor:pointer}.au-footer-full__links--is-clickable:hover .au-text{color:#16181d}.au-footer-full__links-category{max-width:272px;display:flex;flex-direction:column;gap:24px}@media (min-width: 1024px){.au-footer-full__links-category{gap:16px}}.au-footer-full__links-socials{display:flex;align-items:center;gap:16px}.au-footer-full__company-overview{padding-top:32px;border-top:1px solid #e2e4e9}@media (min-width: 1024px){.au-footer-full__company-overview{padding-top:48px}}.au-footer-full__bottom{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:32px}@media (min-width: 1024px){.au-footer-full__bottom{gap:48px;flex-direction:row;padding-top:48px;border-top:1px solid #e2e4e9}}.au-footer-full__bottom-certificates{display:flex;align-items:center;flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap;gap:32px 0px}@media (min-width: 1024px){.au-footer-full__bottom-certificates{justify-content:start;flex-wrap:nowrap;gap:32px}}.au-footer-full__bottom-side{display:flex;width:100%;flex-direction:column;align-items:center;border-top:1px solid #e2e4e9;text-align:center}@media (min-width: 1024px){.au-footer-full__bottom-side{border-top:0;text-align:right;align-items:flex-end}}.au-footer-full__stores{display:flex;gap:13px;flex-wrap:wrap;align-items:center}@media (min-width: 1024px){.au-footer-full__stores{gap:16px}}.au-footer-full__stores-title{text-align:left}@media (max-width: 600px){.au-footer-full__stores-title{width:100%}}.au-footer-full__stores-logo{cursor:pointer;max-width:129px}@media (max-width: 600px){.au-footer-full__stores-logo{flex:1}}@media (min-width: 1024px){.au-footer-full__stores-logo{width:117px}}.au-footer-full__stores-logo--is-clickable{cursor:pointer}.au-footer-full__stores-logo--is-clickable:hover{opacity:.6}.au-footer-full__copyrights{padding-top:32px}@media (min-width: 1024px){.au-footer-full__copyrights{padding-top:16px}}
|
|
@@ -5,7 +5,6 @@ import { IconMenu } from "../icons/IconMenu/index.es.js";
|
|
|
5
5
|
import { Conditional } from "../Conditional/index.es.js";
|
|
6
6
|
import { Text } from "../Text/index.es.js";
|
|
7
7
|
import { IconChevronDown } from "../icons/IconChevronDown/index.es.js";
|
|
8
|
-
import { IconChevronLeft } from "../icons/IconChevronLeft/index.es.js";
|
|
9
8
|
import { g as getInitialLetters } from "../../getInitialLetters-CV7onXcH.js";
|
|
10
9
|
import { IconBell } from "../icons/IconBell/index.es.js";
|
|
11
10
|
import './styles.css';const HeaderActions = ({ children, divider }) => {
|
|
@@ -66,54 +65,60 @@ const HeaderNavbarLink = (navItem) => {
|
|
|
66
65
|
}
|
|
67
66
|
}
|
|
68
67
|
return /* @__PURE__ */ jsxs(
|
|
69
|
-
|
|
68
|
+
"div",
|
|
70
69
|
{
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
href,
|
|
75
|
-
onClick: (ev) => handleItemClick(navItem, ev),
|
|
76
|
-
title: name,
|
|
77
|
-
className: classNames("au-header__navbar-link", {
|
|
78
|
-
"au-header__navbar-link--is-dropdown": dropdown,
|
|
79
|
-
"au-header__navbar-link--is-active": active
|
|
70
|
+
className: classNames("au-header__navbar-item", {
|
|
71
|
+
"au-header__navbar-item--is-dropdown": dropdown,
|
|
72
|
+
"au-header__navbar-item--is-active": active
|
|
80
73
|
}),
|
|
81
74
|
children: [
|
|
82
|
-
|
|
75
|
+
/* @__PURE__ */ jsxs(
|
|
76
|
+
Text,
|
|
77
|
+
{
|
|
78
|
+
as: isDropdown ? "div" : "a",
|
|
79
|
+
variant: "heading-micro",
|
|
80
|
+
weight: "light",
|
|
81
|
+
href,
|
|
82
|
+
onClick: (ev) => handleItemClick(navItem, ev),
|
|
83
|
+
title: name,
|
|
84
|
+
className: classNames("au-header__navbar-link", {
|
|
85
|
+
"au-header__navbar-link--is-dropdown": dropdown,
|
|
86
|
+
"au-header__navbar-link--is-active": active
|
|
87
|
+
}),
|
|
88
|
+
children: [
|
|
89
|
+
name,
|
|
90
|
+
/* @__PURE__ */ jsx(
|
|
91
|
+
Conditional,
|
|
92
|
+
{
|
|
93
|
+
condition: !!(dropdown == null ? void 0 : dropdown.length),
|
|
94
|
+
renderIf: /* @__PURE__ */ jsx(IconChevronDown, {})
|
|
95
|
+
}
|
|
96
|
+
)
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
),
|
|
83
100
|
/* @__PURE__ */ jsx(
|
|
84
101
|
Conditional,
|
|
85
102
|
{
|
|
86
103
|
condition: !!(dropdown == null ? void 0 : dropdown.length),
|
|
87
|
-
renderIf: /* @__PURE__ */
|
|
88
|
-
/* @__PURE__ */ jsx(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
Conditional,
|
|
106
|
-
{
|
|
107
|
-
condition: !!item.active,
|
|
108
|
-
renderIf: /* @__PURE__ */ jsx(IconChevronLeft, {})
|
|
109
|
-
}
|
|
110
|
-
)
|
|
111
|
-
]
|
|
112
|
-
},
|
|
113
|
-
item.name
|
|
114
|
-
);
|
|
115
|
-
}) })
|
|
116
|
-
] })
|
|
104
|
+
renderIf: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "au-header__dropdown", children: dropdown == null ? void 0 : dropdown.map((item) => {
|
|
105
|
+
return /* @__PURE__ */ jsx(
|
|
106
|
+
Text,
|
|
107
|
+
{
|
|
108
|
+
as: "a",
|
|
109
|
+
variant: "heading-micro",
|
|
110
|
+
href: item.href,
|
|
111
|
+
onClick: (ev) => handleItemClick(item, ev),
|
|
112
|
+
weight: "light",
|
|
113
|
+
className: classNames("au-header__dropdown-link", {
|
|
114
|
+
"au-header__dropdown-link--is-active": item.active
|
|
115
|
+
}),
|
|
116
|
+
title: item.name,
|
|
117
|
+
children: item.name
|
|
118
|
+
},
|
|
119
|
+
item.name
|
|
120
|
+
);
|
|
121
|
+
}) }) })
|
|
117
122
|
}
|
|
118
123
|
)
|
|
119
124
|
]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderBadges.tsx","../../../lib/components/Header/parts/HeaderButton.tsx","../../../lib/components/Header/parts/HeaderHamburger.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx","../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n divider?: boolean\n}\n\nexport const HeaderActions = ({ children, divider }: HeaderActionsProps) => {\n return (\n <div\n className={classNames('au-header__actions', {\n 'au-header__actions--divider': divider,\n })}>\n {children}\n </div>\n )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderBadges = ({ children }: HeaderBadgesProps) => {\n return <div className=\"au-header__badges\">{children}</div>\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderButtonProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n onClick: () => void\n}\n\nexport const HeaderButton = ({ children, onClick }: HeaderButtonProps) => {\n return (\n <div className=\"au-header__button\" onClick={onClick}>\n {children}\n </div>\n )\n}\n","import { IconMenu } from '@components/icons/default'\n\nexport type HeaderHamburgerProps = {\n onClick?: () => void\n}\n\nexport const HeaderHamburger = ({ onClick }: HeaderHamburgerProps) => {\n return (\n <div className=\"au-header__hamburger\">\n <div className=\"au-header__hamburger\" onClick={onClick}>\n <IconMenu />\n </div>\n </div>\n )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '@components/misc'\n\nexport type HeaderLogoProps = {\n children?: ReactNode | string | JSX.Element | JSX.Element[]\n renderMobile?: ReactNode | string | JSX.Element | JSX.Element[]\n renderDesktop?: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderLogo = ({\n children,\n renderMobile,\n renderDesktop,\n}: HeaderLogoProps) => {\n return (\n <div className=\"au-header__logo\">\n <Conditional\n condition={!!renderMobile}\n renderIf={<div className=\"au-header__logo--mobile\">{renderMobile}</div>}\n />\n <Conditional\n condition={!!renderDesktop}\n renderIf={\n <div className=\"au-header__logo--desktop\">{renderDesktop}</div>\n }\n />\n {children}\n </div>\n )\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n data: NavbarDataProps[]\n renderItem: (\n item: NavbarDataProps,\n ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n return (\n <nav role=\"navigation\" className=\"au-header__navbar\">\n {data?.map((item) => {\n return renderItem(item)\n })}\n </nav>\n )\n}\n","import classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { IconChevronDown, IconChevronLeft } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = (navItem: NavbarDataProps) => {\n const { name, dropdown, active, href } = navItem\n const isDropdown = !!dropdown && dropdown.length\n\n function handleItemClick(item: NavbarDataProps, ev: React.MouseEvent) {\n if (item.onClick) {\n ev.preventDefault()\n item.onClick()\n }\n }\n\n return (\n <Text\n as={isDropdown ? 'div' : 'a'}\n variant=\"heading-micro\"\n weight=\"light\"\n href={href}\n onClick={(ev) => handleItemClick(navItem, ev)}\n title={name}\n className={classNames('au-header__navbar-link', {\n 'au-header__navbar-link--is-dropdown': dropdown,\n 'au-header__navbar-link--is-active': active,\n })}>\n {name}\n\n <Conditional\n condition={!!dropdown?.length}\n renderIf={\n <>\n <IconChevronDown />\n <div className=\"au-header__dropdown\">\n {dropdown?.map((item) => {\n return (\n <Text\n key={item.name}\n as=\"a\"\n variant=\"heading-micro\"\n href={item.href}\n onClick={(ev) => handleItemClick(item, ev)}\n weight=\"light\"\n className={classNames('au-header__dropdown-link', {\n 'au-header__dropdown-link--is-active': item.active,\n })}\n title={item.name}>\n {item.name}\n <Conditional\n condition={!!item.active}\n renderIf={<IconChevronLeft />}\n />\n </Text>\n )\n })}\n </div>\n </>\n }\n />\n </Text>\n )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n return <div className=\"au-header__navigation\">{children}</div>\n}\n","import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { IconBell, IconChevronDown, IconMenu } from '@components/icons/default'\n\nexport type HeaderProfileProps = {\n onClickNotifications?: () => void\n onClickMenu?: () => void\n fullName: string\n}\n\nexport const HeaderProfile = ({\n onClickNotifications,\n onClickMenu,\n fullName,\n}: HeaderProfileProps) => {\n const initialLetters = getInitialLetters(fullName)\n return (\n <div className=\"au-header__profile\">\n <div\n className=\"au-header__profile-notifications\"\n onClick={onClickNotifications}>\n <IconBell />\n </div>\n\n <div className=\"au-header__profile-menu-mobile\" onClick={onClickMenu}>\n <IconMenu />\n </div>\n\n <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n <div className=\"au-header__profile-letters\">{initialLetters}</div>\n <IconChevronDown />\n </div>\n </div>\n )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n position?: 'static' | 'fixed'\n children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderWrap = ({\n children,\n position = 'static',\n}: HeaderWrapProps) => {\n return (\n <header\n role=\"banner\"\n className={classNames('au-header', {\n 'au-header--fixed': position === 'fixed',\n 'au-header--static': position === 'static',\n })}>\n <div className=\"au-header__container\">{children}</div>\n </header>\n )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\nimport { HeaderButton, HeaderButtonProps } from './parts/HeaderButton'\nimport { HeaderHamburger, HeaderHamburgerProps } from './parts/HeaderHamburger'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n HeaderNavigation,\n HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\n\ntype Components = {\n Actions: React.FC<HeaderActionsProps>\n Badges: React.FC<HeaderBadgesProps>\n Button: React.FC<HeaderButtonProps>\n Hamburger: React.FC<HeaderHamburgerProps>\n Logo: React.FC<HeaderLogoProps>\n Navbar: React.FC<HeaderNavbarProps>\n NavbarLink: React.FC<NavbarDataProps>\n Navigation: React.FC<HeaderNavigationProps>\n Profile: React.FC<HeaderProfileProps>\n Root: React.FC<HeaderWrapProps>\n}\n\nconst components: Components = {\n Actions: HeaderActions,\n Badges: HeaderBadges,\n Button: HeaderButton,\n Hamburger: HeaderHamburger,\n Logo: HeaderLogo,\n Navbar: HeaderNavbar,\n NavbarLink: HeaderNavbarLink,\n Navigation: HeaderNavigation,\n Profile: HeaderProfile,\n Root: Header,\n}\n\nObject.keys(components).forEach((key) => {\n const component = components[key as keyof Components]\n component.displayName = `Header.${key}`\n})\n\nexport { components as Header }\n"],"names":["Header"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderBadges.tsx","../../../lib/components/Header/parts/HeaderButton.tsx","../../../lib/components/Header/parts/HeaderHamburger.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderProfile.tsx","../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n divider?: boolean\n}\n\nexport const HeaderActions = ({ children, divider }: HeaderActionsProps) => {\n return (\n <div\n className={classNames('au-header__actions', {\n 'au-header__actions--divider': divider,\n })}>\n {children}\n </div>\n )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderBadges = ({ children }: HeaderBadgesProps) => {\n return <div className=\"au-header__badges\">{children}</div>\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderButtonProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n onClick: () => void\n}\n\nexport const HeaderButton = ({ children, onClick }: HeaderButtonProps) => {\n return (\n <div className=\"au-header__button\" onClick={onClick}>\n {children}\n </div>\n )\n}\n","import { IconMenu } from '@components/icons/default'\n\nexport type HeaderHamburgerProps = {\n onClick?: () => void\n}\n\nexport const HeaderHamburger = ({ onClick }: HeaderHamburgerProps) => {\n return (\n <div className=\"au-header__hamburger\">\n <div className=\"au-header__hamburger\" onClick={onClick}>\n <IconMenu />\n </div>\n </div>\n )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '@components/misc'\n\nexport type HeaderLogoProps = {\n children?: ReactNode | string | JSX.Element | JSX.Element[]\n renderMobile?: ReactNode | string | JSX.Element | JSX.Element[]\n renderDesktop?: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderLogo = ({\n children,\n renderMobile,\n renderDesktop,\n}: HeaderLogoProps) => {\n return (\n <div className=\"au-header__logo\">\n <Conditional\n condition={!!renderMobile}\n renderIf={<div className=\"au-header__logo--mobile\">{renderMobile}</div>}\n />\n <Conditional\n condition={!!renderDesktop}\n renderIf={\n <div className=\"au-header__logo--desktop\">{renderDesktop}</div>\n }\n />\n {children}\n </div>\n )\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\nexport type HeaderNavbarProps = {\n data: NavbarDataProps[]\n renderItem: (\n item: NavbarDataProps,\n ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n return (\n <nav role=\"navigation\" className=\"au-header__navbar\">\n {data?.map((item) => {\n return renderItem(item)\n })}\n </nav>\n )\n}\n","import classNames from 'classnames'\nimport { Text } from '@components/Text'\nimport { IconChevronDown } from '@components/icons/default'\nimport { Conditional } from '@components/misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = (navItem: NavbarDataProps) => {\n const { name, dropdown, active, href } = navItem\n const isDropdown = !!dropdown && dropdown.length\n\n function handleItemClick(item: NavbarDataProps, ev: React.MouseEvent) {\n if (item.onClick) {\n ev.preventDefault()\n item.onClick()\n }\n }\n\n return (\n <div\n className={classNames('au-header__navbar-item', {\n 'au-header__navbar-item--is-dropdown': dropdown,\n 'au-header__navbar-item--is-active': active,\n })}>\n <Text\n as={isDropdown ? 'div' : 'a'}\n variant=\"heading-micro\"\n weight=\"light\"\n href={href}\n onClick={(ev) => handleItemClick(navItem, ev)}\n title={name}\n className={classNames('au-header__navbar-link', {\n 'au-header__navbar-link--is-dropdown': dropdown,\n 'au-header__navbar-link--is-active': active,\n })}>\n {name}\n <Conditional\n condition={!!dropdown?.length}\n renderIf={<IconChevronDown />}\n />\n </Text>\n\n <Conditional\n condition={!!dropdown?.length}\n renderIf={\n <>\n <div className=\"au-header__dropdown\">\n {dropdown?.map((item) => {\n return (\n <Text\n key={item.name}\n as=\"a\"\n variant=\"heading-micro\"\n href={item.href}\n onClick={(ev) => handleItemClick(item, ev)}\n weight=\"light\"\n className={classNames('au-header__dropdown-link', {\n 'au-header__dropdown-link--is-active': item.active,\n })}\n title={item.name}>\n {item.name}\n </Text>\n )\n })}\n </div>\n </>\n }\n />\n </div>\n )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderNavigationProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n return <div className=\"au-header__navigation\">{children}</div>\n}\n","import { getInitialLetters } from '@core/utils/getInitialLetters'\nimport { IconBell, IconChevronDown, IconMenu } from '@components/icons/default'\n\nexport type HeaderProfileProps = {\n onClickNotifications?: () => void\n onClickMenu?: () => void\n fullName: string\n}\n\nexport const HeaderProfile = ({\n onClickNotifications,\n onClickMenu,\n fullName,\n}: HeaderProfileProps) => {\n const initialLetters = getInitialLetters(fullName)\n return (\n <div className=\"au-header__profile\">\n <div\n className=\"au-header__profile-notifications\"\n onClick={onClickNotifications}>\n <IconBell />\n </div>\n\n <div className=\"au-header__profile-menu-mobile\" onClick={onClickMenu}>\n <IconMenu />\n </div>\n\n <div className=\"au-header__profile-menu\" onClick={onClickMenu}>\n <div className=\"au-header__profile-letters\">{initialLetters}</div>\n <IconChevronDown />\n </div>\n </div>\n )\n}\n","import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n position?: 'static' | 'fixed'\n children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderWrap = ({\n children,\n position = 'static',\n}: HeaderWrapProps) => {\n return (\n <header\n role=\"banner\"\n className={classNames('au-header', {\n 'au-header--fixed': position === 'fixed',\n 'au-header--static': position === 'static',\n })}>\n <div className=\"au-header__container\">{children}</div>\n </header>\n )\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\nimport { HeaderButton, HeaderButtonProps } from './parts/HeaderButton'\nimport { HeaderHamburger, HeaderHamburgerProps } from './parts/HeaderHamburger'\nimport { HeaderLogo, HeaderLogoProps } from './parts/HeaderLogo'\nimport { HeaderNavbar, HeaderNavbarProps } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport {\n HeaderNavigation,\n HeaderNavigationProps,\n} from './parts/HeaderNavigation'\nimport { HeaderProfile, HeaderProfileProps } from './parts/HeaderProfile'\nimport { HeaderWrap as Header, HeaderWrapProps } from './parts/HeaderWrap'\nimport { NavbarDataProps } from './types'\n\nimport './styles.scss'\n\ntype Components = {\n Actions: React.FC<HeaderActionsProps>\n Badges: React.FC<HeaderBadgesProps>\n Button: React.FC<HeaderButtonProps>\n Hamburger: React.FC<HeaderHamburgerProps>\n Logo: React.FC<HeaderLogoProps>\n Navbar: React.FC<HeaderNavbarProps>\n NavbarLink: React.FC<NavbarDataProps>\n Navigation: React.FC<HeaderNavigationProps>\n Profile: React.FC<HeaderProfileProps>\n Root: React.FC<HeaderWrapProps>\n}\n\nconst components: Components = {\n Actions: HeaderActions,\n Badges: HeaderBadges,\n Button: HeaderButton,\n Hamburger: HeaderHamburger,\n Logo: HeaderLogo,\n Navbar: HeaderNavbar,\n NavbarLink: HeaderNavbarLink,\n Navigation: HeaderNavigation,\n Profile: HeaderProfile,\n Root: Header,\n}\n\nObject.keys(components).forEach((key) => {\n const component = components[key as keyof Components]\n component.displayName = `Header.${key}`\n})\n\nexport { components as Header }\n"],"names":["Header"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-header{height:80px;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header--fixed{position:fixed;top:0;left:0;width:100%;z-index:5}.au-header--static{position:relative}.au-header__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-header__container{padding:0 16px}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo--mobile{display:block}@media (min-width: 1024px){.au-header__logo--mobile{display:none}}.au-header__logo--desktop{display:none}@media (min-width: 1024px){.au-header__logo--desktop{display:block}}.au-header__link,.au-header__button{cursor:pointer}.au-header__badges{display:flex;align-items:center}.au-header__badges>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__badges>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__badges .au-logo{max-width:56px}.au-header__badges .au-logo img{width:100%}.au-header__navigation{height:100%;display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d;display:none}@media (min-width: 1024px){.au-header__navbar{display:flex;align-items:center;gap:24px}}.au-header__navbar-
|
|
1
|
+
.au-header{height:80px;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header--fixed{position:fixed;top:0;left:0;width:100%;z-index:5}.au-header--static{position:relative}.au-header__container{width:100%;max-width:1232px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-header__container{padding:0 16px}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.au-header__logo{display:flex;align-items:center}.au-header__logo .au-text{padding-left:16px;margin-left:16px;border-left:1px solid #e2e4e9}.au-header__logo--mobile{display:block}@media (min-width: 1024px){.au-header__logo--mobile{display:none}}.au-header__logo--desktop{display:none}@media (min-width: 1024px){.au-header__logo--desktop{display:block}}.au-header__link,.au-header__button{cursor:pointer}.au-header__badges{display:flex;align-items:center}.au-header__badges>*+*{padding-left:16px;margin-left:16px;position:relative}.au-header__badges>*+*:before{content:"";height:24px;width:1px;background-color:#e2e4e9;position:absolute;left:0;top:calc(50% - 12px)}.au-header__badges .au-logo{max-width:56px}.au-header__badges .au-logo img{width:100%}.au-header__navigation{height:100%;display:flex}.au-header__navigation>*+*{margin-left:24px}.au-header__navbar{color:#16181d;display:none}@media (min-width: 1024px){.au-header__navbar{display:flex;align-items:center;gap:24px}}.au-header__navbar-item{position:relative}.au-header__navbar-item--is-dropdown{height:calc(100% + 8px);align-self:flex-start;display:flex;align-items:center;justify-content:center;padding-bottom:8px;gap:8px}.au-header__navbar-item--is-dropdown .au-icon{transition:transform .25s ease}.au-header__navbar-item--is-dropdown:hover .au-icon,.au-header__navbar-item--is-dropdown:focus .au-icon{transform:rotate(-180deg)}.au-header__navbar-item--is-dropdown:hover .au-header__dropdown,.au-header__navbar-item--is-dropdown:focus .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.au-header__navbar-link{cursor:pointer;text-decoration:none}.au-header__navbar-link--is-dropdown{position:relative;display:flex;align-items:center;justify-content:center;gap:8px}.au-header__navbar-link--is-active,.au-header__navbar-link:hover,.au-header__navbar-link:focus{font-weight:700;letter-spacing:-.6px}.au-header__navbar-link:hover,.au-header__navbar-link:focus{color:#16181d}.au-header__navbar-link--is-active{color:#0048db}.au-header__navbar-link--is-active:hover,.au-header__navbar-link--is-active:focus{color:#0048db}.au-header__dropdown{background-color:#fff;border-radius:16px;border:1px solid #e2e4e9;box-shadow:0 2px 8px #a9b1c514,0 4px 4px #0048db0a;max-width:230px;min-width:230px;position:absolute;overflow:hidden;z-index:2;top:100%;width:100%;left:-8px;opacity:0;visibility:hidden;transition:opacity .25s ease-in-out,transform .2s linear,visibility .25s ease-in-out;transform:translateY(-8px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;text-decoration:none;justify-content:space-between}.au-header__dropdown-link--is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700;letter-spacing:-.6px}.au-header__dropdown-link--is-active{color:#0048db;background-color:#fafbff;border-top:1px solid #e2e4e9}.au-header__actions{display:flex;align-items:center;gap:8px;margin-block:16px}@media (min-width: 1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:16px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:24px}.au-header__profile-notifications{cursor:pointer}.au-header__profile-menu{display:none;align-items:center;gap:8px;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu{display:flex}}.au-header__profile-menu-mobile{display:block;cursor:pointer}@media (min-width: 1024px){.au-header__profile-menu-mobile{display:none}}.au-header__profile-letters{display:flex;align-items:center;justify-content:center;border-radius:50%;width:40px;height:40px;background-color:#9abcff;font-weight:500;font-family:Lexend Deca,sans-serif;color:#16181d;font-size:16px;text-transform:uppercase}.au-header__hamburger{cursor:pointer}@media (min-width: 1024px){.au-header__hamburger{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link
|
|
1
|
+
@charset "UTF-8";.au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative;overflow-y:scroll}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;text-decoration:none;border-bottom:1px solid #e2e4e9}@media (min-width: 600px){.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}}.au-navbar-vertical__link--is-active,.au-navbar-vertical__link--is-open{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__link--is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__toggle{margin-left:auto}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0;text-decoration:none}.au-navbar-vertical__dropdown-link:before{content:"•";font-weight:700;margin-inline:10px}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link--is-active,.au-navbar-vertical__dropdown-link--is-open{color:#0048db;font-weight:700}.au-navbar-vertical__alert{display:flex;gap:8px;align-items:flex-start;flex-direction:column;padding:24px 24px 0}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:fixed;bottom:0;left:0;width:100%;background-color:#fff}.au-navbar-vertical__actions>*{flex-grow:1}@media (min-width: 600px){.au-navbar-vertical__actions{position:absolute}}
|