@sankhyalabs/ezui 1.1.76 → 1.1.77

package/dist/collection/components/ez-modal/ez-modal.css

@@ -1,17 +1,17 @@
 :host {
   /*@doc Define a camada em que o componente será exibido.*/
-  --modal-z-index: var(--most-visible, 3);
+  --ez-modal-z-index: var(--most-visible, 3);
   /*@doc Define o espaçamento vertical do conteúdo do modal.*/
-  --modal-vertical-padding: var(--space--large, 24px);
+  --ez-modal-vertical-padding: var(--space--large, 24px);
   display: block;
 }
 
 .modal {
   position: fixed;
-  padding: var(--modal-vertical-padding) 0;
+  padding: var(--ez-modal-vertical-padding) 0;
   display: flex;
   top: 0px;
-  z-index: var(--modal-z-index);
+  z-index: var(--ez-modal-z-index);
   left: 0px;
   width: 100%;
   box-sizing: border-box;

package/dist/collection/components/ez-modal/ez-modal.js

@@ -95,7 +95,7 @@ export class EzModal {
     },
     "opened": {
       "type": "boolean",
-      "mutable": false,
+      "mutable": true,
       "complexType": {
         "original": "boolean",
         "resolved": "boolean",

package/dist/collection/components/ez-number-input/ez-number-input.css

@@ -1,168 +1,13 @@
 :host {
-  /* dimensions */
-  /*@doc Define a altura do input.*/
-  --ni--height: 42px;
-  /*@doc Define a largura do componente.*/
-  --ni--width: 100%;
-  /*@doc Utilizado para definir posicionamento e espaçamento do input quando existe um ícone.*/
-  --ni__icon--width: 48px;
-
-  /* general */
-  /*@doc Define o raio da borda do input.*/
-  --ni--border-radius: var(--border--radius-medium, 12px);
-  /*@doc Define o tamanho da fonte do input.*/
-  --ni--font-size: var(--text--medium, 14px);
-  /*@doc Define a família da fonte do input, do label e da mensagem.*/
-  --ni--font-family: var(--font-pattern, Arial);
-
-  /* input */
+  display: block;
+  width: 100%;
   /*@doc Define a cor de fundo do input.*/
-  --ni__input--background-color: var(--background--medium, #e0e0e0);
-  /*@doc Define o estilo da borda do input.*/
-  --ni__input--border: var(--border--medium, 2px solid);
+  --ez-number-input__input--background-color: var(--background--medium, #e0e0e0);
   /*@doc Define a cor da borda do input.*/
-  --ni__input--border-color: var(--ni__input--background-color);
-  /*no modo normal usamos a borda com a mesma cor do bg*/
-  /*@doc Define a cor da borda do input quando focado.*/
-  --ni__input--focus--border-color: var(--color--primary, #008561);
-  /*@doc Define a cor de fundo do input quando desabilitado.*/
-  --ni__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
-  /*@doc Define a cor da fonte do input quando desabilitado.*/
-  --ni__input--disabled--color: var(--text--disable, #AFB6C0);
-  /*@doc Define a cor da borda do input quando com erro.*/
-  --ni__input--error--border-color: #CC2936;
-
-  /* placeholder */
-  /*@doc Define a cor do texto do placeholder quando desabilitado.*/
-  --ni__placeholder--disabled--color: var(--text--disable, #AFB6C0);
-  /*@doc Define a cor do texto do placeholder.*/
-  --ni__placeholder--color: var(--title--primary, #919191);
-  /*@doc Define o peso do texto do placeholder.*/
-  --ni__placeholder--font-weight: var(--text-weight--large, 500);
-
-  /* message box */
-  /*@doc Define o tamanho da fonte da mensagem abaixo do input.*/
-  --ni__message_box--font-size: var(--text--small, 12px);
-  /*@doc Define a cor da fonte da mensagem quando info.*/
-  --ni__message_box--info--color: var(--color--success, #22085d);
-  /*@doc Define a cor da fonte da mensagem quando erro.*/
-  --ni__message_box--error--color: var(--color--error, #FF0000);
-
-  /***************
-     host style  
-  ***************/
-  /*private*/
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-  /*public*/
-  width: var(--ni--width);
-}
-
-.invisible {
-  visibility: hidden;
-}
-
-input {
-  /*private*/
-  width: 100%;
-  box-sizing: border-box;
-  padding: var(--space--medium);
-  /*public*/
-  height: var(--ni--height);
-  border-radius: var(--ni--border-radius);
-  font-family: var(--ni--font-family);
-  font-size: var(--ni--font-size);
-  border: var(--ni__input--border);
-  border-color: var(--ni__input--border-color);
-  background-color: var(--ni__input--background-color);
-  font-weight: var(--text-weight--large);
-}
-
-input:disabled {
-  /*public*/
-  background-color: var(--ni__input--disabled--background-color);
-  color: var(--ni__input--disabled--color);
-}
-
-input:focus {
-  /*private*/
-  outline: none;
-  /*public*/
-  border-color: var(--ni__input--focus--border-color);
-}
-
-input.icon--left {
-  padding-left: var(--ni__icon--width);
-}
-
-input.icon--right {
-  padding-right: var(--ni__icon--width);
-}
-
-input::placeholder {
-  color: var(--ni__placeholder--color);
-  font-weight: var(--ni__placeholder--font-weight);
-}
-
-input:disabled::placeholder {
-  color: var(--ni__placeholder--disabled--color);
-}
-
-input.hasError {
-  color: inherit;
-  border-color: var(--ni__input--error--border-color);
-}
-
-input.text--right {
-  text-align: right;
-}
-
-.message-box {
-  /*private*/
-  min-height: 16px;
-  min-width: 100%;
-  margin-top: 2px;
-  ;
-  line-height: 12px;
-  /*public*/
-  font-family: var(--ni--font-family);
-  font-size: var(--ni__message_box--font-size);
-  color: var(--ni__message_box--info--color);
-}
-
-.hasError {
-  /*public*/
-  color: var(--ni__message_box--error--color);
-}
-
-.input__label {
-  /*public*/
-  font-size: var(--text--medium);
-  font-weight: var(--text-weight--large);
-  left: var(--space--medium);
-  position: absolute;
-  color: var(--title--primary);
-  top: var(--space--medium);
-  font-family: var(--ni--font-family);
-  -webkit-transition: font-size .3s, top .3s;
-  transition: font-size .3s, top .3s;
-  z-index: var(--visible);
-}
-
-.input__label--floated {
-  font-family: var(--ni--font-family);
-  font-size: var(--text--extra-small);
-  top: var(--space--small);
-  color: var(--text--primary);
-}
-
-.input__label--left {
-  /*public*/
-  left: var(--ni__icon--width);
+  --ez-number-input__input--border-color: var(--ez-number-input__input--background-color);
 }
 
-.input--with--label {
-  /*public*/
-  padding-bottom: 0;
+.text-input {
+  --ez-number-input__input--background-color: inherit;
+  --ez-number-input__input--border-color: inherit;
 }