@sankhyalabs/sankhyablocks 1.1.24 → 1.1.25

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-modal/ez-modal.css

@@ -0,0 +1,358 @@
+:host {
+  /*@doc Define a camada em que o componente será exibido.*/
+  --ez-modal-z-index: var(--most-visible, 3);
+  /*@doc Define o espaçamento vertical do conteúdo do modal.*/
+  --ez-modal-vertical-padding: var(--space--large, 24px);
+  display: block;
+}
+
+.modal {
+  position: fixed;
+  padding: var(--ez-modal-vertical-padding) 0;
+  display: flex;
+  top: 0px;
+  z-index: var(--ez-modal-z-index);
+  left: 0px;
+  width: 100%;
+  box-sizing: border-box;
+  height: 100vh;
+  backdrop-filter: blur(4px);
+  background: rgba(0, 4, 12, 0.4);
+}
+
+@keyframes expand-modal--left {
+  from {
+    transform: translate(-100%)
+  }
+}
+
+@keyframes expand-modal--right {
+  from {
+    transform: translate(100%)
+  }
+}
+
+.modal__container {
+  display: flex;
+  flex-wrap: wrap;
+  height: 100%;
+  box-sizing: border-box;
+  width: 100%;
+  align-items: flex-start;
+}
+
+.modal__container--right {
+  animation: expand-modal--right .2s ease-in-out 1;
+  justify-content: flex-end;
+}
+
+.modal__container--left {
+  animation: expand-modal--left .2s ease-in-out 1;
+  justify-content: flex-start;
+}
+
+.modal__content {
+  display: flex;
+  flex-wrap: wrap;
+  /* Cálculo deve ser revisto pois foi feito apenas para lista de tarefas */
+  max-height: calc(100% - 48px);
+  height: 100%;
+  overflow-y: auto;
+  background-color: rgb(255, 255, 255);
+  padding: 24px;
+  border-radius: 12px 0px 0px 12px;
+  box-shadow: rgb(0 38 111 / 12%) 0px 0px 16px 0px;
+}
+
+.modal__content--right {
+  border-radius: 12px 0px 0px 12px;
+}
+
+.modal__content--left {
+  border-radius: 0px 12px 12px 0px;
+}
+
+.modal__box__container {
+  display: flex;
+  flex-wrap: wrap;
+  background-color: #fff;
+  width: 100%;
+  border-radius: 12px;
+}
+
+/* //////// GRID SYSTEM //////// */
+
+.row {
+  width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.col {
+  display: flex;
+  flex-wrap: wrap;
+  align-self: flex-start;
+  box-sizing: border-box;
+}
+
+.col--stretch {
+  align-self: stretch;
+}
+
+.col--undefined {
+  width: unset;
+}
+
+.col--nowrap {
+  flex-wrap: nowrap;
+}
+
+@media screen and (min-width: 320px) {
+  .col--sd-1 {
+    width: 8.33333%;
+  }
+
+  .col--sd-2 {
+    width: 16.66667%;
+  }
+
+  .col--sd-3 {
+    width: 25%;
+  }
+
+  .col--sd-4 {
+    width: 33.33333%;
+  }
+
+  .col--sd-5 {
+    width: 41.66667%;
+  }
+
+  .col--sd-6 {
+    width: 50%;
+  }
+
+  .col--sd-7 {
+    width: 58.33333%;
+  }
+
+  .col--sd-8 {
+    width: 66.66667%;
+  }
+
+  .col--sd-9 {
+    width: 75%;
+  }
+
+  .col--sd-10 {
+    width: 83.33333%;
+  }
+
+  .col--sd-11 {
+    width: 91.66667%;
+  }
+
+  .col--sd-12 {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 480px) {
+  .col--pn-1 {
+    width: 8.33333%;
+  }
+
+  .col--pn-2 {
+    width: 16.66667%;
+  }
+
+  .col--pn-3 {
+    width: 25%;
+  }
+
+  .col--pn-4 {
+    width: 33.33333%;
+  }
+
+  .col--pn-5 {
+    width: 41.66667%;
+  }
+
+  .col--pn-6 {
+    width: 50%;
+  }
+
+  .col--pn-7 {
+    width: 58.33333%;
+  }
+
+  .col--pn-8 {
+    width: 66.66667%;
+  }
+
+  .col--pn-9 {
+    width: 75%;
+  }
+
+  .col--pn-10 {
+    width: 83.33333%;
+  }
+
+  .col--pn-11 {
+    width: 91.66667%;
+  }
+
+  .col--pn-12 {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  .col--tb-1 {
+    width: 8.33333%;
+  }
+
+  .col--tb-2 {
+    width: 16.66667%;
+  }
+
+  .col--tb-3 {
+    width: 25%;
+  }
+
+  .col--tb-4 {
+    width: 33.33333%;
+  }
+
+  .col--tb-5 {
+    width: 41.66667%;
+  }
+
+  .col--tb-6 {
+    width: 50%;
+  }
+
+  .col--tb-7 {
+    width: 58.33333%;
+  }
+
+  .col--tb-8 {
+    width: 66.66667%;
+  }
+
+  .col--tb-9 {
+    width: 75%;
+  }
+
+  .col--tb-10 {
+    width: 83.33333%;
+  }
+
+  .col--tb-11 {
+    width: 91.66667%;
+  }
+
+  .col--tb-12 {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 992px) {
+  .col--md-1 {
+    width: 8.33333%;
+  }
+
+  .col--md-2 {
+    width: 16.66667%;
+  }
+
+  .col--md-3 {
+    width: 25%;
+  }
+
+  .col--md-4 {
+    width: 33.33333%;
+  }
+
+  .col--md-5 {
+    width: 41.66667%;
+  }
+
+  .col--md-6 {
+    width: 50%;
+  }
+
+  .col--md-7 {
+    width: 58.33333%;
+  }
+
+  .col--md-8 {
+    width: 66.66667%;
+  }
+
+  .col--md-9 {
+    width: 75%;
+  }
+
+  .col--md-10 {
+    width: 83.33333%;
+  }
+
+  .col--md-11 {
+    width: 91.66667%;
+  }
+
+  .col--md-12 {
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 1200px) {
+  .col--ld-1 {
+    width: 8.33333%;
+  }
+
+  .col--ld-2 {
+    width: 16.66667%;
+  }
+
+  .col--ld-3 {
+    width: 25%;
+  }
+
+  .col--ld-4 {
+    width: 33.33333%;
+  }
+
+  .col--ld-5 {
+    width: 41.66667%;
+  }
+
+  .col--ld-6 {
+    width: 50%;
+  }
+
+  .col--ld-7 {
+    width: 58.33333%;
+  }
+
+  .col--ld-8 {
+    width: 66.66667%;
+  }
+
+  .col--ld-9 {
+    width: 75%;
+  }
+
+  .col--ld-10 {
+    width: 83.33333%;
+  }
+
+  .col--ld-11 {
+    width: 91.66667%;
+  }
+
+  .col--ld-12 {
+    width: 100%;
+  }
+}

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-number-input/ez-number-input.css

@@ -0,0 +1,4 @@
+:host {
+  display: block;
+  width: 100%;
+}

package/dist/node_modules/@sankhyalabs/ezui/dist/collection/components/ez-popover/ez-popover.css

@@ -0,0 +1,44 @@
+:host {
+
+  /* box */
+  /*@doc Define o raio da borda do popover.*/
+  --ez-popover__box--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define a sombra do popover.*/
+  --ez-popover__box--box-shadow: var(--shadow, 0px 0px 16px 0px #000);
+  /*@doc Define a cor de fundo do popover.*/
+  --ez-popover__box--background-color: var(--background--xlight, #fff);
+  /*@doc Define a camada de visibilidade do popover.*/
+  --ez-popover__box--z-index: var(--more-visible, 1);
+
+  /***************
+     host style  
+  ***************/
+  /*private*/
+  position: relative;
+  display: flex;
+  user-select: none;
+  width: 100%;
+}
+
+
+.box {
+  /*private*/
+  z-index: var(--ez-popover__box--z-index);
+  display: flex;
+  flex-direction: column;
+
+  height: fit-content;
+
+  /*public*/
+  background-color: var(--ez-popover__box--background-color);
+  border-radius: var(--ez-popover__box--border-radius);
+  box-shadow: var(--ez-popover__box--box-shadow);
+}
+
+.box--fit-content {
+  width: fit-content;
+}
+
+.box--full-width {
+  width: 100%;
+}