@consumidor-positivo/aurora 0.0.11 → 0.0.13
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/IconChevronDown-BJEq9Qlz.cjs +2 -0
- package/dist/IconChevronDown-BJEq9Qlz.cjs.map +1 -0
- package/dist/IconChevronDown-LKLlTSau.js +33 -0
- package/dist/IconChevronDown-LKLlTSau.js.map +1 -0
- package/dist/IconChevronUp--WhWeQrm.js +33 -0
- package/dist/IconChevronUp--WhWeQrm.js.map +1 -0
- package/dist/IconChevronUp-n6YCgc_K.cjs +2 -0
- package/dist/IconChevronUp-n6YCgc_K.cjs.map +1 -0
- package/dist/{IconChevronDown-HbOwUDw5.js → IconMenu-BQ0cIqwI.js} +18 -6
- package/dist/IconMenu-BQ0cIqwI.js.map +1 -0
- package/dist/{IconChevronDown-sEGWmwfL.cjs → IconMenu-FVdQl9jm.cjs} +2 -2
- package/dist/IconMenu-FVdQl9jm.cjs.map +1 -0
- package/dist/IconX-DrZE4iYc.cjs +2 -0
- package/dist/IconX-DrZE4iYc.cjs.map +1 -0
- package/dist/IconX-V_l5Ne0d.js +33 -0
- package/dist/IconX-V_l5Ne0d.js.map +1 -0
- package/dist/components/Button/styles.css +1 -1
- package/dist/components/Drawer/Drawer.stories.d.ts +9 -0
- package/dist/components/Drawer/hooks.d.ts +4 -0
- package/dist/components/Drawer/index.cjs.js +2 -0
- package/dist/components/Drawer/index.cjs.js.map +1 -0
- package/dist/components/Drawer/index.d.ts +10 -0
- package/dist/components/Drawer/index.es.js +30 -0
- package/dist/components/Drawer/index.es.js.map +1 -0
- package/dist/components/Drawer/styles.css +1 -0
- package/dist/components/Header/index.cjs.js +1 -1
- package/dist/components/Header/index.cjs.js.map +1 -1
- package/dist/components/Header/index.d.ts +23 -18
- package/dist/components/Header/index.es.js +92 -25
- package/dist/components/Header/index.es.js.map +1 -1
- package/dist/components/Header/parts/HeaderActions.d.ts +7 -0
- package/dist/components/Header/parts/HeaderActions.stories.d.ts +9 -0
- package/dist/components/Header/parts/HeaderBadges.d.ts +6 -0
- package/dist/components/Header/parts/HeaderButton.d.ts +7 -0
- package/dist/components/Header/parts/HeaderDrawer.stories.d.ts +7 -0
- package/dist/components/Header/parts/HeaderLink.d.ts +7 -0
- package/dist/components/Header/parts/HeaderLogo.d.ts +5 -4
- package/dist/components/Header/parts/HeaderLogo.stories.d.ts +7 -0
- package/dist/components/Header/parts/HeaderNavIntern.stories.d.ts +10 -0
- package/dist/components/Header/parts/HeaderNavbar.d.ts +1 -2
- package/dist/components/Header/parts/HeaderNavbar.stories.d.ts +7 -0
- package/dist/components/Header/parts/HeaderNavbarLink.d.ts +1 -1
- package/dist/components/Header/parts/HeaderNavigation.d.ts +1 -2
- package/dist/components/Header/parts/HeaderProfile.d.ts +5 -0
- package/dist/components/Header/parts/HeaderWrap.d.ts +1 -2
- package/dist/components/Header/styles.css +1 -1
- package/dist/components/Header/types.d.ts +1 -0
- package/dist/components/IsMobile/index.cjs.js +2 -0
- package/dist/components/IsMobile/index.cjs.js.map +1 -0
- package/dist/components/IsMobile/index.d.ts +8 -0
- package/dist/components/IsMobile/index.es.js +21 -0
- package/dist/components/IsMobile/index.es.js.map +1 -0
- package/dist/components/Logo/Logo.d.ts +7 -0
- package/dist/components/Logo/ac/Badget.d.ts +1 -0
- package/dist/components/Logo/ac/Logo.stories.d.ts +1 -0
- package/dist/components/Logo/cp/Badget.d.ts +1 -0
- package/dist/components/Logo/cp/Logo.stories.d.ts +1 -0
- package/dist/components/Logo/index.cjs.js +1 -1
- package/dist/components/Logo/index.cjs.js.map +1 -1
- package/dist/components/Logo/index.d.ts +9 -7
- package/dist/components/Logo/index.es.js +192 -124
- package/dist/components/Logo/index.es.js.map +1 -1
- package/dist/components/Logo/styles.css +1 -0
- package/dist/components/NavbarVertical/NavbarVertical.stories.d.ts +8 -0
- package/dist/components/NavbarVertical/index.cjs.js +2 -0
- package/dist/components/NavbarVertical/index.cjs.js.map +1 -0
- package/dist/components/NavbarVertical/index.d.ts +19 -0
- package/dist/components/NavbarVertical/index.es.js +85 -0
- package/dist/components/NavbarVertical/index.es.js.map +1 -0
- package/dist/components/NavbarVertical/styles.css +1 -0
- package/dist/components/ProfileNav/index.cjs.js +2 -0
- package/dist/components/ProfileNav/index.cjs.js.map +1 -0
- package/dist/components/ProfileNav/index.d.ts +6 -0
- package/dist/components/ProfileNav/index.es.js +18 -0
- package/dist/components/ProfileNav/index.es.js.map +1 -0
- package/dist/components/ProfileNav/styles.css +1 -0
- package/dist/components/Text/Text.stories.d.ts +1 -0
- package/dist/components/Text/index.cjs.js +1 -1
- package/dist/components/Text/index.cjs.js.map +1 -1
- package/dist/components/Text/index.es.js +2 -2
- package/dist/components/Text/index.es.js.map +1 -1
- package/dist/components/Text/styles.css +1 -1
- package/dist/components/Text/types.d.ts +1 -1
- package/dist/components/icons/default/index.d.ts +184 -178
- package/dist/components/icons/default/index.default.stories.d.ts +184 -178
- package/dist/components/icons/index.cjs.js +1 -1
- package/dist/components/icons/index.d.ts +0 -1
- package/dist/components/icons/index.es.js +3 -4
- package/dist/core/utils/isClient.d.ts +1 -0
- package/dist/core/utils/isMobile.d.ts +1 -0
- package/dist/index-BSpLEaK5.cjs +2 -0
- package/dist/index-BSpLEaK5.cjs.map +1 -0
- package/dist/{index-DUFPL8kH.js → index-DIN6Mew7.js} +853 -839
- package/dist/index-DIN6Mew7.js.map +1 -0
- package/dist/main.cjs.js +1 -1
- package/dist/main.d.ts +6 -0
- package/dist/main.es.js +13 -1
- package/dist/main.es.js.map +1 -1
- package/package.json +1 -1
- package/dist/IconChevronDown-HbOwUDw5.js.map +0 -1
- package/dist/IconChevronDown-sEGWmwfL.cjs.map +0 -1
- package/dist/components/Header/Header.stories.d.ts +0 -15
- package/dist/components/Header/parts/HeaderNavbarActions.d.ts +0 -6
- package/dist/components/icons/colorful/IconColorfulPositive.d.ts +0 -1
- package/dist/components/icons/colorful/IconColorfulWarning.d.ts +0 -1
- package/dist/components/icons/colorful/index.colorful.stories.d.ts +0 -7
- package/dist/components/icons/colorful/index.d.ts +0 -1
- package/dist/index-DUFPL8kH.js.map +0 -1
- package/dist/index-xuYOAHrj.cjs +0 -2
- package/dist/index-xuYOAHrj.cjs.map +0 -1
|
@@ -1,17 +1,49 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { c as classNames } from "../../index-CweZ_OcN.js";
|
|
3
|
+
import { C as Conditional } from "../../index-CeZZT_W9.js";
|
|
3
4
|
import { Text } from "../Text/index.es.js";
|
|
4
5
|
import "../../Icon-BvEdGGJ8.js";
|
|
5
|
-
import { I as IconChevronDown
|
|
6
|
-
import {
|
|
7
|
-
import './styles.css';const
|
|
8
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
+
import { I as IconChevronDown } from "../../IconChevronDown-LKLlTSau.js";
|
|
7
|
+
import { I as IconChevronLeft, a as IconBell, b as IconMenu } from "../../IconMenu-BQ0cIqwI.js";
|
|
8
|
+
import './styles.css';const HeaderActions = ({ children, divider }) => {
|
|
9
|
+
return /* @__PURE__ */ jsx(
|
|
10
|
+
"div",
|
|
11
|
+
{
|
|
12
|
+
className: classNames("au-header__actions", {
|
|
13
|
+
"au-header__actions--divider": divider
|
|
14
|
+
}),
|
|
15
|
+
children
|
|
16
|
+
}
|
|
17
|
+
);
|
|
9
18
|
};
|
|
10
|
-
const
|
|
11
|
-
return /* @__PURE__ */ jsx("div", { className: "au-
|
|
19
|
+
const HeaderButton = ({ children, onClick }) => {
|
|
20
|
+
return /* @__PURE__ */ jsx("div", { className: "au-header__button", onClick, children });
|
|
12
21
|
};
|
|
13
|
-
const
|
|
14
|
-
return /* @__PURE__ */ jsx("
|
|
22
|
+
const HeaderLink = ({ children, onClick }) => {
|
|
23
|
+
return /* @__PURE__ */ jsx("div", { className: "au-header__link", onClick, children });
|
|
24
|
+
};
|
|
25
|
+
const HeaderLogo = ({
|
|
26
|
+
children,
|
|
27
|
+
renderMobile,
|
|
28
|
+
renderDesktop
|
|
29
|
+
}) => {
|
|
30
|
+
return /* @__PURE__ */ jsxs("div", { className: "au-header__logo", children: [
|
|
31
|
+
/* @__PURE__ */ jsx(
|
|
32
|
+
Conditional,
|
|
33
|
+
{
|
|
34
|
+
condition: !!renderMobile,
|
|
35
|
+
renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--mobile", children: renderMobile && renderMobile() })
|
|
36
|
+
}
|
|
37
|
+
),
|
|
38
|
+
/* @__PURE__ */ jsx(
|
|
39
|
+
Conditional,
|
|
40
|
+
{
|
|
41
|
+
condition: !!renderDesktop,
|
|
42
|
+
renderIf: /* @__PURE__ */ jsx("div", { className: "au-header__logo--desktop", children: renderDesktop && renderDesktop() })
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
children
|
|
46
|
+
] });
|
|
15
47
|
};
|
|
16
48
|
const HeaderNavbar = ({ data, renderItem }) => {
|
|
17
49
|
return /* @__PURE__ */ jsx("nav", { className: "au-header__navbar", children: data.map((item) => {
|
|
@@ -21,17 +53,20 @@ const HeaderNavbar = ({ data, renderItem }) => {
|
|
|
21
53
|
const HeaderNavbarLink = ({
|
|
22
54
|
name,
|
|
23
55
|
onClick,
|
|
24
|
-
dropdown
|
|
56
|
+
dropdown,
|
|
57
|
+
active
|
|
25
58
|
}) => {
|
|
26
59
|
return /* @__PURE__ */ jsxs(
|
|
27
60
|
Text,
|
|
28
61
|
{
|
|
29
62
|
as: "a",
|
|
30
|
-
variant: "
|
|
63
|
+
variant: "heading-micro",
|
|
31
64
|
weight: "light",
|
|
32
65
|
onClick,
|
|
66
|
+
title: name,
|
|
33
67
|
className: classNames("au-header__navbar-link", {
|
|
34
|
-
"is-dropdown": dropdown
|
|
68
|
+
"is-dropdown": dropdown,
|
|
69
|
+
"is-active": active
|
|
35
70
|
}),
|
|
36
71
|
children: [
|
|
37
72
|
name,
|
|
@@ -42,15 +77,28 @@ const HeaderNavbarLink = ({
|
|
|
42
77
|
renderIf: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
43
78
|
/* @__PURE__ */ jsx(IconChevronDown, {}),
|
|
44
79
|
/* @__PURE__ */ jsx("div", { className: "au-header__dropdown", children: dropdown == null ? void 0 : dropdown.map((item) => {
|
|
45
|
-
return /* @__PURE__ */
|
|
80
|
+
return /* @__PURE__ */ jsxs(
|
|
46
81
|
Text,
|
|
47
82
|
{
|
|
48
83
|
as: "a",
|
|
49
|
-
variant: "
|
|
84
|
+
variant: "heading-micro",
|
|
50
85
|
weight: "light",
|
|
51
|
-
className: "au-header__dropdown-link",
|
|
52
|
-
|
|
53
|
-
|
|
86
|
+
className: classNames("au-header__dropdown-link", {
|
|
87
|
+
"is-active": item.active
|
|
88
|
+
}),
|
|
89
|
+
title: item.name,
|
|
90
|
+
children: [
|
|
91
|
+
item.name,
|
|
92
|
+
/* @__PURE__ */ jsx(
|
|
93
|
+
Conditional,
|
|
94
|
+
{
|
|
95
|
+
condition: !!item.active,
|
|
96
|
+
renderIf: /* @__PURE__ */ jsx(IconChevronLeft, {})
|
|
97
|
+
}
|
|
98
|
+
)
|
|
99
|
+
]
|
|
100
|
+
},
|
|
101
|
+
item.name
|
|
54
102
|
);
|
|
55
103
|
}) })
|
|
56
104
|
] })
|
|
@@ -60,34 +108,53 @@ const HeaderNavbarLink = ({
|
|
|
60
108
|
}
|
|
61
109
|
);
|
|
62
110
|
};
|
|
63
|
-
const
|
|
111
|
+
const HeaderNavigation = ({ children }) => {
|
|
112
|
+
return /* @__PURE__ */ jsx("nav", { className: "au-header__navigation", children });
|
|
113
|
+
};
|
|
114
|
+
const HeaderProfile = ({
|
|
64
115
|
onClickNotifications,
|
|
65
116
|
onClickMenu
|
|
66
117
|
}) => {
|
|
67
|
-
return /* @__PURE__ */ jsxs("div", { className: "au-
|
|
118
|
+
return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", children: [
|
|
68
119
|
/* @__PURE__ */ jsx(
|
|
69
120
|
"div",
|
|
70
121
|
{
|
|
71
|
-
className: "au-
|
|
122
|
+
className: "au-header__profile-notifications",
|
|
72
123
|
onClick: onClickNotifications,
|
|
73
124
|
children: /* @__PURE__ */ jsx(IconBell, {})
|
|
74
125
|
}
|
|
75
126
|
),
|
|
76
|
-
/* @__PURE__ */
|
|
77
|
-
|
|
127
|
+
/* @__PURE__ */ jsx("div", { className: "au-header__profile-menu-mobile", onClick: onClickMenu, children: /* @__PURE__ */ jsx(IconMenu, {}) }),
|
|
128
|
+
/* @__PURE__ */ jsxs("div", { className: "au-header__profile-menu", onClick: onClickMenu, children: [
|
|
129
|
+
/* @__PURE__ */ jsx("div", { className: "au-header__profile-letters", children: "FS" }),
|
|
78
130
|
/* @__PURE__ */ jsx(IconChevronDown, {})
|
|
79
131
|
] })
|
|
80
132
|
] });
|
|
81
133
|
};
|
|
82
|
-
const
|
|
134
|
+
const HeaderWrap = ({ children }) => {
|
|
135
|
+
return /* @__PURE__ */ jsx("header", { className: "au-header", children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children }) });
|
|
136
|
+
};
|
|
137
|
+
const HeaderBadges = ({ children }) => {
|
|
138
|
+
return /* @__PURE__ */ jsx("div", { className: "au-header__badges", children });
|
|
139
|
+
};
|
|
140
|
+
const components = {
|
|
141
|
+
Root: HeaderWrap,
|
|
142
|
+
Actions: HeaderActions,
|
|
143
|
+
Badges: HeaderBadges,
|
|
144
|
+
Button: HeaderButton,
|
|
145
|
+
Link: HeaderLink,
|
|
83
146
|
Logo: HeaderLogo,
|
|
84
|
-
Navigation: HeaderNavigation,
|
|
85
147
|
Navbar: HeaderNavbar,
|
|
86
148
|
NavbarLink: HeaderNavbarLink,
|
|
87
|
-
|
|
149
|
+
Navigation: HeaderNavigation,
|
|
150
|
+
Profile: HeaderProfile
|
|
88
151
|
};
|
|
152
|
+
Object.keys(components).forEach((key) => {
|
|
153
|
+
const component = components[key];
|
|
154
|
+
component.displayName = `Header.${key}`;
|
|
155
|
+
});
|
|
89
156
|
export {
|
|
90
157
|
HeaderWrap as Header,
|
|
91
|
-
|
|
158
|
+
components as default
|
|
92
159
|
};
|
|
93
160
|
//# sourceMappingURL=index.es.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderWrap.tsx","../../../lib/components/Header/parts/HeaderLogo.tsx","../../../lib/components/Header/parts/HeaderNavigation.tsx","../../../lib/components/Header/parts/HeaderNavbar.tsx","../../../lib/components/Header/parts/HeaderNavbarLink.tsx","../../../lib/components/Header/parts/HeaderNavbarActions.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\n\ntype HeaderWrapProps = {\n children: ReactNode\n}\n\nexport const HeaderWrap = ({ children }: HeaderWrapProps) => {\n return (\n <header className=\"au-header\">\n <div className=\"au-header__container\">{children}</div>\n </header>\n )\n}\n","import { ReactNode } from 'react'\n\ntype HeaderLogoProps = {\n children: ReactNode\n}\n\nexport const HeaderLogo = ({ children }: HeaderLogoProps) => {\n return <div className=\"au-header__logo\">{children}</div>\n}\n","import { ReactNode } from 'react'\n\ntype HeaderNavigationProps = {\n children: ReactNode\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n return <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { ReactNode } from 'react'\nimport { NavbarDataProps } from '../types'\n\ntype HeaderNavbarProps = {\n data: NavbarDataProps[]\n renderItem: (item: NavbarDataProps) => ReactNode\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n return (\n <nav 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 '../../Text'\nimport { IconChevronDown } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n name,\n onClick,\n dropdown,\n}: NavbarDataProps) => {\n return (\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"light\"\n onClick={onClick}\n className={classNames('au-header__navbar-link', {\n 'is-dropdown': dropdown,\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 as=\"a\"\n variant=\"body-medium\"\n weight=\"light\"\n className=\"au-header__dropdown-link\">\n {item.name}\n </Text>\n )\n })}\n </div>\n </>\n }\n />\n </Text>\n )\n}\n","import { IconBell, IconChevronDown } from '../../icons/default'\n\ntype HeaderNavbarActionsProps = {\n onClickNotifications?: () => void\n onClickMenu?: () => void\n}\n\nexport const HeaderNavbarActions = ({\n onClickNotifications,\n onClickMenu,\n}: HeaderNavbarActionsProps) => {\n return (\n <div className=\"au-header__navbar-actions\">\n <div\n className=\"au-header__navbar-notifications\"\n onClick={onClickNotifications}>\n <IconBell />\n </div>\n\n <div className=\"au-header__navbar-menu\" onClick={onClickMenu}>\n <div className=\"au-header__navbar-letters\">FS</div>\n <IconChevronDown />\n </div>\n </div>\n )\n}\n","import { HeaderWrap as Header } from './parts/HeaderWrap'\nimport { HeaderLogo } from './parts/HeaderLogo'\nimport { HeaderNavigation } from './parts/HeaderNavigation'\nimport { HeaderNavbar } from './parts/HeaderNavbar'\nimport { HeaderNavbarLink } from './parts/HeaderNavbarLink'\nimport { HeaderNavbarActions } from './parts/HeaderNavbarActions'\n\nimport './styles.scss'\n\nexport default {\n Logo: HeaderLogo,\n Navigation: HeaderNavigation,\n Navbar: HeaderNavbar,\n NavbarLink: HeaderNavbarLink,\n NavbarActions: HeaderNavbarActions,\n}\n\nexport { Header }\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,aAAa,CAAC,EAAE,eAAgC;AAEzD,SAAA,oBAAC,YAAO,WAAU,aAChB,8BAAC,OAAI,EAAA,WAAU,wBAAwB,SAAS,CAAA,EAClD,CAAA;AAEJ;ACNO,MAAM,aAAa,CAAC,EAAE,eAAgC;AAC3D,SAAQ,oBAAA,OAAA,EAAI,WAAU,mBAAmB,SAAS,CAAA;AACpD;ACFO,MAAM,mBAAmB,CAAC,EAAE,eAAsC;AACvE,SAAQ,oBAAA,OAAA,EAAI,WAAU,yBAAyB,SAAS,CAAA;AAC1D;ACAO,MAAM,eAAe,CAAC,EAAE,MAAM,iBAAoC;AACvE,6BACG,OAAI,EAAA,WAAU,qBACZ,UAAK,KAAA,IAAI,CAAC,SAAS;AAClB,WAAO,WAAW,IAAI;AAAA,EACvB,CAAA,EACH,CAAA;AAEJ;ACVO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AAEnB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAQ;AAAA,MACR,QAAO;AAAA,MACP;AAAA,MACA,WAAW,WAAW,0BAA0B;AAAA,QAC9C,eAAe;AAAA,MAAA,CAChB;AAAA,MACA,UAAA;AAAA,QAAA;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAA,oBAAC,iBAAgB,EAAA;AAAA,kCAChB,OAAI,EAAA,WAAU,uBACZ,UAAU,qCAAA,IAAI,CAAC,SAAS;AAErB,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,IAAG;AAAA,oBACH,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAU;AAAA,oBACT,UAAK,KAAA;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAGX,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;ACtCO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AACF,MAAgC;AAE5B,SAAA,qBAAC,OAAI,EAAA,WAAU,6BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,8BAAC,UAAS,EAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IAEC,qBAAA,OAAA,EAAI,WAAU,0BAAyB,SAAS,aAC/C,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,6BAA4B,UAAE,MAAA;AAAA,0BAC5C,iBAAgB,EAAA;AAAA,IAAA,GACnB;AAAA,EACF,EAAA,CAAA;AAEJ;AChBA,MAAe,QAAA;AAAA,EACb,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB;"}
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/Header/parts/HeaderActions.tsx","../../../lib/components/Header/parts/HeaderButton.tsx","../../../lib/components/Header/parts/HeaderLink.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/parts/HeaderBadges.tsx","../../../lib/components/Header/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderActionsProps = {\n children: ReactNode\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 HeaderButtonProps = {\n children: ReactNode\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 { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n children: ReactNode\n onClick: () => void\n}\n\nexport const HeaderLink = ({ children, onClick }: HeaderLinkProps) => {\n return (\n <div className=\"au-header__link\" onClick={onClick}>\n {children}\n </div>\n )\n}\n","import { ReactNode } from 'react'\nimport { Conditional } from '../../misc'\n\nexport type HeaderLogoProps = {\n children?: ReactNode\n renderMobile?: () => ReactNode\n renderDesktop?: () => ReactNode\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={\n <div className=\"au-header__logo--mobile\">\n {renderMobile && renderMobile()}\n </div>\n }\n />\n <Conditional\n condition={!!renderDesktop}\n renderIf={\n <div className=\"au-header__logo--desktop\">\n {renderDesktop && renderDesktop()}\n </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: (item: NavbarDataProps) => ReactNode\n}\n\nexport const HeaderNavbar = ({ data, renderItem }: HeaderNavbarProps) => {\n return (\n <nav 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 '../../Text'\nimport { IconChevronDown, IconChevronLeft } from '../../icons/default'\nimport { Conditional } from '../../misc'\nimport { NavbarDataProps } from '../types'\n\nexport const HeaderNavbarLink = ({\n name,\n onClick,\n dropdown,\n active,\n}: NavbarDataProps) => {\n return (\n <Text\n as=\"a\"\n variant=\"heading-micro\"\n weight=\"light\"\n onClick={onClick}\n title={name}\n className={classNames('au-header__navbar-link', {\n 'is-dropdown': dropdown,\n '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 weight=\"light\"\n className={classNames('au-header__dropdown-link', {\n '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\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n return <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { IconBell, IconChevronDown, IconMenu } from '../../icons/default'\n\nexport type HeaderProfileProps = {\n onClickNotifications?: () => void\n onClickMenu?: () => void\n}\n\nexport const HeaderProfile = ({\n onClickNotifications,\n onClickMenu,\n}: HeaderProfileProps) => {\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\">FS</div>\n <IconChevronDown />\n </div>\n </div>\n )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n children: ReactNode\n}\n\nexport const HeaderWrap = ({ children }: HeaderWrapProps) => {\n return (\n <header className=\"au-header\">\n <div className=\"au-header__container\">{children}</div>\n </header>\n )\n}\n","import { ReactNode } from 'react'\n\nexport type HeaderBadgesProps = {\n children: ReactNode\n}\n\nexport const HeaderBadges = ({ children }: HeaderBadgesProps) => {\n return <div className=\"au-header__badges\">{children}</div>\n}\n","import { HeaderActions, HeaderActionsProps } from './parts/HeaderActions'\nimport { HeaderButton, HeaderButtonProps } from './parts/HeaderButton'\nimport { HeaderLink, HeaderLinkProps } from './parts/HeaderLink'\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'\nimport { HeaderBadges, HeaderBadgesProps } from './parts/HeaderBadges'\n\ntype Components = {\n Root: React.FC<HeaderWrapProps>\n Actions: React.FC<HeaderActionsProps>\n Badges: React.FC<HeaderBadgesProps>\n Button: React.FC<HeaderButtonProps>\n Link: React.FC<HeaderLinkProps>\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}\n\nconst components: Components = {\n Root: Header,\n Actions: HeaderActions,\n Badges: HeaderBadges,\n Button: HeaderButton,\n Link: HeaderLink,\n Logo: HeaderLogo,\n Navbar: HeaderNavbar,\n NavbarLink: HeaderNavbarLink,\n Navigation: HeaderNavigation,\n Profile: HeaderProfile,\n}\n\nObject.keys(components).forEach((key) => {\n const component = components[key as keyof Components]\n component.displayName = `Header.${key}`\n})\n\nexport default components\nexport { Header }\n"],"names":["Header"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Header } from '../index';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof Header.Actions>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof Header.Actions>;
|
|
7
|
+
export declare const ActionButton: Story;
|
|
8
|
+
export declare const ActionDeskDivider: Story;
|
|
9
|
+
export declare const ActionProfiler: Story;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
type HeaderLogoProps = {
|
|
4
|
-
children
|
|
3
|
+
export type HeaderLogoProps = {
|
|
4
|
+
children?: ReactNode;
|
|
5
|
+
renderMobile?: () => ReactNode;
|
|
6
|
+
renderDesktop?: () => ReactNode;
|
|
5
7
|
};
|
|
6
|
-
export declare const HeaderLogo: ({ children }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
8
|
+
export declare const HeaderLogo: ({ children, renderMobile, renderDesktop, }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { default as Header } from '../index';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof Header.Root>;
|
|
5
|
+
export default meta;
|
|
6
|
+
type Story = StoryObj<typeof Header.Root>;
|
|
7
|
+
export declare const BackButton: Story;
|
|
8
|
+
export declare const BackAndClose: Story;
|
|
9
|
+
export declare const BackAndBadges: Story;
|
|
10
|
+
export declare const BackCloseBadges: Story;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { NavbarDataProps } from '../types';
|
|
3
3
|
|
|
4
|
-
type HeaderNavbarProps = {
|
|
4
|
+
export type HeaderNavbarProps = {
|
|
5
5
|
data: NavbarDataProps[];
|
|
6
6
|
renderItem: (item: NavbarDataProps) => ReactNode;
|
|
7
7
|
};
|
|
8
8
|
export declare const HeaderNavbar: ({ data, renderItem }: HeaderNavbarProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { NavbarDataProps } from '../types';
|
|
2
2
|
|
|
3
|
-
export declare const HeaderNavbarLink: ({ name, onClick, dropdown, }: NavbarDataProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare const HeaderNavbarLink: ({ name, onClick, dropdown, active, }: NavbarDataProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
-
type HeaderNavigationProps = {
|
|
3
|
+
export type HeaderNavigationProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
};
|
|
6
6
|
export declare const HeaderNavigation: ({ children }: HeaderNavigationProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-header{height:80px;padding:16px 0;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header__container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width: 1024px){.au-header__container{padding:0}}.au-header__container{height:100%;display:flex;justify-content:space-between;align-items:center}.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-
|
|
1
|
+
.au-header{height:80px;padding:16px 0;border-bottom:1px solid #e2e4e9;background-color:#fff}.au-header__container{width:100%;max-width:1240px;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{cursor:pointer}.au-header__button{padding:4px;cursor:pointer}.au-header__badges{display:flex;align-items:center;padding:0 16px}.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__navigation{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 .au-text{color:#16181d}.au-header__navbar-link{cursor:pointer}.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;color:#0048db;letter-spacing:-.6px}.au-header__navbar-link.is-dropdown>.au-icon{transition:transform .3s ease}.au-header__navbar-link.is-dropdown:hover>.au-icon,.au-header__navbar-link.is-dropdown:focus>.au-icon{transform:rotate(-180deg)}.is-dropdown .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;top:100%;width:100%;left:0;opacity:.2;visibility:hidden;transition:opacity .3s ease,transform .2s linear,visibility .3s ease;transform:translateY(20px)}.is-dropdown:hover .au-header__dropdown,.is-dropdown:focus .au-header__dropdown{opacity:1;visibility:visible;transform:translateY(10px)}.au-header__dropdown-link{display:inline-block;padding:16px 24px;width:100%;display:flex;justify-content:space-between}.au-header__dropdown-link.is-active,.au-header__dropdown-link:hover,.au-header__dropdown-link:focus{font-weight:700}.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:16px}@media (min-width: 1024px){.au-header__actions--divider{border-left:1px solid #e2e4e9;padding-left:24px;margin-left:24px}}.au-header__profile{display:flex;align-items:center;gap:32px}.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 Variable,Lexend Deca,sans-serif;color:#16181d;font-size:16px}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../index-BK77G4Uk.cjs");function r(){if("undefined"!=typeof window&&window.document&&window.document.createElement)return!!window.matchMedia("screen and (max-width:767px)").matches}exports.IsMobile=({renderIf:t,renderElse:i})=>e.jsx(n.Conditional,{condition:!!r(),renderIf:t,renderElse:i});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../lib/core/utils/isMobile.ts","../../../lib/core/utils/isClient.ts","../../../lib/components/IsMobile/index.tsx"],"sourcesContent":["import { isClient } from './isClient'\n\nexport function isMobile() {\n if (!isClient()) return\n return !!window.matchMedia('screen and (max-width:767px)').matches\n}\n","export const isClient = () =>\n !!(\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n )\n","import { isMobile } from '../../core/utils/isMobile'\nimport { Conditional } from '../misc'\nimport { ReactNode } from 'react'\n\ntype IsMobileProps = {\n renderIf: ReactNode\n renderElse: ReactNode\n}\n\nexport const IsMobile = ({ renderIf, renderElse }: IsMobileProps) => {\n return (\n <Conditional\n condition={!!isMobile()}\n renderIf={renderIf}\n renderElse={renderElse}\n />\n )\n}\n"],"names":["isMobile","window","document","createElement","matchMedia","matches","renderIf","renderElse","jsxRuntime","jsx","Conditional","condition"],"mappings":"2JAEO,SAASA,IACV,GCDgB,oBAAXC,QACPA,OAAOC,UACPD,OAAOC,SAASC,cDAlB,QAASF,OAAOG,WAAW,gCAAgCC,OAC7D,kBEIwB,EAAGC,WAAUC,gBAEjCC,EAAAC,IAACC,EAAAA,YAAA,CACCC,YAAaX,IACbM,WACAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
|
+
import { C as Conditional } from "../../index-CeZZT_W9.js";
|
|
3
|
+
const isClient = () => !!(typeof window !== "undefined" && window.document && window.document.createElement);
|
|
4
|
+
function isMobile() {
|
|
5
|
+
if (!isClient()) return;
|
|
6
|
+
return !!window.matchMedia("screen and (max-width:767px)").matches;
|
|
7
|
+
}
|
|
8
|
+
const IsMobile = ({ renderIf, renderElse }) => {
|
|
9
|
+
return /* @__PURE__ */ jsx(
|
|
10
|
+
Conditional,
|
|
11
|
+
{
|
|
12
|
+
condition: !!isMobile(),
|
|
13
|
+
renderIf,
|
|
14
|
+
renderElse
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
};
|
|
18
|
+
export {
|
|
19
|
+
IsMobile
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=index.es.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/core/utils/isClient.ts","../../../lib/core/utils/isMobile.ts","../../../lib/components/IsMobile/index.tsx"],"sourcesContent":["export const isClient = () =>\n !!(\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n )\n","import { isClient } from './isClient'\n\nexport function isMobile() {\n if (!isClient()) return\n return !!window.matchMedia('screen and (max-width:767px)').matches\n}\n","import { isMobile } from '../../core/utils/isMobile'\nimport { Conditional } from '../misc'\nimport { ReactNode } from 'react'\n\ntype IsMobileProps = {\n renderIf: ReactNode\n renderElse: ReactNode\n}\n\nexport const IsMobile = ({ renderIf, renderElse }: IsMobileProps) => {\n return (\n <Conditional\n condition={!!isMobile()}\n renderIf={renderIf}\n renderElse={renderElse}\n />\n )\n}\n"],"names":[],"mappings":";;AAAa,MAAA,WAAW,MACtB,CAAC,EACC,OAAO,WAAW,eAClB,OAAO,YACP,OAAO,SAAS;ACFb,SAAS,WAAW;AACrB,MAAA,CAAC,WAAY;AACjB,SAAO,CAAC,CAAC,OAAO,WAAW,8BAA8B,EAAE;AAC7D;ACIO,MAAM,WAAW,CAAC,EAAE,UAAU,iBAAgC;AAEjE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,CAAC,CAAC,SAAS;AAAA,MACtB;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const LogoBadgetAC: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const LogoBadgetCP: () => import("react/jsx-runtime").JSX.Element;
|