@consumidor-positivo/aurora 0.0.149 → 0.0.150
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:5}@keyframes slideInY{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInX{0%{transform:translate(100%)}to{transform:translate(0)}}.au-modal--is-open{opacity:1;visibility:visible;pointer-events:all}.au-modal--is-open .au-modal__container{animation:slideInY .3s ease forwards}@media (min-width: 600px){.au-modal--is-open .au-modal__container{animation:slideInX .3s ease forwards}}.au-modal__container{background-color:#fff;border-radius:16px 16px 0 0;padding:16px;width:100%;height:100%;max-height:90vh;position:fixed;z-index:6;bottom:0}@media (min-width: 600px){.au-modal__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;top:0;right:0;margin:0;height:100vh;height:100dvh;max-width:414px;max-height:100vh}}.au-modal__header{position:relative}.au-modal__header-close{cursor:pointer;display:flex;justify-content:end;width:100%}.au-modal__content{height:calc(100% -
|
|
1
|
+
.au-modal{height:100vh;width:100vw;position:fixed;top:0;left:0;bottom:0;right:0;background-color:#16181dcc;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:5}@keyframes slideInY{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideInX{0%{transform:translate(100%)}to{transform:translate(0)}}.au-modal--is-open{opacity:1;visibility:visible;pointer-events:all}.au-modal--is-open .au-modal__container{animation:slideInY .3s ease forwards}@media (min-width: 600px){.au-modal--is-open .au-modal__container{animation:slideInX .3s ease forwards}}.au-modal__container{background-color:#fff;border-radius:16px 16px 0 0;padding:16px;width:100%;height:100%;max-height:90vh;position:fixed;z-index:6;bottom:0}@media (min-width: 600px){.au-modal__container{border-radius:16px 0 0 16px;box-shadow:0 24px 56px #7686ad14,0 12px 12px #0048db0a;top:0;right:0;margin:0;height:100vh;height:100dvh;max-width:414px;max-height:100vh}}.au-modal__header{position:relative}.au-modal__header-close{cursor:pointer;display:flex;justify-content:end;width:100%}.au-modal__content{height:calc(100% - 150px);overflow-y:auto}.au-modal__content::-webkit-scrollbar{width:16px}.au-modal__content::-webkit-scrollbar-track{background:#f4f7fb;border-radius:32px}.au-modal__content::-webkit-scrollbar-thumb{background:#0048db;border-radius:8px;border:4px solid #f4f7fb}.au-modal__content::-webkit-scrollbar-thumb:hover{background:#1737a4;transition:all .3s ease}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.au-field__select{position:relative}.au-field__select-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;background-color:#fff;border:1px solid #454a54;border-radius:8px;box-sizing:border-box;font-size:16px;line-height:22px;overflow:hidden}.au-field__select-wrapper:focus-within{border:2px solid #0048db}.au-field__select-input{width:100%;height:100%;border:none;padding:16px;font-family:inherit;font-size:16px;line-height:22px}.au-field__select-input:read-only{cursor:pointer}.au-field__select-icon{position:absolute;right:16px;transition:transform .2s ease}.au-field__select-options{display:flex;flex-direction:column;width:100%;max-height:212px;margin-top:16px;padding-inline-start:0;box-sizing:border-box;border:1px solid #0048db;background:#fff;border-radius:8px;overflow:hidden;cursor:auto;position:absolute;transform-origin:top left;transform:scaleY(0);opacity:0;visibility:hidden;transition:transform .2s,opacity .2s,visibility 0s .2s;z-index:1}.au-field__select-options--open{transform:scaleY(1);opacity:1;visibility:visible;transition:transform .2s,opacity .2s}.au-field__select-options::-webkit-scrollbar{width:16px}.au-field__select-options::-webkit-scrollbar-thumb{background-color:#135df5;border:4px solid #ffffff;border-radius:8px}.au-field__select-options::-webkit-scrollbar-track{background-color:#fff;border-radius:8px}.au-field__select-option{display:flex;justify-content:space-between;padding:16px 24px;cursor:pointer}.au-field__select-option:not(.au-field__select-option--selected):hover,.au-field__select-option--highlighted:not(.au-field__select-option--selected){background-color:#f6f7fa;color:#16181d}.au-field__select-option--selected{background-color:#0048db;color:#fff;font-weight:700}.au-field__select-option--selected .au-icon>svg{color:#fff}.au-field__select-option--disabled{pointer-events:none;cursor:not-allowed;background-color:#e2e4e9;color:#5e6573}.au-field__select-option--disabled .au-icon>svg{color:#5e6573}.au-field__select-option--empty{cursor:default;background-color:#e2e4e9;color:#5e6573}.au-field__select-option--empty:hover{background-color:#e2e4e9}.au-field__select--open .au-field__select-wrapper{border:2px solid #0048db}.au-field__select--open .au-field__select-wrapper .au-field__select-icon{transform:rotate(180deg)}.au-field__select--disabled{pointer-events:none;cursor:not-allowed}.au-field__select--disabled .au-field__select-wrapper{background-color:#e2e4e9}.au-field__select--disabled .au-field__select-wrapper .au-icon>svg{color:#5e6573}.au-field__select--error .au-field__select-wrapper{background-color:#f5eff0;border-color:#991717}.au-field__select--error .au-field__select-wrapper:focus{border-color:#0048db}.au-field__fullscreen-options-select-search-bar{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;margin:16px 0 24px;background-color:#fff;border:1px solid #e2e4e9;border-radius:8px;box-sizing:border-box;color:#5e6573;font-size:16px;line-height:22px;overflow:hidden}.au-field__fullscreen-options-select-search-bar:focus-within{border:2px solid #0048db}.au-field__fullscreen-options-select-options{display:flex;flex-direction:column;gap:16px;margin-right:8px}.au-field__fullscreen-options-select-option{display:flex;justify-content:space-between;padding:16px;cursor:pointer;border-radius:8px;border:1px solid #e2e4e9;color:#16181d;transition:all .2s ease-in-out}.au-field__fullscreen-options-select-option:not(.au-field__fullscreen-options-select-option--selected):hover,.au-field__fullscreen-options-select-option--highlighted:not(.au-field__fullscreen-options-select-option--selected){background-color:#f6f7fa;color:#16181d}.au-field__fullscreen-options-select-option--selected{background-color:#0048db;border-color:#0048db;color:#fff;font-weight:700}.au-field__fullscreen-options-select-option--selected .au-icon>svg{color:#fff}.au-field__fullscreen-options-select-option--disabled{pointer-events:none;cursor:not-allowed;background-color:#e2e4e9;color:#5e6573}.au-field__fullscreen-options-select-option--disabled .au-icon>svg{color:#5e6573}.au-field__fullscreen-options-select-option--empty{cursor:default;background-color:#e2e4e9;color:#5e6573}.au-field__fullscreen-options-select-option--empty:hover{background-color:#e2e4e9}.au-field:not(.au-field--error):has(.au-field__select--open) .au-field__header-label{color:#0048db}.au-field:not(.au-field--error):has(.au-field__select--open) .au-field__select-wrapper,.au-field:not(.au-field--error):has(.au-field__select--open) .au-field__select-wrapper:focus-within{border-width:1px}
|
|
1
|
+
.au-field__select{position:relative}.au-field__select-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;background-color:#fff;border:1px solid #454a54;border-radius:8px;box-sizing:border-box;font-size:16px;line-height:22px;overflow:hidden}.au-field__select-wrapper:focus-within{border:2px solid #0048db}.au-field__select-input{width:100%;height:100%;border:none;padding:16px 56px 16px 16px;font-family:inherit;font-size:16px;line-height:22px}.au-field__select-input:read-only{cursor:pointer}.au-field__select-icon{position:absolute;right:16px;transition:transform .2s ease}.au-field__select-options{display:flex;flex-direction:column;width:100%;max-height:212px;margin-top:16px;padding-inline-start:0;box-sizing:border-box;border:1px solid #0048db;background:#fff;border-radius:8px;overflow:hidden;cursor:auto;position:absolute;transform-origin:top left;transform:scaleY(0);opacity:0;visibility:hidden;transition:transform .2s,opacity .2s,visibility 0s .2s;z-index:1}.au-field__select-options--open{transform:scaleY(1);opacity:1;visibility:visible;transition:transform .2s,opacity .2s}.au-field__select-options::-webkit-scrollbar{width:16px}.au-field__select-options::-webkit-scrollbar-thumb{background-color:#135df5;border:4px solid #ffffff;border-radius:8px}.au-field__select-options::-webkit-scrollbar-track{background-color:#fff;border-radius:8px}.au-field__select-option{display:flex;justify-content:space-between;padding:16px 24px;cursor:pointer}.au-field__select-option:not(.au-field__select-option--selected):hover,.au-field__select-option--highlighted:not(.au-field__select-option--selected){background-color:#f6f7fa;color:#16181d}.au-field__select-option--selected{background-color:#0048db;color:#fff;font-weight:700}.au-field__select-option--selected .au-icon>svg{color:#fff}.au-field__select-option--disabled{pointer-events:none;cursor:not-allowed;background-color:#e2e4e9;color:#5e6573}.au-field__select-option--disabled .au-icon>svg{color:#5e6573}.au-field__select-option--empty{cursor:default;background-color:#e2e4e9;color:#5e6573}.au-field__select-option--empty:hover{background-color:#e2e4e9}.au-field__select--open .au-field__select-wrapper{border:2px solid #0048db}.au-field__select--open .au-field__select-wrapper .au-field__select-icon{transform:rotate(180deg)}.au-field__select--disabled{pointer-events:none;cursor:not-allowed}.au-field__select--disabled .au-field__select-wrapper{background-color:#e2e4e9}.au-field__select--disabled .au-field__select-wrapper .au-icon>svg{color:#5e6573}.au-field__select--error .au-field__select-wrapper{background-color:#f5eff0;border-color:#991717}.au-field__select--error .au-field__select-wrapper:focus{border-color:#0048db}.au-field__fullscreen-options-select-search-bar{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;margin:16px 0 24px;background-color:#fff;border:1px solid #e2e4e9;border-radius:8px;box-sizing:border-box;color:#5e6573;font-size:16px;line-height:22px;overflow:hidden}.au-field__fullscreen-options-select-search-bar:focus-within{border:2px solid #0048db}.au-field__fullscreen-options-select-options{display:flex;flex-direction:column;gap:16px;margin-right:8px}.au-field__fullscreen-options-select-option{display:flex;justify-content:space-between;padding:16px;cursor:pointer;border-radius:8px;border:1px solid #e2e4e9;color:#16181d;transition:all .2s ease-in-out}.au-field__fullscreen-options-select-option:not(.au-field__fullscreen-options-select-option--selected):hover,.au-field__fullscreen-options-select-option--highlighted:not(.au-field__fullscreen-options-select-option--selected){background-color:#f6f7fa;color:#16181d}.au-field__fullscreen-options-select-option--selected{background-color:#0048db;border-color:#0048db;color:#fff;font-weight:700}.au-field__fullscreen-options-select-option--selected .au-icon>svg{color:#fff}.au-field__fullscreen-options-select-option--disabled{pointer-events:none;cursor:not-allowed;background-color:#e2e4e9;color:#5e6573}.au-field__fullscreen-options-select-option--disabled .au-icon>svg{color:#5e6573}.au-field__fullscreen-options-select-option--empty{cursor:default;background-color:#e2e4e9;color:#5e6573}.au-field__fullscreen-options-select-option--empty:hover{background-color:#e2e4e9}.au-field:not(.au-field--error):has(.au-field__select--open) .au-field__header-label{color:#0048db}.au-field:not(.au-field--error):has(.au-field__select--open) .au-field__select-wrapper,.au-field:not(.au-field--error):has(.au-field__select--open) .au-field__select-wrapper:focus-within{border-width:1px}
|
package/dist/main.d.ts
CHANGED
|
@@ -26,6 +26,7 @@ export { Spinner } from './components/Spinner';
|
|
|
26
26
|
export { Image } from '../../../../../../lib/components/Image';
|
|
27
27
|
export { ProgressBar } from './components/ProgressBar';
|
|
28
28
|
export { Tag } from './components/Tag';
|
|
29
|
+
export { Modal } from './components/Modal';
|
|
29
30
|
export { useDrawer } from './components/Drawer/hooks';
|
|
30
31
|
export * from './components/Logo';
|
|
31
32
|
export * from './components/icons';
|
package/dist/main.es.js
CHANGED
|
@@ -25,6 +25,7 @@ import { Spinner } from "./components/Spinner/index.es.js";
|
|
|
25
25
|
import { Image } from "./components/Image/index.es.js";
|
|
26
26
|
import { ProgressBar } from "./components/ProgressBar/index.es.js";
|
|
27
27
|
import { Tag } from "./components/Tag/index.es.js";
|
|
28
|
+
import { Modal } from "./components/Modal/index.es.js";
|
|
28
29
|
import { useState } from "react";
|
|
29
30
|
import { o, n, L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./BadgeWhiteStroke-B2qUHQS4.js";
|
|
30
31
|
import { IconActivity } from "./components/icons/IconActivity/index.es.js";
|
|
@@ -786,6 +787,7 @@ export {
|
|
|
786
787
|
k as LogoPrimaryWhiteAC,
|
|
787
788
|
l as LogoPrimaryWhiteCP,
|
|
788
789
|
m as LogoTertiaryAC,
|
|
790
|
+
Modal,
|
|
789
791
|
NavbarVertical,
|
|
790
792
|
NotificationsBar,
|
|
791
793
|
al as OPACITY_00,
|
package/dist/main.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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":"
|
|
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;"}
|