naria-ui 0.3.13 → 0.3.14

package/dist/naria-ui.css

@@ -1 +1 @@
-.transform-origin-top-start{transform-origin:top left}.transform-origin-top-end{transform-origin:top right}.transform-origin-top-center{transform-origin:top center}.transform-origin-bottom-center{transform-origin:bottom center}.transform-origin-bottom-start{transform-origin:bottom left}.transform-origin-bottom-end{transform-origin:bottom right}html[dir=rtl] .transform-origin-top-start{transform-origin:top right}html[dir=rtl] .transform-origin-top-end{transform-origin:top left}html[dir=rtl] .transform-origin-bottom-start{transform-origin:bottom right}html[dir=rtl] .transform-origin-bottom-end{transform-origin:bottom left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInScale{0%{opacity:0}30%{transform:scale(.9);opacity:0}to{opacity:1;transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes fadeInTranslateY{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.naria-button{display:flex;align-items:center;width:100%}.naria-button .naria-loading{width:14px;height:14px}.naria-loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.naria-select{position:relative}.naria-select .naria-select__list-root{overflow:hidden}.naria-select .naria-select__list-root.naria-select__list-root--mobile{position:fixed;top:0;right:0;height:100%;width:100%;z-index:97}.naria-select .naria-select__list{display:flex;flex-direction:column;width:100%;z-index:99;position:relative;overflow:auto}.naria-select .naria-select__list.naria-select__list--mobile{position:relative;height:100%}.naria-select .naria-select__list.naria-select__list--desktop{position:absolute;animation:fadeInTranslateY .3s ease-out forwards;max-height:150px}.naria-select .naria-select__list .naria-select__loading-root{padding:24px 0;display:flex;justify-content:center}.naria-select .naria-select__list .naria-select__loading-root .naria-select__loading-root{width:24px;margin:auto}.naria-select .naria-select__list .naria-select__loading-more-root{position:sticky;bottom:0;text-align:center;width:100%}.naria-select .naria-select__list .naria-select__loading-more-root .naria-select__loading-more{width:24px;margin:auto}.naria-select .naria-select__list .naria-select__header--mobile{position:sticky;top:0;justify-content:end;display:flex;gap:8px}.naria-select .naria-select__list .naria-select__header--mobile .naria-select__search-input-root{flex-grow:1}.naria-select .naria-select__search-input-root{position:relative;display:flex}.naria-select .naria-select__search-input-root input{width:100%}.naria-select .naria-select__search-input-root .naria-select__arrow-icon,.naria-select .naria-select__search-input-root .naria-select__search-icon{position:absolute;bottom:0;margin-top:auto;margin-bottom:auto;top:0;right:0;width:12px;height:12px;z-index:1}.naria-select .naria-select__handler{position:relative;display:flex;gap:4px;width:100%;align-items:center;justify-content:space-between}.naria-select .naria-select__handler .naria-select__arrow-icon{width:12px;height:12px;transition:transform .4s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.naria-select .naria-select__handler .naria-select__arrow-icon.naria-select__arrow-icon--rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}html[dir=rtl] .naria-select .naria-select__search-input-root .naria-select__arrow-icon,html[dir=rtl] .naria-select .naria-select__search-input-root .naria-select__search-icon{left:0;right:auto}.naria-popover .naria-popover__content.naria-popover__content--desktop{position:absolute;z-index:99951}.naria-popover .naria-popover__content.naria-popover__content--mobile{animation:fadeInBottomToTop .2s ease-out forwards}.naria-popover .naria-popover__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:9999;cursor:pointer;background-color:#0000004d}.fade-in-scale{animation:fadeInScale .2s ease-out forwards}.fade-out-scale{animation:fadeOutScale .05s ease-out forwards}@media screen and (min-width:768px){.naria-popover .naria-popover__backdrop{place-items:center}}.naria-calendar .naria-calendar__header{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__header .naria-calendar__month-year{grid-column:auto/span 3}.naria-calendar .naria-calendar__header .naria-calendar__next-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__next-year svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{width:16px;height:16px}.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(180deg)}.naria-calendar .naria-calendar__body .naria-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__body .naria-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.naria-calendar .naria-calendar__body .naria-calendar__months{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.naria-calendar .naria-calendar__day--selected,.naria-calendar .naria-calendar__month--selected{background-color:#fff}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(0)}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-year svg{transform:rotate(180deg)}.naria-modal__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:99950;cursor:pointer}.naria-modal__backdrop.naria-modal__backdrop--dismissible{cursor:default}.naria-modal__backdrop.naria-modal__backdrop--opaque{background-color:#0000004d}.naria-modal__backdrop.naria-modal__backdrop--blur{background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.naria-modal__backdrop.naria-modal__backdrop--show{opacity:1}.naria-modal__backdrop .naria-modal{cursor:default;opacity:0;width:100%;display:flex;flex-direction:column;height:100%}.naria-modal__backdrop .naria-modal.naria-modal--show{opacity:1}.naria-modal__backdrop .naria-modal.naria-modal--desktop{animation:fadeInTranslateY .2s ease-out forwards}.naria-modal__backdrop .naria-modal.naria-modal--mobile{max-height:100%;height:100%;animation:fadeInBottomToTop .2s ease-out forwards}.naria-modal__backdrop .naria-modal .naria-modal__header{display:flex;align-items:center;justify-content:space-between}.naria-modal__backdrop .naria-modal .naria-modal__body{height:100%;overflow-y:auto}@media screen and (min-width:768px){.naria-modal__backdrop{place-items:center}}
+.transform-origin-top-start{transform-origin:top left}.transform-origin-top-end{transform-origin:top right}.transform-origin-top-center{transform-origin:top center}.transform-origin-bottom-center{transform-origin:bottom center}.transform-origin-bottom-start{transform-origin:bottom left}.transform-origin-bottom-end{transform-origin:bottom right}html[dir=rtl] .transform-origin-top-start{transform-origin:top right}html[dir=rtl] .transform-origin-top-end{transform-origin:top left}html[dir=rtl] .transform-origin-bottom-start{transform-origin:bottom right}html[dir=rtl] .transform-origin-bottom-end{transform-origin:bottom left}.backdrop--dismissible{cursor:default}.backdrop--opaque{background-color:#0000004d}.backdrop--blur{background-color:#0000001a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeInScale{0%{opacity:0}30%{transform:scale(.9);opacity:0}to{opacity:1;transform:scale(1)}}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes fadeInTranslateY{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottomToTop{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.naria-button{display:flex;align-items:center;width:100%}.naria-button .naria-loading{width:14px;height:14px}.naria-loading{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.naria-select{position:relative}.naria-select .naria-select__list-root{overflow:hidden}.naria-select .naria-select__list-root.naria-select__list-root--mobile{position:fixed;top:0;right:0;height:100%;width:100%;z-index:97}.naria-select .naria-select__list{display:flex;flex-direction:column;width:100%;z-index:99;position:relative;overflow:auto}.naria-select .naria-select__list.naria-select__list--mobile{position:relative;height:100%}.naria-select .naria-select__list.naria-select__list--desktop{position:absolute;animation:fadeInTranslateY .3s ease-out forwards;max-height:150px}.naria-select .naria-select__list .naria-select__loading-root{padding:24px 0;display:flex;justify-content:center}.naria-select .naria-select__list .naria-select__loading-root .naria-select__loading-root{width:24px;margin:auto}.naria-select .naria-select__list .naria-select__loading-more-root{position:sticky;bottom:0;text-align:center;width:100%}.naria-select .naria-select__list .naria-select__loading-more-root .naria-select__loading-more{width:24px;margin:auto}.naria-select .naria-select__list .naria-select__header--mobile{position:sticky;top:0;justify-content:end;display:flex;gap:8px}.naria-select .naria-select__list .naria-select__header--mobile .naria-select__search-input-root{flex-grow:1}.naria-select .naria-select__search-input-root{position:relative;display:flex}.naria-select .naria-select__search-input-root input{width:100%}.naria-select .naria-select__search-input-root .naria-select__arrow-icon,.naria-select .naria-select__search-input-root .naria-select__search-icon{position:absolute;bottom:0;margin-top:auto;margin-bottom:auto;top:0;right:0;width:12px;height:12px;z-index:1}.naria-select .naria-select__handler{position:relative;display:flex;gap:4px;width:100%;align-items:center;justify-content:space-between}.naria-select .naria-select__handler .naria-select__arrow-icon{width:12px;height:12px;transition:transform .4s;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}.naria-select .naria-select__handler .naria-select__arrow-icon.naria-select__arrow-icon--rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}html[dir=rtl] .naria-select .naria-select__search-input-root .naria-select__arrow-icon,html[dir=rtl] .naria-select .naria-select__search-input-root .naria-select__search-icon{left:0;right:auto}.naria-popover__content.naria-popover__content--desktop{position:absolute;z-index:99951}.naria-popover__content.naria-popover__content--mobile{animation:fadeInBottomToTop .2s ease-out forwards}.naria-popover__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:9999;cursor:pointer;background-color:#0000004d}.fade-in-scale{animation:fadeInScale .2s ease-out forwards}.fade-out-scale{animation:fadeOutScale .05s ease-out forwards}@media screen and (min-width: 768px){.naria-popover .naria-popover__backdrop{place-items:center}}.naria-calendar .naria-calendar__header{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__header .naria-calendar__month-year{grid-column:auto/span 3}.naria-calendar .naria-calendar__header .naria-calendar__next-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__next-year svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{width:16px;height:16px}.naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,.naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(180deg)}.naria-calendar .naria-calendar__body .naria-calendar__days{display:grid;grid-template-columns:repeat(7,1fr);align-items:center}.naria-calendar .naria-calendar__body .naria-calendar__weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.naria-calendar .naria-calendar__body .naria-calendar__months{display:grid;grid-template-columns:repeat(3,1fr);align-items:center}.naria-calendar .naria-calendar__day--selected,.naria-calendar .naria-calendar__month--selected{background-color:#fff}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__prev-year svg{transform:rotate(0)}html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-month svg,html[dir=rtl] .naria-calendar .naria-calendar__header .naria-calendar__next-year svg{transform:rotate(180deg)}.naria-modal__backdrop{position:fixed;align-items:end;justify-content:center;display:flex;top:0;right:0;left:0;width:100%;height:100%;animation:fadeIn .2s ease-out forwards;opacity:0;overflow:hidden;z-index:99950;cursor:pointer}.naria-modal__backdrop.naria-modal__backdrop--show{opacity:1}.naria-modal__backdrop .naria-modal{cursor:default;opacity:0;width:100%;display:flex;flex-direction:column;height:100%}.naria-modal__backdrop .naria-modal.naria-modal--show{opacity:1}.naria-modal__backdrop .naria-modal.naria-modal--desktop{animation:fadeInTranslateY .2s ease-out forwards}.naria-modal__backdrop .naria-modal.naria-modal--mobile{max-height:100%;height:100%;animation:fadeInBottomToTop .2s ease-out forwards}.naria-modal__backdrop .naria-modal .naria-modal__header{display:flex;align-items:center;justify-content:space-between}.naria-modal__backdrop .naria-modal .naria-modal__body{height:100%;overflow-y:auto}@media screen and (min-width: 768px){.naria-modal__backdrop{place-items:center}}