@sankhyalabs/ezui 1.1.66 → 1.1.69

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

@@ -1,7 +1,7 @@
 :host {
   display: flex;
   /* General */
-  /*@doc Define a camada que o componente será exibido.*/
+  /*@doc Define a camada em que o componente será exibido.*/
   --popup-z-index: var(--most-visible, 3);
 
   /* Popup */
@@ -25,7 +25,7 @@
   --popup__title--font-weight: var(--text-weight--large, 600);
 
   /* Buttons */
-  /* @doc Define a cor de fundo do botão de fechamento. */
+  /* @doc Define a cor do ícone do botão de fechamento. */
   --popup__btn__close--background-color: var(--title--primary, #2b3a54);
   /* @doc Contém o ícone do botão de fechamento. */
   --popup__btn__close--image: url('data:image/svg+xml;utf8,<svg width="14" height="14" viewBox="0 0 14 14" xmlns="http://www.w3.org/2000/svg"><path d="M 8.2421753,6.9944578 13.743748,1.4930784 C 13.907781,1.3290628 14,1.1065946 14,0.87462511 14,0.64266712 13.907782,0.42019873 13.743748,0.25617155 13.579712,0.09215597 13.35727,6.48e-8 13.125266,6.48e-8 12.89338,6.48e-8 12.670821,0.09215634 12.506787,0.25617155 L 7.005215,5.7575508 1.5035972,0.25617155 C 1.3395631,0.09215597 1.1170968,6.48e-8 0.88511716,6.48e-8 0.65314917,6.48e-8 0.4306712,0.09215597 0.26663695,0.25617155 0.10260271,0.42019873 0.01045441,0.64266712 0.01045441,0.87462511 c 0,0.23196949 0.0921483,0.45443769 0.25618254,0.61845329 L 5.7682546,6.9944578 0.26663695,12.497027 c -0.0834745,0.08067 -0.15003245,0.1772 -0.19581514,0.283871 C 0.02505077,12.887561 9.831648e-4,13.002399 2.950369e-5,13.118395 -9.2415746e-4,13.234504 0.02125019,13.349689 0.06527245,13.457057 c 0.04401053,0.107479 0.10898307,0.205064 0.1911168,0.287137 0.0821454,0.08208 0.17979645,0.146888 0.28727561,0.190839 0.10747906,0.04395 0.22262954,0.06598 0.33872417,0.06493 0.116095,-10e-4 0.23082547,-0.0253 0.33747687,-0.07112 0.1066637,-0.04593 0.2031133,-0.112615 0.2837313,-0.196086 L 7.005215,8.2313646 12.506787,13.732768 c 0.164034,0.164027 0.386593,0.256125 0.618479,0.256125 0.232004,0 0.454446,-0.09209 0.618482,-0.256125 C 13.907781,13.568741 14,13.346308 14,13.114315 14,12.882323 13.90779,12.659888 13.743748,12.495861 Z"/></svg>');

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

@@ -18,7 +18,7 @@ export class EzPopup {
      */
     this.opened = false;
     /**
-     * Define o componente utilizará um cabeçalho com botão de fechamento.
+     * Define se o componente utilizará um cabeçalho com botão de fechamento.
      */
     this.useHeader = false;
   }
@@ -99,7 +99,7 @@ export class EzPopup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define o componente utilizar\u00E1 um cabe\u00E7alho com bot\u00E3o de fechamento."
+        "text": "Define se o componente utilizar\u00E1 um cabe\u00E7alho com bot\u00E3o de fechamento."
       },
       "attribute": "use-header",
       "reflect": true,
@@ -117,7 +117,7 @@ export class EzPopup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define se o t\u00EDtulo do componente."
+        "text": "T\u00EDtulo do componente."
       },
       "attribute": "ez-title",
       "reflect": false

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

@@ -25,7 +25,7 @@ export class EzSearch {
     this.ezChange.emit(evt.detail);
   }
   render() {
-    return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errormessage: this.errormessage, optionloader: this.optionloader, searchmode: true, onEzChange: evt => this.onComboChange(evt), showselectedvalue: this.showselectedvalue, showoptionvalue: this.showoptionvalue }));
+    return (h("ez-combo-box", { ref: elem => this._comboElement = elem, value: this.value, label: this.label, enabled: this.enabled, errorMessage: this.errorMessage, optionloader: this.optionloader, searchmode: true, onEzChange: evt => this.onComboChange(evt), showselectedvalue: this.showselectedvalue, showoptionvalue: this.showoptionvalue }));
   }
   ;
   static get is() { return "ez-search"; }
