@sankhyalabs/sankhyablocks 1.1.22 → 1.1.25

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

@@ -0,0 +1,335 @@
+:host {
+
+  /* @doc Define a camada de visibilidae do componente. */
+  --ez-list__host--z-index: var(--visible, 1);
+  /* @doc Define o raio da borda do componente. */
+  --ez-list__host--border-radius: var(--border--radius-medium, 12px);
+  /* @doc Define o espaçamento entre a lista e o componente. */
+  --ez-list__host--padding: var(--space--medium, 12px);
+
+  /* @doc Define o espaçamento interno do ícone. */
+  --ez-list__icon__padding: var(--space--small, 6px);
+  /* @doc Define a cor do ícone de arrasto do item da lista. */
+  --ez-list__icon--color: #AFB6C0;
+
+  /* @doc Define o espaçamento externo do item da lista. */
+  --ez-list__item__margin: 0 var(--space--small, 6px);
+  /* @doc Define a cor do texto do item da lista. */
+  --ez-list__item--color: var(--title--primary, #2b3a54);
+  /* @doc Define o estilo borda inferior do item da lista. */
+  --ez-list__item--border-bottom: var(--border--small, 1px solid);
+  /* @doc Define a cor da borda inferior do item da lista. */
+  --ez-list__item--border-color: var(--title--primary, #2b3a54);
+  /* @doc Define o estilo do texto do item da lista. */
+  --ez-list__item--font-family: var(--font-pattern, "Sora");
+  /* @doc Define o tamanho do texto do item da lista. */
+  --ez-list__item--font-size: var(--text--medium, 14px);
+
+  /* @doc Define o espaçamento lateral direito para items selecionados. */
+  --ez-list__selectable--padding-right: var(--space--small, 6px);
+  /* @doc Define o espaçamento lateral esquerdo para items selecionados. */
+  --ez-list__selectable--padding-left: var(--space--small, 6px);
+
+  /*@doc Define o raio da borda de items selecionados.*/
+  --ez-list__selected-item__border-radius: var(--border--radius-small, 6px);
+  /*@doc Define a cor de fundo de items selecionados.*/
+  --ez-list__selected-item__background: var(--color--primary-300, #E2F4EF);
+
+  /* @doc Define o estilo do texto do grupo da lista. */
+  --ez-list__group--font-family: var(--font-pattern, "Sora");
+  /* @doc Define o tamanho do texto do grupo da lista. */
+  --ez-list__group--font-size: var(--text--medium, 14px);
+  /* @doc Define o peso do texto do grupo da lista. */
+  --ez-list__group--font-weight: var(--text-weight--large, 600);
+  /* @doc Define o espaçamento inferior do grupo da lista. */
+  --ez-list__group--padding-bottom: var(--space-small, 6px);
+
+  /* @doc Define o estilo do texto da área de transferência de grupos. */
+  --ez-list__group__overlay--font-family: var(--font-pattern, "Sora");
+  /* @doc Define o tamanho do texto da área de transferência de grupos. */
+  --ez-list__group__overlay--font-size: var(--text--medium, 14px);
+
+  /*@doc Define o raio da borda da barra de rolagem do container de grupos.*/
+  --ez-list__group-container__scrollbar--border-radius: var(--border--radius-large, 24px);
+  /*@doc Define a largura da barra de rolagem do container de grupos.*/
+  --ez-list__group-container__scrollbar--width: var(--space--medium, 12px);
+  /*@doc Define a cor da barra de rolagem do container de grupos.*/
+  --ez-list__group-container__scrollbar--background-color: var(--text--primary, #626e82);
+
+  /* @doc Define a cor da borda pontilhada sobre os elementos da lista. */
+  --ez-list__over--border--color: var(--color--primary, #008561);
+
+  /*@doc Define o espaçamento do container de itens arrastáveis .*/
+  --ez-list__draggable__list--padding-bottom: var(--space--small, 6px);
+
+  /*@doc Define a altura do container para arrasto para última posição .*/
+  --ez-list__last-droppable-space--height: var(--space--small, 6px);
+
+  /*@doc Define o raio da borda da barra de rolagem do componente.*/
+  --ez-list__draggable__scrollbar--border-radius: var(--border--radius-large, 24px);
+  /*@doc Define a largura da barra de rolagem do componente.*/
+  --ez-list__draggable__scrollbar--width: var(--space--medium, 12px);
+  /*@doc Define a cor da barra de rolagem do componente.*/
+  --ez-list__draggable__scrollbar--background-color: var(--text--primary, #626e82);
+  /* @doc Define a imagem do ícone de drag. */
+  --ez-list__draggable__icon--image: url('data:image/svg+xml;utf8,<svg width="18" height="18" viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m 6.75,2.25 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z m -3,3 h 1.5 v 1.5 h -1.5 z m 3,0 h 1.5 v 1.5 h -1.5 z"/></svg>');
+
+  max-height: 100%;
+  width: 100%;
+  background-color: #fff;
+  display: flex;
+  z-index: var(--ez-list__host--z-index);
+}
+
+p {
+  margin: 0;
+}
+
+.draggable {
+  display: flex;
+  align-items: center;
+  border-top: 1px dashed #fff;
+  justify-content: space-between;
+  background-color: #fff;
+  font-family: var(--ez-list__item--font-family);
+  font-size: var(--ez-list__item--font-size);
+  flex: 1;
+}
+
+.dragging {
+  background: #FFFFFF;
+  /* Primary/color--primary */
+
+  border: 1px solid #008561;
+  box-sizing: border-box;
+  box-shadow: 0px 0px 16px rgba(0, 38, 111, 0.122);
+  border-radius: 6px;
+}
+
+.selectable {
+  cursor: pointer;
+  padding-right: var(--ez-list__selectable--padding-right);
+  padding-left: var(--ez-list__selectable--padding-left);
+}
+
+.selectable-container {
+  margin: 0px !important;
+}
+
+.item-content {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.draggable-list {
+  color: var(--text-color);
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  max-height: 100%;
+}
+
+.draggable-list li {
+  background-color: #fff;
+  display: flex;
+  margin: var(--ez-list__item__margin);
+  font-family: var(--ez-list__item--font-family);
+  font-size: var(--ez-list__item--font-size);
+  color: var(--ez-list__item--color);
+  height: 32px;
+}
+
+.over {
+  border-top: 1px dashed var(--ez-list__over--border--color);
+}
+
+.last-droppable-space {
+  height: var(--ez-list__last-droppable-space--height);
+}
+
+.draggable-selected {
+  background-color: var(--background--strong) !important;
+}
+
+.draggable-selected div:hover {
+  background-color: var(--background--strong) !important;
+}
+
+
+/* Precisamos dos tokens do scrollbar */
+.draggable-list::-webkit-scrollbar-track {
+  background-color: #f0f2f5;
+}
+
+.draggable-list::-webkit-scrollbar-thumb {
+  background-color: var(--ez-list__draggable__scrollbar--background-color);
+  border-radius: var(--ez-list__draggable__scrollbar--border-radius);
+}
+
+.draggable-list::-webkit-scrollbar {
+  background-color: #f0f2f5;
+  width: var(--ez-list__draggable__scrollbar--width);
+  max-width: var(--ez-list__draggable__scrollbar--width);
+  min-width: var(--ez-list__draggable__scrollbar--width);
+}
+
+.draggable-icon {
+  align-items: flex-start;
+  display: flex;
+  outline: none;
+  border: none;
+  background-color: unset;
+}
+
+.draggable-icon::after {
+  content: '';
+  display: flex;
+  background-color: var(--ez-list__icon--color);
+  width: 18px;
+  height: 18px;
+  -webkit-mask-image: var(--ez-list__draggable__icon--image);
+  mask-image: var(--ez-list__draggable__icon--image);
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.checkbox {
+  width: fit-content;
+}
+
+.text--ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.group-container {
+  display: flex;
+  flex-direction: column;
+  max-height: 100%;
+  overflow-y: auto;
+  outline: none;
+  width: 100%;
+}
+
+.group-name {
+  font-family: var(--ez-list__group--font-family);
+  font-size: var(--ez-list__group--font-size);
+  font-weight: var(--ez-list__group--font-weight);
+  padding-bottom: var(--ez-list__group--padding-bottom);
+  -webkit-user-select: none;
+  -moz-user-select: -moz-none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.group {
+  display: flex;
+  flex-direction: column;
+}
+
+
+/* Precisamos dos tokens do scrollbar */
+.group-container::-webkit-scrollbar-track {
+  background-color: #f0f2f5;
+}
+
+.group-container::-webkit-scrollbar-thumb {
+  background-color: var(--ez-list__group-container__scrollbar--background-color);
+  border-radius: var(--ez-list__group-container__scrollbar--border-radius);
+}
+
+.group-container::-webkit-scrollbar {
+  background-color: #f0f2f5;
+  width: var(--ez-list__group-container__scrollbar--width);
+  max-width: var(--ez-list__group-container__scrollbar--width);
+  min-width: var(--ez-list__group-container__scrollbar--width);
+}
+
+.section-container {
+  display: flex;
+  position: relative;
+  height: 100%;
+}
+
+.items-container {
+  width: 100%;
+  max-height: 100%;
+  overflow-y: auto;
+  outline: none;
+}
+
+.group-items-container {
+  width: 100%;
+  max-height: 100%;
+  height: 100%;
+  outline: none;
+}
+
+.items-container::-webkit-scrollbar-track {
+  background-color: #f0f2f5;
+}
+
+.items-container::-webkit-scrollbar-thumb {
+  background-color: var(--ez-list__draggable__scrollbar--background-color);
+  border-radius: var(--ez-list__draggable__scrollbar--border-radius);
+}
+
+.items-container::-webkit-scrollbar {
+  background-color: #f0f2f5;
+  width: var(--ez-list__draggable__scrollbar--width);
+  max-width: var(--ez-list__draggable__scrollbar--width);
+  min-width: var(--ez-list__draggable__scrollbar--width);
+}
+
+.group-overlay {
+  font-family: var(--ez-list__group__overlay--font-family);
+  font-size: var(--ez-list__group__overlay--font-size);
+  background: rgba(226, 244, 239, 0.8);
+  border: 1px solid #008561;
+  border-radius: 8px;
+  position: absolute;
+  display: none;
+  place-items: center;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 2;
+  margin: 0;
+  cursor: pointer;
+}
+
+.presetedHeight {
+  min-height: 100px;
+}
+
+.overlay-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  font-size: 50px;
+  color: white;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+}
+
+.selected-item {
+  background: var(--ez-list__selected-item__background);
+  border-radius: var(--ez-list__selected-item__border-radius);
+}
+
+.slot-item {
+  align-items: flex-end;
+}
+
+.overGroup {
+  background: rgba(226, 244, 239, 0.8);
+  border: 1px solid #008561;
+  box-sizing: border-box;
+  border-radius: 8px;
+  padding-top: 6px;
+}

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%;
+}