@consumidor-positivo/aurora 0.0.14 → 0.0.15

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.
@@ -4,6 +4,6 @@ import { Drawer } from './index';
4
4
  declare const meta: Meta<typeof Drawer>;
5
5
  export default meta;
6
6
  type Story = StoryObj<typeof Drawer>;
7
- export declare const DrawerWithText: Story;
8
- export declare const DrawerWithLogo: Story;
9
- export declare const DrawerWithProfile: Story;
7
+ export declare const WithText: Story;
8
+ export declare const WithLogo: Story;
9
+ export declare const WithProfile: Story;
@@ -1 +1 @@
1
- .au-drawer{background-color:#fff;width:100%;max-width:320px;height:100vh;position:absolute;z-index:6;top:0;right:0;transform:translate(320px);transition:transform .1s ease-out .1s}@media (min-width: 600px){.au-drawer{box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a}}.au-drawer.is-open{transform:translate(0)}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center}.au-drawer__header-close{position:absolute;right:0;top:0;transform:translate(-28px) translateY(24px);cursor:pointer}.au-drawer__header .au-logo{margin:8px 0;display:block;height:100%}.au-drawer__header .au-logo svg{height:100%}.au-drawer__content{height:calc(100% - 80px)}
1
+ .au-drawer{background-color:#fff;width:100%;height:100vh;position:absolute;z-index:6;top:0;right:0;transform:translate(100%);transition:transform .1s ease-out .1s}@media (min-width: 600px){.au-drawer{box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;max-width:320px}}.au-drawer.is-open{transform:translate(0)}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center}.au-drawer__header-close{position:absolute;right:0;top:0;transform:translate(-28px) translateY(24px);cursor:pointer}.au-drawer__header .au-logo{margin:8px 0;display:block;height:100%}.au-drawer__header .au-logo svg{height:100%}.au-drawer__content{height:calc(100% - 80px)}
@@ -5,6 +5,7 @@ import { Text } from "../Text/index.es.js";
5
5
  import "../../Icon-BvEdGGJ8.js";
6
6
  import { I as IconChevronDown } from "../../IconChevronDown-ByUF26Eq.js";
7
7
  import { a as IconChevronLeft, I as IconBell, b as IconMenu } from "../../IconMenu-KGwKAWNb.js";
8
+ import { g as getInitialLetters } from "../../getInitialLetters-CV7onXcH.js";
8
9
  import './styles.css';const HeaderActions = ({ children, divider }) => {
9
10
  return /* @__PURE__ */ jsx(
10
11
  "div",
@@ -116,8 +117,10 @@ const HeaderNavigation = ({ children }) => {
116
117
  };
117
118
  const HeaderProfile = ({
118
119
  onClickNotifications,
119
- onClickMenu
120
+ onClickMenu,
121
+ fullName
120
122
  }) => {
123
+ const initialLetters = getInitialLetters(fullName);
121
124
  return /* @__PURE__ */ jsxs("div", { className: "au-header__profile", children: [
122
125
  /* @__PURE__ */ jsx(
123
126
  "div",
@@ -129,16 +132,25 @@ const HeaderProfile = ({
129
132
  ),
130
133
  /* @__PURE__ */ jsx("div", { className: "au-header__profile-menu-mobile", onClick: onClickMenu, children: /* @__PURE__ */ jsx(IconMenu, {}) }),
131
134
  /* @__PURE__ */ jsxs("div", { className: "au-header__profile-menu", onClick: onClickMenu, children: [
132
- /* @__PURE__ */ jsx("div", { className: "au-header__profile-letters", children: "FS" }),
135
+ /* @__PURE__ */ jsx("div", { className: "au-header__profile-letters", children: initialLetters }),
133
136
  /* @__PURE__ */ jsx(IconChevronDown, {})
134
137
  ] })
135
138
  ] });
136
139
  };
137
- const HeaderWrap = ({ children, position = "static" }) => {
138
- return /* @__PURE__ */ jsx("header", { className: classNames("au-header", {
139
- "au-header--fixed": position === "fixed",
140
- "au-header--static": position === "static"
141
- }), children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children }) });
140
+ const HeaderWrap = ({
141
+ children,
142
+ position = "static"
143
+ }) => {
144
+ return /* @__PURE__ */ jsx(
145
+ "header",
146
+ {
147
+ className: classNames("au-header", {
148
+ "au-header--fixed": position === "fixed",
149
+ "au-header--static": position === "static"
150
+ }),
151
+ children: /* @__PURE__ */ jsx("div", { className: "au-header__container", children })
152
+ }
153
+ );
142
154
  };
143
155
  const components = {
144
156
  Root: HeaderWrap,
@@ -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/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/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 { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\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 | 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={\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 | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\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 classNames from 'classnames'\nimport { ReactNode } from 'react'\n\nexport type HeaderWrapProps = {\n position?: string\n children: ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderWrap = ({ children, position = 'static' }: HeaderWrapProps) => {\n return (\n <header 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 { 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'\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 { components as Header }\n"],"names":["Header"],"mappings":";;;;;;;AAQO,MAAM,gBAAgB,CAAC,EAAE,UAAU,cAAkC;AAExE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,WAAW,sBAAsB;AAAA,QAC1C,+BAA+B;AAAA,MAAA,CAChC;AAAA,MACA;AAAA,IAAA;AAAA,EAAA;AAGP;ACXO,MAAM,eAAe,CAAC,EAAE,eAAkC;AAC/D,SAAQ,oBAAA,OAAA,EAAI,WAAU,qBAAqB,SAAS,CAAA;AACtD;ACDO,MAAM,eAAe,CAAC,EAAE,UAAU,cAAiC;AACxE,SACG,oBAAA,OAAA,EAAI,WAAU,qBAAoB,SAChC,SACH,CAAA;AAEJ;ACNO,MAAM,aAAa,CAAC,EAAE,UAAU,cAA+B;AACpE,SACG,oBAAA,OAAA,EAAI,WAAU,mBAAkB,SAC9B,SACH,CAAA;AAEJ;ACJO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AAEnB,SAAA,qBAAC,OAAI,EAAA,WAAU,mBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,UACG,oBAAA,OAAA,EAAI,WAAU,2BACZ,UAAA,gBAAgB,gBACnB;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,CAAC,CAAC;AAAA,QACb,UACG,oBAAA,OAAA,EAAI,WAAU,4BACZ,UAAA,iBAAiB,iBACpB;AAAA,MAAA;AAAA,IAEJ;AAAA,IACC;AAAA,EACH,EAAA,CAAA;AAEJ;AC3BO,MAAM,eAAe,CAAC,EAAE,MAAM,iBAAoC;AACvE,6BACG,OAAI,EAAA,WAAU,qBACZ,UAAM,6BAAA,IAAI,CAAC,SAAS;AACnB,WAAO,WAAW,IAAI;AAAA,EACvB,GACH,CAAA;AAEJ;ACVO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;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,OAAO;AAAA,MACP,WAAW,WAAW,0BAA0B;AAAA,QAC9C,eAAe;AAAA,QACf,aAAa;AAAA,MAAA,CACd;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,oBAEC,IAAG;AAAA,oBACH,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,4BAA4B;AAAA,sBAChD,aAAa,KAAK;AAAA,oBAAA,CACnB;AAAA,oBACD,OAAO,KAAK;AAAA,oBACX,UAAA;AAAA,sBAAK,KAAA;AAAA,sBACN;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAW,CAAC,CAAC,KAAK;AAAA,0BAClB,8BAAW,iBAAgB,EAAA;AAAA,wBAAA;AAAA,sBAC7B;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAZK,KAAK;AAAA,gBAAA;AAAA,cAef,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AClDO,MAAM,mBAAmB,CAAC,EAAE,eAAsC;AACvE,SAAQ,oBAAA,OAAA,EAAI,WAAU,yBAAyB,SAAS,CAAA;AAC1D;ACDO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AACF,MAA0B;AAEtB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,SAAS;AAAA,QACT,8BAAC,UAAS,EAAA;AAAA,MAAA;AAAA,IACZ;AAAA,IAEA,oBAAC,SAAI,WAAU,kCAAiC,SAAS,aACvD,UAAA,oBAAC,YAAS,EACZ,CAAA;AAAA,IAEC,qBAAA,OAAA,EAAI,WAAU,2BAA0B,SAAS,aAChD,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,WAAU,8BAA6B,UAAE,MAAA;AAAA,0BAC7C,iBAAgB,EAAA;AAAA,IAAA,GACnB;AAAA,EACF,EAAA,CAAA;AAEJ;ACrBO,MAAM,aAAa,CAAC,EAAE,UAAU,WAAW,eAAgC;AAChF,SACG,oBAAA,UAAA,EAAO,WAAW,WAAW,aAAa;AAAA,IACzC,oBAAoB,aAAa;AAAA,IACjC,qBAAqB,aAAa;AAAA,EAAA,CACnC,GACC,UAAA,oBAAC,SAAI,WAAU,wBAAwB,UAAS,EAClD,CAAA;AAEJ;ACaA,MAAM,aAAyB;AAAA,EAC7B,MAAMA;AAAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX;AAEA,OAAO,KAAK,UAAU,EAAE,QAAQ,CAAC,QAAQ;AACjC,QAAA,YAAY,WAAW,GAAuB;AAC1C,YAAA,cAAc,UAAU,GAAG;AACvC,CAAC;"}
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/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/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 { ReactNode } from 'react'\n\nexport type HeaderLinkProps = {\n children: ReactNode | string | JSX.Element | JSX.Element[]\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 | 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={\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: (\n item: NavbarDataProps,\n ) => ReactNode | string | JSX.Element | JSX.Element[]\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 | string | JSX.Element | JSX.Element[]\n}\n\nexport const HeaderNavigation = ({ children }: HeaderNavigationProps) => {\n return <nav className=\"au-header__navigation\">{children}</nav>\n}\n","import { getInitialLetters } from '../../../core/utils/getInitialLetters'\nimport { IconBell, IconChevronDown, IconMenu } from '../../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?: string\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 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 { 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'\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 { components as Header }\n"],"names":["Header"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
1
  export type HeaderProfileProps = {
2
2
  onClickNotifications?: () => void;
3
3
  onClickMenu?: () => void;
4
+ fullName: string;
4
5
  };
5
- export declare const HeaderProfile: ({ onClickNotifications, onClickMenu, }: HeaderProfileProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const HeaderProfile: ({ onClickNotifications, onClickMenu, fullName, }: HeaderProfileProps) => import("react/jsx-runtime").JSX.Element;
@@ -4,4 +4,4 @@ export type HeaderWrapProps = {
4
4
  position?: string;
5
5
  children: ReactNode | string | JSX.Element | JSX.Element[];
6
6
  };
7
- export declare const HeaderWrap: ({ children, position }: HeaderWrapProps) => import("react/jsx-runtime").JSX.Element;
7
+ export declare const HeaderWrap: ({ children, position, }: HeaderWrapProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- .au-header{height:80px;padding:16px 0;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: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;z-index:2;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}
1
+ .au-header{height:80px;padding:16px 0;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: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;z-index:2;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;text-transform:uppercase}
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n name: string\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n onClick: () => void\n dropdown?: NavbarVerticalDataProps[]\n active?: boolean\n}\n\ntype NavbarVerticalProps = {\n data: NavbarVerticalDataProps[]\n renderItem: (link: NavbarVerticalDataProps) => ReactNode | string | JSX.Element | JSX.Element[]\n renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n data,\n renderItem,\n renderActions,\n}: NavbarVerticalProps) => {\n return (\n <div className=\"au-navbar-vertical\">\n {data?.map((link) => {\n return renderItem(link)\n })}\n <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n </div>\n )\n}\n\nconst NavbarVerticalLink = ({\n name,\n onClick,\n Icon,\n dropdown,\n active = false,\n}: NavbarVerticalDataProps) => {\n const [open, setOpen] = useState<boolean>(active)\n\n function handleClick() {\n if (dropdown) {\n setOpen((prev) => !prev)\n } else {\n onClick()\n }\n }\n\n return (\n <Text\n as=\"a\"\n variant=\"heading-micro\"\n weight=\"light\"\n className={classNames('au-navbar-vertical__link', {\n 'is-dropdown': dropdown,\n 'is-active': active,\n 'is-open': open,\n })}\n onClick={handleClick}>\n <Conditional condition={!!Icon} renderIf={Icon} />\n {name}\n\n <Conditional\n condition={!!dropdown?.length}\n renderIf={\n <>\n <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n <Conditional condition={!open} renderIf={<IconChevronDown />} />\n <div className=\"au-navbar-vertical__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-navbar-vertical__dropdown-link', {\n 'is-active': item.active,\n })}\n title={item.name}>\n {item.name}\n </Text>\n )\n })}\n </div>\n </>\n }\n />\n </Text>\n )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AAqBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAEvB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,IAAM,6BAAA,IAAI,CAAC,SAAS;AACnB,aAAO,WAAW,IAAI;AAAA,IAAA;AAAA,IAEvB,oBAAA,OAAA,EAAI,WAAU,+BAA+B,2BAAgB;AAAA,EAChE,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,MAAM;AAEhD,WAAS,cAAc;AACrB,QAAI,UAAU;AACJ,cAAA,CAAC,SAAS,CAAC,IAAI;AAAA,IAAA,OAClB;AACG;IACV;AAAA,EACF;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,cAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,kCAC7D,OAAI,EAAA,WAAU,gCACZ,UAAU,qCAAA,IAAI,CAAC,SAAS;AAErB,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,aAAa,KAAK;AAAA,oBAAA,CACnB;AAAA,oBACD,OAAO,KAAK;AAAA,oBACX,UAAK,KAAA;AAAA,kBAAA;AAAA,kBARD,KAAK;AAAA,gBAAA;AAAA,cAWf,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}
1
+ {"version":3,"file":"index.es.js","sources":["../../../lib/components/NavbarVertical/index.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ReactNode, useState } from 'react'\nimport { Text } from '../Text'\nimport { IconChevronDown, IconChevronUp } from '../icons/default'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NavbarVerticalDataProps = {\n name: string\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n onClick: () => void\n dropdown?: NavbarVerticalDataProps[]\n active?: boolean\n}\n\ntype NavbarVerticalProps = {\n data: NavbarVerticalDataProps[]\n renderItem: (\n link: NavbarVerticalDataProps,\n ) => ReactNode | string | JSX.Element | JSX.Element[]\n renderActions: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\nexport const NavbarVertical = ({\n data,\n renderItem,\n renderActions,\n}: NavbarVerticalProps) => {\n return (\n <div className=\"au-navbar-vertical\">\n {data?.map((link) => {\n return renderItem(link)\n })}\n <div className=\"au-navbar-vertical__actions\">{renderActions()}</div>\n </div>\n )\n}\n\nconst NavbarVerticalLink = ({\n name,\n onClick,\n Icon,\n dropdown,\n active = false,\n}: NavbarVerticalDataProps) => {\n const [open, setOpen] = useState<boolean>(active)\n\n function handleClick() {\n if (dropdown) {\n setOpen((prev) => !prev)\n } else {\n onClick()\n }\n }\n\n return (\n <Text\n as=\"a\"\n variant=\"heading-micro\"\n weight=\"light\"\n className={classNames('au-navbar-vertical__link', {\n 'is-dropdown': dropdown,\n 'is-active': active,\n 'is-open': open,\n })}\n onClick={handleClick}>\n <Conditional condition={!!Icon} renderIf={Icon} />\n {name}\n\n <Conditional\n condition={!!dropdown?.length}\n renderIf={\n <>\n <Conditional condition={!!open} renderIf={<IconChevronUp />} />\n <Conditional condition={!open} renderIf={<IconChevronDown />} />\n <div className=\"au-navbar-vertical__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-navbar-vertical__dropdown-link', {\n 'is-active': item.active,\n })}\n title={item.name}>\n {item.name}\n </Text>\n )\n })}\n </div>\n </>\n }\n />\n </Text>\n )\n}\n\nNavbarVertical.Link = NavbarVerticalLink\n"],"names":[],"mappings":";;;;;;;;AAuBO,MAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAEvB,SAAA,qBAAC,OAAI,EAAA,WAAU,sBACZ,UAAA;AAAA,IAAM,6BAAA,IAAI,CAAC,SAAS;AACnB,aAAO,WAAW,IAAI;AAAA,IAAA;AAAA,IAEvB,oBAAA,OAAA,EAAI,WAAU,+BAA+B,2BAAgB;AAAA,EAChE,EAAA,CAAA;AAEJ;AAEA,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAA+B;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,MAAM;AAEhD,WAAS,cAAc;AACrB,QAAI,UAAU;AACJ,cAAA,CAAC,SAAS,CAAC,IAAI;AAAA,IAAA,OAClB;AACG;IACV;AAAA,EACF;AAGE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,SAAQ;AAAA,MACR,QAAO;AAAA,MACP,WAAW,WAAW,4BAA4B;AAAA,QAChD,eAAe;AAAA,QACf,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,CACZ;AAAA,MACD,SAAS;AAAA,MACT,UAAA;AAAA,QAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,QAC/C;AAAA,QAED;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAC,qCAAU;AAAA,YACvB,UAEI,qBAAA,UAAA,EAAA,UAAA;AAAA,cAAC,oBAAA,aAAA,EAAY,WAAW,CAAC,CAAC,MAAM,UAAU,oBAAC,gBAAc,CAAA,GAAI;AAAA,cAC7D,oBAAC,eAAY,WAAW,CAAC,MAAM,UAAU,oBAAC,kBAAgB,CAAA,GAAI;AAAA,kCAC7D,OAAI,EAAA,WAAU,gCACZ,UAAU,qCAAA,IAAI,CAAC,SAAS;AAErB,uBAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBAEC,IAAG;AAAA,oBACH,SAAQ;AAAA,oBACR,QAAO;AAAA,oBACP,WAAW,WAAW,qCAAqC;AAAA,sBACzD,aAAa,KAAK;AAAA,oBAAA,CACnB;AAAA,oBACD,OAAO,KAAK;AAAA,oBACX,UAAK,KAAA;AAAA,kBAAA;AAAA,kBARD,KAAK;AAAA,gBAAA;AAAA,cAWf,IACH;AAAA,YAAA,GACF;AAAA,UAAA;AAAA,QAEJ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,eAAe,OAAO;"}
@@ -1 +1 @@
1
- .au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;border-bottom:1px solid #dce8ff}.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}.au-navbar-vertical__link.is-active{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link.is-active{color:#0048db;font-weight:700}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:absolute;bottom:0;left:0;width:100%}
1
+ .au-navbar-vertical{width:100%;background-color:#fff;height:100%;padding-bottom:100px;position:relative}.au-navbar-vertical__link{padding:16px 24px;display:flex;align-items:center;gap:16px;cursor:pointer;flex-wrap:wrap;border-bottom:1px solid #dce8ff}.au-navbar-vertical__link:hover,.au-navbar-vertical__link:focus{font-weight:700}.au-navbar-vertical__link.is-active{background-color:#fafbff;color:#0048db;font-weight:700}.au-navbar-vertical__dropdown{display:block;width:100%;border-top:1px solid #dce8ff;padding-top:12px;display:none}.is-open .au-navbar-vertical__dropdown{display:block}.au-navbar-vertical__dropdown-link{display:block;width:100%;padding:12px 0}.au-navbar-vertical__dropdown-link:hover,.au-navbar-vertical__dropdown-link:focus{font-weight:700}.au-navbar-vertical__dropdown-link.is-active{color:#0048db;font-weight:700}.au-navbar-vertical__actions{display:flex;gap:8px;padding:24px;position:absolute;bottom:0;left:0;width:100%}.au-navbar-vertical__actions>*{flex-grow:1}
@@ -1,6 +1,7 @@
1
1
 
2
2
  type ProfileNavProps = {
3
3
  name: string;
4
+ fullName: string;
4
5
  };
5
- export declare const ProfileNav: ({ name }: ProfileNavProps) => import("react/jsx-runtime").JSX.Element;
6
+ export declare const ProfileNav: ({ name, fullName }: ProfileNavProps) => import("react/jsx-runtime").JSX.Element;
6
7
  export {};
@@ -1,8 +1,10 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
+ import { g as getInitialLetters } from "../../getInitialLetters-CV7onXcH.js";
2
3
  import { Text } from "../Text/index.es.js";
3
- import './styles.css';const ProfileNav = ({ name }) => {
4
+ import './styles.css';const ProfileNav = ({ name, fullName }) => {
5
+ const initialLetters = getInitialLetters(fullName);
4
6
  return /* @__PURE__ */ jsxs("div", { className: "au-profile-nav", children: [
5
- /* @__PURE__ */ jsx("div", { className: "au-profile-nav__badget", children: /* @__PURE__ */ jsx(Text, { variant: "heading-small", weight: "medium", children: "FS" }) }),
7
+ /* @__PURE__ */ jsx("div", { className: "au-profile-nav__badget", children: /* @__PURE__ */ jsx(Text, { variant: "heading-small", weight: "medium", children: initialLetters }) }),
6
8
  /* @__PURE__ */ jsxs("div", { className: "div", children: [
7
9
  /* @__PURE__ */ jsxs(Text, { as: "h3", variant: "heading-micro", weight: "bold", children: [
8
10
  "Olá, ",
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n name: string\n}\n\nexport const ProfileNav = ({ name }: ProfileNavProps) => {\n return (\n <div className=\"au-profile-nav\">\n <div className=\"au-profile-nav__badget\">\n <Text variant=\"heading-small\" weight=\"medium\">\n FS\n </Text>\n </div>\n <div className=\"div\">\n <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n Olá, {name}\n </Text>\n <Text>Tudo bem?</Text>\n </div>\n </div>\n )\n}\n"],"names":[],"mappings":";;AAOO,MAAM,aAAa,CAAC,EAAE,WAA4B;AAErD,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAAS,UAAA,KAE9C,CAAA,GACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACA,oBAAC,QAAK,UAAS,YAAA,CAAA;AAAA,IAAA,GACjB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"index.es.js","sources":["../../../lib/components/ProfileNav/index.tsx"],"sourcesContent":["import { getInitialLetters } from '../../core/utils/getInitialLetters'\nimport { Text } from '../Text'\nimport './styles.scss'\n\ntype ProfileNavProps = {\n name: string\n fullName: string\n}\n\nexport const ProfileNav = ({ name, fullName }: ProfileNavProps) => {\n const initialLetters = getInitialLetters(fullName)\n\n return (\n <div className=\"au-profile-nav\">\n <div className=\"au-profile-nav__badget\">\n <Text variant=\"heading-small\" weight=\"medium\">\n {initialLetters}\n </Text>\n </div>\n <div className=\"div\">\n <Text as=\"h3\" variant=\"heading-micro\" weight=\"bold\">\n Olá, {name}\n </Text>\n <Text>Tudo bem?</Text>\n </div>\n </div>\n )\n}\n"],"names":[],"mappings":";;;AASO,MAAM,aAAa,CAAC,EAAE,MAAM,eAAgC;AAC3D,QAAA,iBAAiB,kBAAkB,QAAQ;AAG/C,SAAA,qBAAC,OAAI,EAAA,WAAU,kBACb,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAU,0BACb,UAAC,oBAAA,MAAA,EAAK,SAAQ,iBAAgB,QAAO,UAClC,UAAA,eACH,CAAA,GACF;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,OACb,UAAA;AAAA,MAAA,qBAAC,QAAK,IAAG,MAAK,SAAQ,iBAAgB,QAAO,QAAO,UAAA;AAAA,QAAA;AAAA,QAC5C;AAAA,MAAA,GACR;AAAA,MACA,oBAAC,QAAK,UAAS,YAAA,CAAA;AAAA,IAAA,GACjB;AAAA,EACF,EAAA,CAAA;AAEJ;"}
@@ -1 +1 @@
1
- .au-profile-nav{display:flex;gap:16px}.au-profile-nav__badget{width:48px;height:48px;background-color:#dce8ff;border-radius:999px;display:flex;align-items:center;justify-content:center}
1
+ .au-profile-nav{display:flex;gap:16px}.au-profile-nav__badget{width:48px;height:48px;background-color:#9abcff;border-radius:999px;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
@@ -1 +1 @@
1
- {"version":3,"file":"index.es.js","sources":["../../../lib/components/misc/DynamicTagComponent/index.tsx","../../../lib/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface DynamicTagComponentProps extends React.HTMLAttributes<HTMLElement> {\n /** Html tag that this component root should have */\n tag: string\n}\n\nconst DynamicTagComponent: React.FC<DynamicTagComponentProps> = ({\n children = 'Dynamic tag component',\n tag = 'button',\n ...props\n}) => React.createElement(tag, { ...props }, children)\n\nexport default DynamicTagComponent\n","import DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport classNames from 'classnames'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport './styles.scss'\n\nexport const Text = ({\n as = 'p',\n children,\n className = '',\n color = 'common',\n variant = 'body-medium',\n variantDesk,\n weight = 'regular',\n dangerouslySetInnerHTML,\n ...props\n}: TextProps) => {\n const rootClasses = classNames('au-text', {\n [`au-text--${variant}`]: !!variant,\n [`au-text--desk-${variantDesk}`]: !!variantDesk,\n [`au-text--color-${color}`]: !!color,\n [`au-text--weight-${weight}`]: !!weight,\n [className]: !!className,\n })\n\n return (\n <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n <Conditional\n condition={dangerouslySetInnerHTML}\n renderIf={\n <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n }\n renderElse={children}\n />\n </DynamicTagComponentStories>\n )\n}"],"names":["DynamicTagComponentStories"],"mappings":";;;;AAOA,MAAM,sBAA0D,CAAC;AAAA,EAC/D,WAAW;AAAA,EACX,MAAM;AAAA,EACN,GAAG;AACL,MAAM,MAAM,cAAc,KAAK,EAAE,GAAG,SAAS,QAAQ;ACL9C,MAAM,OAAO,CAAC;AAAA,EACnB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAiB;AACT,QAAA,cAAc,WAAW,WAAW;AAAA,IACxC,CAAC,YAAY,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,IAC3B,CAAC,iBAAiB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,kBAAkB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC/B,CAAC,mBAAmB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACjC,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,6BACGA,qBAA2B,EAAA,KAAK,IAAI,WAAW,aAAc,GAAG,OAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,UACG,oBAAA,OAAA,EAAI,yBAAyB,EAAE,QAAQ,2BAA2B;AAAA,MAErE,YAAY;AAAA,IAAA;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}
1
+ {"version":3,"file":"index.es.js","sources":["../../../lib/components/misc/DynamicTagComponent/index.tsx","../../../lib/components/Text/index.tsx"],"sourcesContent":["import * as React from 'react'\n\ninterface DynamicTagComponentProps extends React.HTMLAttributes<HTMLElement> {\n /** Html tag that this component root should have */\n tag: string\n}\n\nconst DynamicTagComponent: React.FC<DynamicTagComponentProps> = ({\n children = 'Dynamic tag component',\n tag = 'button',\n ...props\n}) => React.createElement(tag, { ...props }, children)\n\nexport default DynamicTagComponent\n","import DynamicTagComponentStories from '../misc/DynamicTagComponent'\nimport classNames from 'classnames'\nimport { TextProps } from './types'\nimport { Conditional } from '../misc/Conditional'\nimport './styles.scss'\n\nexport const Text = ({\n as = 'p',\n children,\n className = '',\n color = 'common',\n variant = 'body-medium',\n variantDesk,\n weight = 'regular',\n dangerouslySetInnerHTML,\n ...props\n}: TextProps) => {\n const rootClasses = classNames('au-text', {\n [`au-text--${variant}`]: !!variant,\n [`au-text--desk-${variantDesk}`]: !!variantDesk,\n [`au-text--color-${color}`]: !!color,\n [`au-text--weight-${weight}`]: !!weight,\n [className]: !!className,\n })\n\n return (\n <DynamicTagComponentStories tag={as} className={rootClasses} {...props}>\n <Conditional\n condition={dangerouslySetInnerHTML}\n renderIf={\n <div dangerouslySetInnerHTML={{ __html: dangerouslySetInnerHTML }} />\n }\n renderElse={children}\n />\n </DynamicTagComponentStories>\n )\n}\n"],"names":["DynamicTagComponentStories"],"mappings":";;;;AAOA,MAAM,sBAA0D,CAAC;AAAA,EAC/D,WAAW;AAAA,EACX,MAAM;AAAA,EACN,GAAG;AACL,MAAM,MAAM,cAAc,KAAK,EAAE,GAAG,SAAS,QAAQ;ACL9C,MAAM,OAAO,CAAC;AAAA,EACnB,KAAK;AAAA,EACL;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAiB;AACT,QAAA,cAAc,WAAW,WAAW;AAAA,IACxC,CAAC,YAAY,OAAO,EAAE,GAAG,CAAC,CAAC;AAAA,IAC3B,CAAC,iBAAiB,WAAW,EAAE,GAAG,CAAC,CAAC;AAAA,IACpC,CAAC,kBAAkB,KAAK,EAAE,GAAG,CAAC,CAAC;AAAA,IAC/B,CAAC,mBAAmB,MAAM,EAAE,GAAG,CAAC,CAAC;AAAA,IACjC,CAAC,SAAS,GAAG,CAAC,CAAC;AAAA,EAAA,CAChB;AAED,6BACGA,qBAA2B,EAAA,KAAK,IAAI,WAAW,aAAc,GAAG,OAC/D,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX,UACG,oBAAA,OAAA,EAAI,yBAAyB,EAAE,QAAQ,2BAA2B;AAAA,MAErE,YAAY;AAAA,IAAA;AAAA,EAEhB,EAAA,CAAA;AAEJ;"}
@@ -0,0 +1 @@
1
+ export declare const getInitialLetters: (fullName: string) => string;
@@ -0,0 +1,5 @@
1
+ const getInitialLetters = (fullName) => fullName == null ? void 0 : fullName.split(" ").map((n) => n[0]).slice(0, 2).join("");
2
+ export {
3
+ getInitialLetters as g
4
+ };
5
+ //# sourceMappingURL=getInitialLetters-CV7onXcH.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"getInitialLetters-CV7onXcH.js","sources":["../lib/core/utils/getInitialLetters.ts"],"sourcesContent":["export const getInitialLetters = (fullName: string) =>\n fullName\n ?.split(' ')\n .map((n) => n[0])\n .slice(0, 2)\n .join('')\n"],"names":[],"mappings":"AAAO,MAAM,oBAAoB,CAAC,aAChC,qCACI,MAAM,KACP,IAAI,CAAC,MAAM,EAAE,CAAC,GACd,MAAM,GAAG,GACT,KAAK;"}
package/dist/main.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+
1
2
  export { Button } from './components/Button';
2
3
  export { Conditional } from './components/misc/Conditional';
3
4
  export { Drawer } from './components/Drawer';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@consumidor-positivo/aurora",
3
3
  "private": false,
4
- "version": "0.0.14",
4
+ "version": "0.0.15",
5
5
  "type": "module",
6
6
  "main": "./dist/main.es.js",
7
7
  "modules": "./dist/main.es.js",