@@ -71,7 +71,7 @@ export class EzSearch {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -94,7 +94,7 @@ export class EzSearch {
       "reflect": true,
       "defaultValue": "true"
     },
-    "errormessage": {
+    "errorMessage": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -108,7 +108,7 @@ export class EzSearch {
         "tags": [],
         "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
       },
-      "attribute": "errormessage",
+      "attribute": "error-message",
       "reflect": true
     },
     "optionloader": {
@@ -195,7 +195,7 @@ export class EzSearch {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Este \u00E9 o evento emitido ao clicar para abrir o popup"
+        "text": "Evento emitido ao clicar para abrir o popup"
       },
       "complexType": {
         "original": "any",

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

@@ -263,7 +263,7 @@ export class EzTabselector {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Este \u00E9 o evento emitido ao clicar para abrir o popup (onChange)."
+        "text": "Evento emitido ao clicar para abrir o popup (onChange)."
       },
       "complexType": {
         "original": "string",

package/dist/collection/components/ez-text-area/ez-text-area.css

@@ -1,12 +1,18 @@
 :host {
   /* dimensions */
+  /*@doc Define a largura do componente.*/
   --ta--width: 100%;
 
   /* general */
+  /*@doc Define o raio da borda do input do componente.*/
   --ta--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input e label do componente.*/
   --ta--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
   --ta--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label do componente.*/
   --ta--font-weight: var(--text-weight--large, 500);
+  /*@doc Define a cor da fonte do input e label do componente.*/
   --ta--color: var(--title--primary, #000);
 
   /* input */

package/dist/collection/components/ez-text-area/ez-text-area.js

@@ -6,12 +6,12 @@ export class EzTextArea {
      */
     this.enabled = true;
     /**
-     * Ajusta o numero de linhas e consequentemente o height do textarea. Valor default: 4
+     * Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
      */
     this.rows = 4;
   }
   showError() {
-    const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
+    const hasError = typeof this.errorMessage === 'string' && this.errorMessage !== '';
     if (hasError) {
       this._container.classList.add('hasError');
       this._messageBoxElem.classList.add('hasError');
@@ -95,7 +95,7 @@ export class EzTextArea {
           h("label", { ref: (el) => this._labelElem = el, class: this.enabled ? "textarea__label" : "textarea__label textarea__label--disabled", onClick: () => this._inputElem.focus(), title: this.label }, this.label)
           : null,
         h("textarea", { onFocus: () => this.handleFocus(), ref: (el) => this._inputElem = el, value: this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, onKeyDown: event => event.stopPropagation(), rows: this.rows })),
-      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errormessage }, this.errormessage)));
+      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage }, this.errorMessage)));
   }
   static get is() { return "ez-text-area"; }
   static get encapsulation() { return "shadow"; }
