@consumidor-positivo/aurora 0.0.36 → 0.0.38
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/components/Button/index.es.js +2 -1
- package/dist/components/Button/index.es.js.map +1 -1
- package/dist/components/Drawer/index.es.js +2 -1
- package/dist/components/Drawer/index.es.js.map +1 -1
- package/dist/components/Footer/index.es.js +2 -1
- package/dist/components/Footer/index.es.js.map +1 -1
- package/dist/components/InputField/index.d.ts +12 -0
- package/dist/components/InputField/index.es.js +21 -0
- package/dist/components/InputField/index.es.js.map +1 -0
- package/dist/components/NotificationsBar/index.es.js +2 -1
- package/dist/components/NotificationsBar/index.es.js.map +1 -1
- package/dist/components/ProfileNav/index.es.js +2 -1
- package/dist/components/ProfileNav/index.es.js.map +1 -1
- package/dist/components/styles/styles2.css +1 -0
- package/dist/components/tokens/styles.css +1 -0
- package/dist/main.d.ts +1 -0
- package/dist/main.es.js +117 -214
- package/dist/main.es.js.map +1 -1
- package/dist/tokens-DTUH_PDm.js +289 -0
- package/dist/tokens-DTUH_PDm.js.map +1 -0
- package/package.json +16 -13
- package/dist/components/Drawer/styles.css +0 -1
- package/dist/components/main/styles.css +0 -1
- /package/dist/components/{Button → styles}/styles.css +0 -0
- /package/dist/components/{Footer/styles.css → styles/styles3.css} +0 -0
- /package/dist/components/{NotificationsBar/styles.css → styles/styles4.css} +0 -0
- /package/dist/components/{ProfileNav/styles.css → styles/styles5.css} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Text } from "../Text/index.es.js";
|
|
3
3
|
import { Conditional } from "../Conditional/index.es.js";
|
|
4
|
-
import '
|
|
4
|
+
import '../styles/styles4.css';/* empty css */
|
|
5
|
+
const NotificationsBarWrap = ({
|
|
5
6
|
renderRecents,
|
|
6
7
|
renderOlds
|
|
7
8
|
}) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n title: string\n dataSource: NotificationBarListDataProps[]\n renderItem: (\n item: NotificationBarListDataProps,\n ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n title: string\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n onClick: () => void\n onDelete?: () => void\n createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n title: string\n onClick: () => void\n onDelete?: () => void\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n createdAt?: string\n}\n\nexport const NotificationsBarWrap = ({\n renderRecents,\n renderOlds,\n}: NotificationsBarWrapProps) => {\n return (\n <div className=\"au-notifications-bar\">\n {renderRecents && renderRecents()}\n {renderOlds && renderOlds()}\n </div>\n )\n}\n\nexport const NotificationsBarList = ({\n title,\n dataSource,\n renderItem,\n}: NotificationsBarListProps) => {\n return (\n <div className=\"au-notifications-bar__section\">\n <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n {title}\n </Text>\n <div className=\"au-notifications-bar__list\">\n {dataSource?.map((item) => renderItem(item))}\n </div>\n </div>\n )\n}\n\nexport const NotificationsBarLink = ({\n Icon,\n onClick,\n title,\n createdAt,\n onDelete,\n}: NotificationsBarLinkProps) => {\n return (\n <div className=\"au-notifications-bar__item\">\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"regular\"\n className=\"au-notifications-bar__link\"\n onClick={onClick}>\n <Conditional condition={!!Icon} renderIf={Icon} />\n {title}\n </Text>\n <div className=\"au-notifications-bar__actions\">\n <Text as=\"span\" variant=\"body-small\">\n {createdAt}\n </Text>\n <Conditional\n condition={!!onDelete}\n renderIf={\n <Text\n as=\"a\"\n variant=\"body-small\"\n weight=\"semibold\"\n onClick={onDelete}>\n Excluir\n </Text>\n }\n />\n </div>\n </div>\n )\n}\n\nconst components = {\n Root: NotificationsBarWrap,\n List: NotificationsBarList,\n Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../lib/components/NotificationsBar/index.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { Text } from '../Text'\nimport { Conditional } from '../misc'\nimport './styles.scss'\n\ntype NotificationsBarWrapProps = {\n renderRecents?: () => ReactNode | string | JSX.Element | JSX.Element[]\n renderOlds?: () => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationsBarListProps = {\n title: string\n dataSource: NotificationBarListDataProps[]\n renderItem: (\n item: NotificationBarListDataProps,\n ) => ReactNode | string | JSX.Element | JSX.Element[]\n}\n\ntype NotificationBarListDataProps = {\n title: string\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n onClick: () => void\n onDelete?: () => void\n createdAt?: string\n}\n\ntype NotificationsBarLinkProps = {\n title: string\n onClick: () => void\n onDelete?: () => void\n Icon?: ReactNode | string | JSX.Element | JSX.Element[]\n createdAt?: string\n}\n\nexport const NotificationsBarWrap = ({\n renderRecents,\n renderOlds,\n}: NotificationsBarWrapProps) => {\n return (\n <div className=\"au-notifications-bar\">\n {renderRecents && renderRecents()}\n {renderOlds && renderOlds()}\n </div>\n )\n}\n\nexport const NotificationsBarList = ({\n title,\n dataSource,\n renderItem,\n}: NotificationsBarListProps) => {\n return (\n <div className=\"au-notifications-bar__section\">\n <Text as=\"h3\" variant=\"body-medium\" weight=\"bold\">\n {title}\n </Text>\n <div className=\"au-notifications-bar__list\">\n {dataSource?.map((item) => renderItem(item))}\n </div>\n </div>\n )\n}\n\nexport const NotificationsBarLink = ({\n Icon,\n onClick,\n title,\n createdAt,\n onDelete,\n}: NotificationsBarLinkProps) => {\n return (\n <div className=\"au-notifications-bar__item\">\n <Text\n as=\"a\"\n variant=\"body-medium\"\n weight=\"regular\"\n className=\"au-notifications-bar__link\"\n onClick={onClick}>\n <Conditional condition={!!Icon} renderIf={Icon} />\n {title}\n </Text>\n <div className=\"au-notifications-bar__actions\">\n <Text as=\"span\" variant=\"body-small\">\n {createdAt}\n </Text>\n <Conditional\n condition={!!onDelete}\n renderIf={\n <Text\n as=\"a\"\n variant=\"body-small\"\n weight=\"semibold\"\n onClick={onDelete}>\n Excluir\n </Text>\n }\n />\n </div>\n </div>\n )\n}\n\nconst components = {\n Root: NotificationsBarWrap,\n List: NotificationsBarList,\n Link: NotificationsBarLink,\n}\n\nexport { components as NotificationsBar }\n"],"names":[],"mappings":";;;;AAkCO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,wBACZ,UAAA;AAAA,IAAA,iBAAiB,cAAc;AAAA,IAC/B,cAAc,WAAW;AAAA,EAC5B,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,oBAAC,QAAK,IAAG,MAAK,SAAQ,eAAc,QAAO,QACxC,UACH,MAAA,CAAA;AAAA,IACA,oBAAC,OAAI,EAAA,WAAU,8BACZ,UAAA,yCAAY,IAAI,CAAC,SAAS,WAAW,IAAI,GAC5C,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;AAEO,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAiC;AAE7B,SAAA,qBAAC,OAAI,EAAA,WAAU,8BACb,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAQ;AAAA,QACR,QAAO;AAAA,QACP,WAAU;AAAA,QACV;AAAA,QACA,UAAA;AAAA,UAAA,oBAAC,eAAY,WAAW,CAAC,CAAC,MAAM,UAAU,MAAM;AAAA,UAC/C;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,IACA,qBAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAAA,oBAAC,MAAK,EAAA,IAAG,QAAO,SAAQ,cACrB,UACH,WAAA;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAW,CAAC,CAAC;AAAA,UACb,UACE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,SAAQ;AAAA,cACR,QAAO;AAAA,cACP,SAAS;AAAA,cAAU,UAAA;AAAA,YAAA;AAAA,UAErB;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEA,MAAM,aAAa;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { g as getInitialLetters } from "../../getInitialLetters-CV7onXcH.js";
|
|
3
3
|
import { Text } from "../Text/index.es.js";
|
|
4
|
-
import '
|
|
4
|
+
import '../styles/styles5.css';/* empty css */
|
|
5
|
+
const ProfileNav = ({ name, fullName }) => {
|
|
5
6
|
const initialLetters = getInitialLetters(fullName);
|
|
6
7
|
return /* @__PURE__ */ jsxs("div", { className: "au-profile-nav", children: [
|
|
7
8
|
/* @__PURE__ */ jsx("div", { className: "au-profile-nav__badget", children: /* @__PURE__ */ jsx(Text, { variant: "heading-small", weight: "medium", children: initialLetters }) }),
|
|
@@ -1 +1 @@
|
|
|
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 color=\"secondary\">Tudo bem?</Text>\n </div>\n </div>\n )\n}\n"],"names":[],"mappings":"
|
|
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 color=\"secondary\">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,MACC,oBAAA,MAAA,EAAK,OAAM,aAAY,UAAS,aAAA;AAAA,IAAA,GACnC;AAAA,EACF,EAAA,CAAA;AAEJ;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.au-drawer{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .4s ease;z-index:5}.au-drawer.is-open{opacity:1;visibility:visible;pointer-events:all;transition:opacity .3s ease}.au-drawer.is-open [class*=__container]{transform:translateY(0)}.au-drawer__container{background-color:#fff;width:100%;height:100vh;height:100dvh;position:fixed;z-index:6;top:0;right:0;transform:translate(100%);transition:transform .3s ease;overflow:hidden}@media (min-width: 600px){.au-drawer__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;max-width:414px}}.au-drawer__header{position:relative;border-bottom:1px solid #e2e4e9;padding:16px 24px;height:80px;display:flex;align-items:center;justify-content:space-between}.au-drawer__header-close{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)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
html{box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;padding:0}:focus{outline:none}body{font-family:"Source Sans 3 Variable","Source Sans 3",sans-serif;background-color:#fff}.au-input{cursor:pointer}.au-input__field{border:1px solid #454a54;background-color:#fff;border-radius:8px;font-size:16px;line-height:24px;padding:16px;width:100%}.au-input__field:focus{border:1px solid #0048db}.au-input:focus-within:not(.au-input--error) [class*=__header-label],.au-input:focus-within:not(.au-input--error) .au-input{color:#0048db}.au-input__header{display:flex;justify-content:space-between;padding-bottom:8px}.au-input__header-label{color:#454a54;cursor:pointer;font-size:14px;font-weight:600;line-height:22px}.au-input__header-label--required{color:#991717}.au-input__header-icon span{color:#454a54}.au-input__error-message{color:#991717;font-size:16px;font-weight:400;line-height:24px;padding-top:8px}.au-input--disabled{cursor:not-allowed}.au-input--disabled [class*=__field],.au-input--disabled .au-input{background-color:#e2e4e9;border-color:#5e6573;color:#5e6573;cursor:not-allowed}.au-input--disabled [class*=__header-label],.au-input--disabled .au-input{color:#5e6573;cursor:not-allowed}.au-input--error [class*=__field],.au-input--error .au-input{background-color:#f5eff0;border-color:#991717}.au-input--error [class*=__header-label],.au-input--error .au-input{color:#991717}.au-input--success [class*=__field],.au-input--success .au-input{animation:inputSuccess 2s forwards}.au-input--success [class*=__header-label],.au-input--success .au-input{animation:labelSuccess 2s forwards}.au-input--success [class*=__header-icon] .au-icon{animation:iconSucess 2s forwards}@keyframes inputSuccess{0%,70%{background-color:#f0fcf5;border-color:#10593b}}@keyframes labelSuccess{0%,70%{color:#10593b}}@keyframes iconSucess{0%,70%{opacity:1}to{opacity:0}}
|
package/dist/main.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export { NotificationsBar } from './components/NotificationsBar';
|
|
|
9
9
|
export { ProfileNav } from './components/ProfileNav';
|
|
10
10
|
export { Text } from './components/Text';
|
|
11
11
|
export { Footer } from './components/Footer';
|
|
12
|
+
export { InputField } from './components/InputField';
|
|
12
13
|
export { useDrawer } from './components/Drawer/hooks';
|
|
13
14
|
export * from './components/Logo';
|
|
14
15
|
export * from './components/icons';
|
package/dist/main.es.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { b, a, c, B, ai, ah, ag, aj, af, p, o, n, m, l, k, D, A, z, y, x, w, v, u, t, s, r, q, S, R, Q, P, O, N, M, a4, a3, a2, a1, a0, $, _, j, i, h, g, f, e, d, C, L, K, J, H, G, F, E, Z, Y, X, W, V, U, T, ak, au, aA, aB, aC, aD, aE, aF, aG, aH, aI, aJ, av, aw, ay, az, ax, I, al, am, an, ao, ap, aq, ar, as, at, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae } from "./tokens-DTUH_PDm.js";
|
|
1
2
|
import { Button } from "./components/Button/index.es.js";
|
|
2
3
|
import { Conditional } from "./components/Conditional/index.es.js";
|
|
3
4
|
import { Drawer } from "./components/Drawer/index.es.js";
|
|
@@ -9,7 +10,7 @@ import { ProfileNav } from "./components/ProfileNav/index.es.js";
|
|
|
9
10
|
import { Text } from "./components/Text/index.es.js";
|
|
10
11
|
import { Footer } from "./components/Footer/index.es.js";
|
|
11
12
|
import { useState } from "react";
|
|
12
|
-
import { L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./Tertiary-DMp-1eWT.js";
|
|
13
|
+
import { L as L2, a as a10, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, k as k2, l as l2, m as m2 } from "./Tertiary-DMp-1eWT.js";
|
|
13
14
|
import { IconActivity } from "./components/icons/IconActivity/index.es.js";
|
|
14
15
|
import { IconAirplay } from "./components/icons/IconAirplay/index.es.js";
|
|
15
16
|
import { IconAlertCircle } from "./components/icons/IconAlertCircle/index.es.js";
|
|
@@ -321,7 +322,7 @@ import { IconZapOff } from "./components/icons/IconZapOff/index.es.js";
|
|
|
321
322
|
import { IconZoomIn } from "./components/icons/IconZoomIn/index.es.js";
|
|
322
323
|
import { IconZoomOut } from "./components/icons/IconZoomOut/index.es.js";
|
|
323
324
|
import { IconSocialGoogle } from "./components/icons/IconSocialGoogle/index.es.js";
|
|
324
|
-
|
|
325
|
+
function useDrawer(props) {
|
|
325
326
|
const [drawerOpen, setDrawerOpen] = useState(props);
|
|
326
327
|
function handleOpenDrawer(name) {
|
|
327
328
|
setDrawerOpen((prev) => {
|
|
@@ -336,189 +337,90 @@ import './components/main/styles.css';function useDrawer(props) {
|
|
|
336
337
|
drawerOpen
|
|
337
338
|
};
|
|
338
339
|
}
|
|
339
|
-
const BORDER_RADIUS_SMALL = "4px";
|
|
340
|
-
const BORDER_RADIUS_MEDIUM = "8px";
|
|
341
|
-
const BORDER_RADIUS_BIG = "16px";
|
|
342
|
-
const BORDER_RADIUS_PILL = "999px";
|
|
343
|
-
const COLOR_NEUTRAL_70 = "#16181d";
|
|
344
|
-
const COLOR_NEUTRAL_60 = "#313131";
|
|
345
|
-
const COLOR_NEUTRAL_50 = "#454a54";
|
|
346
|
-
const COLOR_NEUTRAL_40 = "#5e6573";
|
|
347
|
-
const COLOR_NEUTRAL_30 = "#c4c9d4";
|
|
348
|
-
const COLOR_NEUTRAL_20 = "#e2e4e9";
|
|
349
|
-
const COLOR_NEUTRAL_10 = "#f6f7fa";
|
|
350
|
-
const COLOR_NEUTRAL_00 = "#ffffff";
|
|
351
|
-
const COLOR_BRAND_BLUE_60 = "#18256c";
|
|
352
|
-
const COLOR_BRAND_BLUE_50 = "#1737a4";
|
|
353
|
-
const COLOR_BRAND_BLUE_40 = "#0048db";
|
|
354
|
-
const COLOR_BRAND_BLUE_30 = "#9abcff";
|
|
355
|
-
const COLOR_BRAND_BLUE_20 = "#dce8ff";
|
|
356
|
-
const COLOR_BRAND_BLUE_10 = "#fafbff";
|
|
357
|
-
const COLOR_BRAND_EMERALD_60 = "#013220";
|
|
358
|
-
const COLOR_BRAND_EMERALD_50 = "#026441";
|
|
359
|
-
const COLOR_BRAND_EMERALD_40 = "#04d98c";
|
|
360
|
-
const COLOR_BRAND_EMERALD_30 = "#95f0cf";
|
|
361
|
-
const COLOR_BRAND_EMERALD_20 = "#ccf2e4";
|
|
362
|
-
const COLOR_BRAND_EMERALD_10 = "#edfef7";
|
|
363
|
-
const COLOR_BRAND_CYAN_60 = "#004155";
|
|
364
|
-
const COLOR_BRAND_CYAN_50 = "#005c77";
|
|
365
|
-
const COLOR_BRAND_CYAN_40 = "#02bedf";
|
|
366
|
-
const COLOR_BRAND_CYAN_30 = "#3edcff";
|
|
367
|
-
const COLOR_BRAND_CYAN_20 = "#ccf3ff";
|
|
368
|
-
const COLOR_BRAND_CYAN_10 = "#f1fcff";
|
|
369
|
-
const COLOR_SUCCESS_60 = "#08331a";
|
|
370
|
-
const COLOR_SUCCESS_50 = "#10593b";
|
|
371
|
-
const COLOR_SUCCESS_40 = "#138040";
|
|
372
|
-
const COLOR_SUCCESS_30 = "#66cc90";
|
|
373
|
-
const COLOR_SUCCESS_20 = "#a1e5bd";
|
|
374
|
-
const COLOR_SUCCESS_10 = "#e5fff0";
|
|
375
|
-
const COLOR_SUCCESS_00 = "#f0fcf5";
|
|
376
|
-
const COLOR_ERROR_60 = "#731111";
|
|
377
|
-
const COLOR_ERROR_50 = "#991717";
|
|
378
|
-
const COLOR_ERROR_40 = "#e52222";
|
|
379
|
-
const COLOR_ERROR_30 = "#ff8080";
|
|
380
|
-
const COLOR_ERROR_20 = "#ffbfbf";
|
|
381
|
-
const COLOR_ERROR_10 = "#ffe5e5";
|
|
382
|
-
const COLOR_ERROR_00 = "#f5eff0";
|
|
383
|
-
const COLOR_WARNING_60 = "#803500";
|
|
384
|
-
const COLOR_WARNING_50 = "#a64a08";
|
|
385
|
-
const COLOR_WARNING_40 = "#fa822c";
|
|
386
|
-
const COLOR_WARNING_30 = "#ffc59c";
|
|
387
|
-
const COLOR_WARNING_20 = "#ffdabf";
|
|
388
|
-
const COLOR_WARNING_10 = "#fff0e6";
|
|
389
|
-
const COLOR_WARNING_00 = "#fcf4f0";
|
|
390
|
-
const COLOR_INFO_60 = "#46008c";
|
|
391
|
-
const COLOR_INFO_50 = "#510cb2";
|
|
392
|
-
const COLOR_INFO_40 = "#6728e5";
|
|
393
|
-
const COLOR_INFO_30 = "#bd9cff";
|
|
394
|
-
const COLOR_INFO_20 = "#d4bfff";
|
|
395
|
-
const COLOR_INFO_10 = "#eee6ff";
|
|
396
|
-
const COLOR_INFO_00 = "#f3f0fc";
|
|
397
|
-
const SPACING_050 = "4px";
|
|
398
|
-
const SPACING_100 = "8px";
|
|
399
|
-
const SPACING_200 = "16px";
|
|
400
|
-
const SPACING_300 = "24px";
|
|
401
|
-
const SPACING_400 = "32px";
|
|
402
|
-
const SPACING_500 = "40px";
|
|
403
|
-
const SPACING_600 = "48px";
|
|
404
|
-
const SPACING_700 = "56px";
|
|
405
|
-
const SPACING_800 = "64px";
|
|
406
|
-
const SPACING_900 = "72px";
|
|
407
|
-
const BREAKPOINT_XSM = "0px";
|
|
408
|
-
const BREAKPOINT_SM = "320px";
|
|
409
|
-
const BREAKPOINT_MD = "600px";
|
|
410
|
-
const BREAKPOINT_LG = "1024px";
|
|
411
|
-
const BREAKPOINT_XLG = "1920px";
|
|
412
|
-
const CONTAINER_SIZE = "1240px";
|
|
413
|
-
const OPACITY_00 = "0.05";
|
|
414
|
-
const OPACITY_10 = "0.2";
|
|
415
|
-
const OPACITY_20 = "0.4";
|
|
416
|
-
const OPACITY_30 = "0.6";
|
|
417
|
-
const OPACITY_40 = "0.8";
|
|
418
|
-
const SHADOW_01 = "0px 2px 8px 0px rgba(169, 177, 197, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)";
|
|
419
|
-
const SHADOW_02 = "0px 8px 24px 0px rgba(118, 134, 173, 0.08), 0px 4px 4px 0px rgba(0, 72, 219, 0.04)";
|
|
420
|
-
const SHADOW_03 = "0px 16px 40px 0px rgba(118, 134, 173, 0.08), 0px 8px 8px 0px rgba(0, 72, 219, 0.04)";
|
|
421
|
-
const SHADOW_04 = "0px 24px 56px 0px rgba(118, 134, 173, 0.08), 0px 12px 12px 0px rgba(0, 72, 219, 0.04)";
|
|
422
|
-
const FONT_LEXEND_DECA = "'Lexend Deca Variable', 'Lexend Deca', sans-serif";
|
|
423
|
-
const FONT_SOURCE_SANS_3 = "'Source Sans 3 Variable', 'Source Sans 3', sans-serif";
|
|
424
|
-
const FONT_WEIGHT_BOLD = "700";
|
|
425
|
-
const FONT_WEIGHT_SEMIBOLD = "600";
|
|
426
|
-
const FONT_WEIGHT_MEDIUM = "500";
|
|
427
|
-
const FONT_WEIGHT_REGULAR = "400";
|
|
428
|
-
const FONT_SIZE_H1 = "56px";
|
|
429
|
-
const FONT_SIZE_H2 = "48px";
|
|
430
|
-
const FONT_SIZE_H3 = "40px";
|
|
431
|
-
const FONT_SIZE_H4 = "32px";
|
|
432
|
-
const FONT_SIZE_H5 = "28px";
|
|
433
|
-
const FONT_SIZE_H6 = "24px";
|
|
434
|
-
const FONT_SIZE_P1 = "20px";
|
|
435
|
-
const FONT_SIZE_P2 = "16px";
|
|
436
|
-
const FONT_SIZE_P3 = "14px";
|
|
437
|
-
const FONT_SIZE_P4 = "12px";
|
|
438
340
|
export {
|
|
439
|
-
BORDER_RADIUS_BIG,
|
|
440
|
-
BORDER_RADIUS_MEDIUM,
|
|
441
|
-
BORDER_RADIUS_PILL,
|
|
442
|
-
BORDER_RADIUS_SMALL,
|
|
443
|
-
BREAKPOINT_LG,
|
|
444
|
-
BREAKPOINT_MD,
|
|
445
|
-
BREAKPOINT_SM,
|
|
446
|
-
BREAKPOINT_XLG,
|
|
447
|
-
BREAKPOINT_XSM,
|
|
341
|
+
b as BORDER_RADIUS_BIG,
|
|
342
|
+
a as BORDER_RADIUS_MEDIUM,
|
|
343
|
+
c as BORDER_RADIUS_PILL,
|
|
344
|
+
B as BORDER_RADIUS_SMALL,
|
|
345
|
+
ai as BREAKPOINT_LG,
|
|
346
|
+
ah as BREAKPOINT_MD,
|
|
347
|
+
ag as BREAKPOINT_SM,
|
|
348
|
+
aj as BREAKPOINT_XLG,
|
|
349
|
+
af as BREAKPOINT_XSM,
|
|
448
350
|
Button,
|
|
449
|
-
COLOR_BRAND_BLUE_10,
|
|
450
|
-
COLOR_BRAND_BLUE_20,
|
|
451
|
-
COLOR_BRAND_BLUE_30,
|
|
452
|
-
COLOR_BRAND_BLUE_40,
|
|
453
|
-
COLOR_BRAND_BLUE_50,
|
|
454
|
-
COLOR_BRAND_BLUE_60,
|
|
455
|
-
COLOR_BRAND_CYAN_10,
|
|
456
|
-
COLOR_BRAND_CYAN_20,
|
|
457
|
-
COLOR_BRAND_CYAN_30,
|
|
458
|
-
COLOR_BRAND_CYAN_40,
|
|
459
|
-
COLOR_BRAND_CYAN_50,
|
|
460
|
-
COLOR_BRAND_CYAN_60,
|
|
461
|
-
COLOR_BRAND_EMERALD_10,
|
|
462
|
-
COLOR_BRAND_EMERALD_20,
|
|
463
|
-
COLOR_BRAND_EMERALD_30,
|
|
464
|
-
COLOR_BRAND_EMERALD_40,
|
|
465
|
-
COLOR_BRAND_EMERALD_50,
|
|
466
|
-
COLOR_BRAND_EMERALD_60,
|
|
467
|
-
COLOR_ERROR_00,
|
|
468
|
-
COLOR_ERROR_10,
|
|
469
|
-
COLOR_ERROR_20,
|
|
470
|
-
COLOR_ERROR_30,
|
|
471
|
-
COLOR_ERROR_40,
|
|
472
|
-
COLOR_ERROR_50,
|
|
473
|
-
COLOR_ERROR_60,
|
|
474
|
-
COLOR_INFO_00,
|
|
475
|
-
COLOR_INFO_10,
|
|
476
|
-
COLOR_INFO_20,
|
|
477
|
-
COLOR_INFO_30,
|
|
478
|
-
COLOR_INFO_40,
|
|
479
|
-
COLOR_INFO_50,
|
|
480
|
-
COLOR_INFO_60,
|
|
481
|
-
COLOR_NEUTRAL_00,
|
|
482
|
-
COLOR_NEUTRAL_10,
|
|
483
|
-
COLOR_NEUTRAL_20,
|
|
484
|
-
COLOR_NEUTRAL_30,
|
|
485
|
-
COLOR_NEUTRAL_40,
|
|
486
|
-
COLOR_NEUTRAL_50,
|
|
487
|
-
COLOR_NEUTRAL_60,
|
|
488
|
-
COLOR_NEUTRAL_70,
|
|
489
|
-
COLOR_SUCCESS_00,
|
|
490
|
-
COLOR_SUCCESS_10,
|
|
491
|
-
COLOR_SUCCESS_20,
|
|
492
|
-
COLOR_SUCCESS_30,
|
|
493
|
-
COLOR_SUCCESS_40,
|
|
494
|
-
COLOR_SUCCESS_50,
|
|
495
|
-
COLOR_SUCCESS_60,
|
|
496
|
-
COLOR_WARNING_00,
|
|
497
|
-
COLOR_WARNING_10,
|
|
498
|
-
COLOR_WARNING_20,
|
|
499
|
-
COLOR_WARNING_30,
|
|
500
|
-
COLOR_WARNING_40,
|
|
501
|
-
COLOR_WARNING_50,
|
|
502
|
-
COLOR_WARNING_60,
|
|
503
|
-
CONTAINER_SIZE,
|
|
351
|
+
p as COLOR_BRAND_BLUE_10,
|
|
352
|
+
o as COLOR_BRAND_BLUE_20,
|
|
353
|
+
n as COLOR_BRAND_BLUE_30,
|
|
354
|
+
m as COLOR_BRAND_BLUE_40,
|
|
355
|
+
l as COLOR_BRAND_BLUE_50,
|
|
356
|
+
k as COLOR_BRAND_BLUE_60,
|
|
357
|
+
D as COLOR_BRAND_CYAN_10,
|
|
358
|
+
A as COLOR_BRAND_CYAN_20,
|
|
359
|
+
z as COLOR_BRAND_CYAN_30,
|
|
360
|
+
y as COLOR_BRAND_CYAN_40,
|
|
361
|
+
x as COLOR_BRAND_CYAN_50,
|
|
362
|
+
w as COLOR_BRAND_CYAN_60,
|
|
363
|
+
v as COLOR_BRAND_EMERALD_10,
|
|
364
|
+
u as COLOR_BRAND_EMERALD_20,
|
|
365
|
+
t as COLOR_BRAND_EMERALD_30,
|
|
366
|
+
s as COLOR_BRAND_EMERALD_40,
|
|
367
|
+
r as COLOR_BRAND_EMERALD_50,
|
|
368
|
+
q as COLOR_BRAND_EMERALD_60,
|
|
369
|
+
S as COLOR_ERROR_00,
|
|
370
|
+
R as COLOR_ERROR_10,
|
|
371
|
+
Q as COLOR_ERROR_20,
|
|
372
|
+
P as COLOR_ERROR_30,
|
|
373
|
+
O as COLOR_ERROR_40,
|
|
374
|
+
N as COLOR_ERROR_50,
|
|
375
|
+
M as COLOR_ERROR_60,
|
|
376
|
+
a4 as COLOR_INFO_00,
|
|
377
|
+
a3 as COLOR_INFO_10,
|
|
378
|
+
a2 as COLOR_INFO_20,
|
|
379
|
+
a1 as COLOR_INFO_30,
|
|
380
|
+
a0 as COLOR_INFO_40,
|
|
381
|
+
$ as COLOR_INFO_50,
|
|
382
|
+
_ as COLOR_INFO_60,
|
|
383
|
+
j as COLOR_NEUTRAL_00,
|
|
384
|
+
i as COLOR_NEUTRAL_10,
|
|
385
|
+
h as COLOR_NEUTRAL_20,
|
|
386
|
+
g as COLOR_NEUTRAL_30,
|
|
387
|
+
f as COLOR_NEUTRAL_40,
|
|
388
|
+
e as COLOR_NEUTRAL_50,
|
|
389
|
+
d as COLOR_NEUTRAL_60,
|
|
390
|
+
C as COLOR_NEUTRAL_70,
|
|
391
|
+
L as COLOR_SUCCESS_00,
|
|
392
|
+
K as COLOR_SUCCESS_10,
|
|
393
|
+
J as COLOR_SUCCESS_20,
|
|
394
|
+
H as COLOR_SUCCESS_30,
|
|
395
|
+
G as COLOR_SUCCESS_40,
|
|
396
|
+
F as COLOR_SUCCESS_50,
|
|
397
|
+
E as COLOR_SUCCESS_60,
|
|
398
|
+
Z as COLOR_WARNING_00,
|
|
399
|
+
Y as COLOR_WARNING_10,
|
|
400
|
+
X as COLOR_WARNING_20,
|
|
401
|
+
W as COLOR_WARNING_30,
|
|
402
|
+
V as COLOR_WARNING_40,
|
|
403
|
+
U as COLOR_WARNING_50,
|
|
404
|
+
T as COLOR_WARNING_60,
|
|
405
|
+
ak as CONTAINER_SIZE,
|
|
504
406
|
Conditional,
|
|
505
407
|
Drawer,
|
|
506
|
-
FONT_LEXEND_DECA,
|
|
507
|
-
FONT_SIZE_H1,
|
|
508
|
-
FONT_SIZE_H2,
|
|
509
|
-
FONT_SIZE_H3,
|
|
510
|
-
FONT_SIZE_H4,
|
|
511
|
-
FONT_SIZE_H5,
|
|
512
|
-
FONT_SIZE_H6,
|
|
513
|
-
FONT_SIZE_P1,
|
|
514
|
-
FONT_SIZE_P2,
|
|
515
|
-
FONT_SIZE_P3,
|
|
516
|
-
FONT_SIZE_P4,
|
|
517
|
-
FONT_SOURCE_SANS_3,
|
|
518
|
-
FONT_WEIGHT_BOLD,
|
|
519
|
-
FONT_WEIGHT_MEDIUM,
|
|
520
|
-
FONT_WEIGHT_REGULAR,
|
|
521
|
-
FONT_WEIGHT_SEMIBOLD,
|
|
408
|
+
au as FONT_LEXEND_DECA,
|
|
409
|
+
aA as FONT_SIZE_H1,
|
|
410
|
+
aB as FONT_SIZE_H2,
|
|
411
|
+
aC as FONT_SIZE_H3,
|
|
412
|
+
aD as FONT_SIZE_H4,
|
|
413
|
+
aE as FONT_SIZE_H5,
|
|
414
|
+
aF as FONT_SIZE_H6,
|
|
415
|
+
aG as FONT_SIZE_P1,
|
|
416
|
+
aH as FONT_SIZE_P2,
|
|
417
|
+
aI as FONT_SIZE_P3,
|
|
418
|
+
aJ as FONT_SIZE_P4,
|
|
419
|
+
av as FONT_SOURCE_SANS_3,
|
|
420
|
+
aw as FONT_WEIGHT_BOLD,
|
|
421
|
+
ay as FONT_WEIGHT_MEDIUM,
|
|
422
|
+
az as FONT_WEIGHT_REGULAR,
|
|
423
|
+
ax as FONT_WEIGHT_SEMIBOLD,
|
|
522
424
|
Footer,
|
|
523
425
|
Header,
|
|
524
426
|
IconActivity,
|
|
@@ -832,43 +734,44 @@ export {
|
|
|
832
734
|
IconZapOff,
|
|
833
735
|
IconZoomIn,
|
|
834
736
|
IconZoomOut,
|
|
737
|
+
I as InputField,
|
|
835
738
|
LazyImage,
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
|
|
847
|
-
|
|
848
|
-
|
|
849
|
-
|
|
739
|
+
L2 as LogoBadgetAC,
|
|
740
|
+
a10 as LogoBadgetCP,
|
|
741
|
+
b2 as LogoPrimaryAC,
|
|
742
|
+
c2 as LogoPrimaryCP,
|
|
743
|
+
d2 as LogoPrimaryFillWhiteAC,
|
|
744
|
+
e2 as LogoPrimaryFillWhiteCP,
|
|
745
|
+
f2 as LogoPrimaryFullWhiteAC,
|
|
746
|
+
g2 as LogoPrimaryFullWhiteCP,
|
|
747
|
+
h2 as LogoPrimaryLogoWhiteCP,
|
|
748
|
+
i2 as LogoPrimaryNegativeAC,
|
|
749
|
+
j2 as LogoPrimaryNegativeCP,
|
|
750
|
+
k2 as LogoPrimaryWhiteAC,
|
|
751
|
+
l2 as LogoPrimaryWhiteCP,
|
|
752
|
+
m2 as LogoTertiaryAC,
|
|
850
753
|
NavbarVertical,
|
|
851
754
|
NotificationsBar,
|
|
852
|
-
OPACITY_00,
|
|
853
|
-
OPACITY_10,
|
|
854
|
-
OPACITY_20,
|
|
855
|
-
OPACITY_30,
|
|
856
|
-
OPACITY_40,
|
|
755
|
+
al as OPACITY_00,
|
|
756
|
+
am as OPACITY_10,
|
|
757
|
+
an as OPACITY_20,
|
|
758
|
+
ao as OPACITY_30,
|
|
759
|
+
ap as OPACITY_40,
|
|
857
760
|
ProfileNav,
|
|
858
|
-
SHADOW_01,
|
|
859
|
-
SHADOW_02,
|
|
860
|
-
SHADOW_03,
|
|
861
|
-
SHADOW_04,
|
|
862
|
-
SPACING_050,
|
|
863
|
-
SPACING_100,
|
|
864
|
-
SPACING_200,
|
|
865
|
-
SPACING_300,
|
|
866
|
-
SPACING_400,
|
|
867
|
-
SPACING_500,
|
|
868
|
-
SPACING_600,
|
|
869
|
-
SPACING_700,
|
|
870
|
-
SPACING_800,
|
|
871
|
-
SPACING_900,
|
|
761
|
+
aq as SHADOW_01,
|
|
762
|
+
ar as SHADOW_02,
|
|
763
|
+
as as SHADOW_03,
|
|
764
|
+
at as SHADOW_04,
|
|
765
|
+
a5 as SPACING_050,
|
|
766
|
+
a6 as SPACING_100,
|
|
767
|
+
a7 as SPACING_200,
|
|
768
|
+
a8 as SPACING_300,
|
|
769
|
+
a9 as SPACING_400,
|
|
770
|
+
aa as SPACING_500,
|
|
771
|
+
ab as SPACING_600,
|
|
772
|
+
ac as SPACING_700,
|
|
773
|
+
ad as SPACING_800,
|
|
774
|
+
ae as SPACING_900,
|
|
872
775
|
Text,
|
|
873
776
|
useDrawer
|
|
874
777
|
};
|
package/dist/main.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"
|
|
1
|
+
{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n function handleOpenDrawer(name: string) {\n setDrawerOpen((prev) => {\n return {\n ...prev,\n [name]: !prev[name],\n }\n })\n }\n\n return {\n handleOpenDrawer,\n drawerOpen,\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
|