@@ -118,7 +118,7 @@ export class EzTextArea {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -175,7 +175,7 @@ export class EzTextArea {
       "attribute": "loading",
       "reflect": true
     },
-    "errormessage": {
+    "errorMessage": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -189,7 +189,7 @@ export class EzTextArea {
         "tags": [],
         "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
       },
-      "attribute": "errormessage",
+      "attribute": "error-message",
       "reflect": true
     },
     "rows": {
@@ -204,7 +204,7 @@ export class EzTextArea {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Ajusta o numero de linhas e consequentemente o height do textarea. Valor default: 4"
+        "text": "Ajusta o n\u00FAmero de linhas e consequentemente o height do textarea. Valor default: 4"
       },
       "attribute": "rows",
       "reflect": true,
@@ -219,7 +219,7 @@ export class EzTextArea {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Um evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
+        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
       },
       "complexType": {
         "original": "string",
@@ -263,7 +263,7 @@ export class EzTextArea {
   }; }
   static get elementRef() { return "_hostElement"; }
   static get watchers() { return [{
-      "propName": "errormessage",
+      "propName": "errorMessage",
       "methodName": "showError"
     }, {
       "propName": "value",

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

@@ -1,50 +1,58 @@
 :host {
   /* dimensions */
-  --it--height: 42px;
-  --it--width: 100%;
-  --it__icon--width: 48px;
+  /*@doc Define a altura do componente.*/
+  --text-input--height: 42px;
+  /*@doc Define a largura do componente.*/
+  --text-input--width: 100%;
+  /*@doc Define a largura do slot que contém o ícone.*/
+  --text-input__icon--width: 48px;
 
   /* general */
-  --it--border-radius: var(--border--radius-medium, 12px);
-  --it--font-size: var(--text--medium, 14px);
-  --it--font-family: var(--font-pattern, Arial);
-  --it--font-weight: var(--text-weight--large, 500);
-  --it--color: var(--title--primary, #000);
+  /*@doc Define o raio da borda do input do componente.*/
+  --text-input--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input e label do componente.*/
+  --text-input--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
+  --text-input--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label do componente.*/
+  --text-input--font-weight: var(--text-weight--large, 500);
+  /*@doc Define a cor da fonte do input e label do componente.*/
+  --text-input--color: var(--title--primary, #000);
 
   /* input */
   /*@doc Define a cor de fundo do input.*/
-  --it__input--background-color: var(--background--medium, #e0e0e0);
+  --text-input__input--background-color: var(--background--medium, #e0e0e0);
   /*@doc Define o estilo da borda do input.*/
-  --it__input--border: var(--border--medium, 2px solid);
+  --text-input__input--border: var(--border--medium, 2px solid);
   /*@doc Define a cor da borda do input.*/
-  --it__input--border-color: var(--it__input--background-color);
+  --text-input__input--border-color: var(--text-input__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.*/
-  --it__input--focus--border-color: var(--color--alert-cold-800, #042EFF);
+  --text-input__input--focus--border-color: var(--color--alert-cold-800, #042EFF);
   /*@doc Define a cor de fundo do input quando desabilitado.*/
-  --it__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
+  --text-input__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
   /*@doc Define a cor do texto do input.*/
-  --it__input--disabled--color: var(--text--disable, #AFB6C0);
+  --text-input__input--disabled--color: var(--text--disable, #AFB6C0);
   /*@doc Define a cor da borda do input quando com erro.*/
-  --it__input--error--border-color: #CC2936;
+  --text-input__input--error--border-color: #CC2936;
 
   /* message box */
   /*@doc Define o tamanho da fonte da mensagem abaixo do input.*/
-  --it__message_box--font-size: var(--text--small, 12px);
+  --text-input__message_box--font-size: var(--text--small, 12px);
   /*@doc Define a cor da fonte da mensagem quando info.*/
-  --it__message_box--info--color: var(--color--success, #22085d);
+  --text-input__message_box--info--color: var(--color--success, #22085d);
   /*@doc Define a cor da fonte da mensagem quando erro.*/
-  --it__message_box--error--color: var(--color--error, #FF0000);
+  --text-input__message_box--error--color: var(--color--error, #FF0000);
 
   /* label */
   /*@doc Define o posicionamento do label.*/
-  --it__label--floating--top: 6px;
+  --text-input__label--floating--top: 6px;
   /*@doc Define o posicionamento do label.*/
-  --it__label--padding-top: 12px;
+  --text-input__label--padding-top: 12px;
   /*@doc Define o espaçamento esquerdo do label.*/
-  --it__label--padding-left: 14px;
+  --text-input__label--padding-left: 14px;
   /*@doc Define o espaçamento direito do label.*/
-  --it__label--padding-right: 12px;
+  --text-input__label--padding-right: 12px;
 
 
   /***************
@@ -55,7 +63,7 @@
   flex-wrap: wrap;
   position: relative;
   /*public*/
-  width: var(--it--width);
+  width: var(--text-input--width);
 }
 
 input {
@@ -66,40 +74,40 @@ input {
   font-weight: var(--text-weight--large, 600);
 
   /*public*/
-  height: var(--it--height);
-  border-radius: var(--it--border-radius);
-  font-family: var(--it--font-family);
-  font-size: var(--it--font-size);
-  border: var(--it__input--border);
-  border-color: var(--it__input--border-color);
-  background-color: var(--it__input--background-color);
-  color: var(--it--color);
+  height: var(--text-input--height);
+  border-radius: var(--text-input--border-radius);
+  font-family: var(--text-input--font-family);
+  font-size: var(--text-input--font-size);
+  border: var(--text-input__input--border);
+  border-color: var(--text-input__input--border-color);
+  background-color: var(--text-input__input--background-color);
+  color: var(--text-input--color);
 }
 
 input:disabled {
   /*public*/
-  background-color: var(--it__input--disabled--background-color);
-  color: var(--it__input--disabled--color);
+  background-color: var(--text-input__input--disabled--background-color);
+  color: var(--text-input__input--disabled--color);
 }
 
 input:focus {
   /*private*/
   outline: none;
   /*public*/
-  border-color: var(--it__input--focus--border-color);
+  border-color: var(--text-input__input--focus--border-color);
 }
 
 input.icon--left {
-  padding-left: var(--it__icon--width);
+  padding-left: var(--text-input__icon--width);
 }
 
 input.icon--right {
-  padding-right: var(--it__icon--width);
+  padding-right: var(--text-input__icon--width);
 }
 
 input.hasError {
-  color: var(--it--color);
-  border-color: var(--it__input--error--border-color);
+  color: var(--text-input--color);
+  border-color: var(--text-input__input--error--border-color);
 }
 
 input.text--right {
@@ -118,14 +126,14 @@ input.text--right {
   white-space: nowrap;
 
   /*public*/
-  font-family: var(--it--font-family);
-  font-size: var(--it__message_box--font-size);
-  color: var(--it__message_box--info--color);
+  font-family: var(--text-input--font-family);
+  font-size: var(--text-input__message_box--font-size);
+  color: var(--text-input__message_box--info--color);
 }
 
 .hasError {
   /*public*/
-  color: var(--it__message_box--error--color);
+  color: var(--text-input__message_box--error--color);
 }
 
 .input__label {
@@ -138,49 +146,49 @@ input.text--right {
   white-space: nowrap;
   -webkit-transition: font-size .05s, top .05s;
   transition: font-size .05s, top .05s;
-  width: calc(100% - var(--it__label--padding-right));
-  left: var(--it--space--medium);
+  width: calc(100% - var(--text-input__label--padding-right));
+  left: var(--text-input--space--medium);
 
   /*public*/
-  font-family: var(--it--font-family);
-  font-size: var(--it--font-size);
-  font-weight: var(--it--font-weight);
-  color: var(--it--color);
-  top: var(--it__label--padding-top);
-  left: var(--it__label--padding-left);
-  padding-right: var(--it__label--padding-right);
+  font-family: var(--text-input--font-family);
+  font-size: var(--text-input--font-size);
+  font-weight: var(--text-input--font-weight);
+  color: var(--text-input--color);
+  top: var(--text-input__label--padding-top);
+  left: var(--text-input__label--padding-left);
+  padding-right: var(--text-input__label--padding-right);
 }
 
 .input__label--floated {
-  font-family: var(--it--font-family);
+  font-family: var(--text-input--font-family);
   font-size: var(--text--extra-small);
   color: var(--text--primary);
-  top: var(--it__label--floating--top);
+  top: var(--text-input__label--floating--top);
 }
 
 .input__label--disabled {
-  color: var(--it__input--disabled--color);
+  color: var(--text-input__input--disabled--color);
 }
 
 .input__label--left {
   /*public*/
   text-align: left;
-  left: calc(var(--it__icon--width) + 2px);
+  left: calc(var(--text-input__icon--width) + 2px);
   /*borda*/
-  width: calc(100% - var(--it__icon--width));
+  width: calc(100% - var(--text-input__icon--width));
 }
 
 .input__label--right {
   /*public*/
-  right: var(--it__icon--width);
-  width: calc(100% - var(--it__icon--width));
+  right: var(--text-input__icon--width);
+  width: calc(100% - var(--text-input__icon--width));
 }
 
 /* ISSO TA ERRADO CRIAR INPUT__LABEL--BOTH */
 .input__label--left.input__label--right {
-  left: calc(var(--it__icon--width) + 2px);
+  left: calc(var(--text-input__icon--width) + 2px);
   /*borda*/
-  width: calc(100% - var(--it__icon--width) * 2);
+  width: calc(100% - var(--text-input__icon--width) * 2);
 }
 
 .input--with--label {

package/dist/collection/components/ez-text-input/ez-text-input.js

@@ -1,5 +1,4 @@
 import { Component, Prop, h, Watch, Host, Method, Event, Element } from '@stencil/core';
-import { isValidNumber } from '../../utils/utils';
 import { MaskFormatter } from '@sankhyalabs/core';
 export class EzTextInput {
   constructor() {
@@ -9,7 +8,7 @@ export class EzTextInput {
     this.enabled = true;
   }
   showError() {
-    const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
+    const hasError = typeof this.errorMessage === 'string' && this.errorMessage !== '';
     if (hasError) {
       this._inputElem.classList.add('hasError');
       this._messageBoxElem.classList.add('hasError');
@@ -84,16 +83,13 @@ export class EzTextInput {
         this._inputElem.value = this._maskFormatter.format(value);
       }
       catch (e) {
-        this.errormessage = e.message;
+        this.errorMessage = e.message;
       }
     }
     this.value = this._inputElem.value;
     this.adjustFloatingLabel();
   }
   isValidValue(value) {
-    if (this.onlynumber) {
-      return value == "" || isValidNumber(value);
-    }
     if (this.restrict) {
       return Array.from(value).reduce((valid, c) => valid && this.restrict.indexOf(c) > -1, true);
     }
@@ -122,11 +118,11 @@ export class EzTextInput {
       content.style.justifyContent = "center";
       content.style.overflow = "hidden";
       content.style.top = "0px";
-      content.style.width = "var(--it__icon--width)";
-      content.style.height = "var(--it--height)";
+      content.style.width = "var(--text-input__icon--width)";
+      content.style.height = "var(--text-input--height)";
       if (slot.name == "leftIcon") {
         content.style.left = "0px";
-        content.style.borderRadius = "var(--it--border-radius) 0 0 var(--it--border-radius)";
+        content.style.borderRadius = "var(--text-input--border-radius) 0 0 var(--text-input--border-radius)";
         this._inputElem.classList.add('icon--left');
         if (this._labelElem) {
           this._labelElem.classList.add('input__label--left');
@@ -134,7 +130,7 @@ export class EzTextInput {
       }
       else if (slot.name == "rightIcon") {
         content.style.right = "0px";
-        content.style.borderRadius = "0 var(--it--border-radius) var(--it--border-radius) 0";
+        content.style.borderRadius = "0 var(--text-input--border-radius) var(--text-input--border-radius) 0";
         this._inputElem.classList.add('icon--right');
         if (this._labelElem) {
           this._labelElem.classList.add('input__label--right');
@@ -152,9 +148,6 @@ export class EzTextInput {
   // Lifecycle web component
   //---------------------------------------------
   componentDidLoad() {
-    if (this.onlynumber) {
-      this._inputElem.classList.add('text--right');
-    }
     this.showError();
     this.prepareMask();
     this.adjustFloatingLabel();
@@ -167,7 +160,7 @@ export class EzTextInput {
           this.value = this._maskFormatter.format(this.value);
         }
         catch (e) {
-          this.errormessage = e.message;
+          this.errorMessage = e.message;
         }
       }
       if (!this.isValidValue(this.value)) {
@@ -184,7 +177,7 @@ export class EzTextInput {
         : null,
       h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }),
       h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
-      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errormessage }, this.errormessage)));
+      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage }, this.errorMessage)));
   }
   static get is() { return "ez-text-input"; }
   static get encapsulation() { return "shadow"; }
@@ -207,7 +200,7 @@ export class EzTextInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -264,7 +257,7 @@ export class EzTextInput {
       "attribute": "loading",
       "reflect": true
     },
-    "errormessage": {
+    "errorMessage": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -278,24 +271,7 @@ export class EzTextInput {
         "tags": [],
         "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
       },
-      "attribute": "errormessage",
-      "reflect": true
-    },
-    "onlynumber": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Faz com que o componente s\u00F3 aceite n\u00FAmeros"
-      },
-      "attribute": "onlynumber",
+      "attribute": "error-message",
       "reflect": true
     },
     "mask": {
@@ -310,7 +286,7 @@ export class EzTextInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme um o padr\u00E3o estabelecido"
+        "text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme o padr\u00E3o estabelecido"
       },
       "attribute": "mask",
       "reflect": false
@@ -341,7 +317,7 @@ export class EzTextInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Um evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
+        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
       },
       "complexType": {
         "original": "string",
@@ -385,7 +361,7 @@ export class EzTextInput {
   }; }
   static get elementRef() { return "_hostElement"; }
   static get watchers() { return [{
-      "propName": "errormessage",
+      "propName": "errorMessage",
       "methodName": "showError"
     }, {
       "propName": "mask",

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

@@ -1,14 +1,22 @@
 :host {
   /* dimensions */
+  /*@doc Define a altura do componente.*/
   --eztime--height: 42px;
+  /*@doc Define a largura do componente.*/
   --eztime--width: 100%;
+  /*@doc Define a largura do slot que contém o ícone.*/
   --eztime__icon--width: 48px;
 
   /* general */
+  /*@doc Define o raio da borda do input do componente.*/
   --eztime--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input e label do componente.*/
   --eztime--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
   --eztime--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label do componente.*/
   --eztime--font-weight: var(--text-weight--large, 500);
+  /*@doc Define o espaçamento do label.*/
   --eztime--space--medium: var(--space--medium, 6px);
 
   /* input */